改变图片路径

src/renderer/components/Admin.vue

@@ -11,7 +11,7 @@
                 height:windowJson[0] ? windowJson[0].Height*scale + 'px' : '',
                 zIndex:windowJson[0] ? windowJson[0].ZIndex : '',
                 display:windowJson[0] ? (windowJson[0].IsVisibility ? 'block' : 'none') : '',
-                backgroundImage:windowJson[0] ? (windowJson[0].BackIcon ? 'url('+require(`../../../static/images/${windowJson[0].BackIcon}`)+')' : null) : '',
+                backgroundImage:windowJson[0] ? (windowJson[0].BackIcon ? 'url('+require(`../../../static/${windowJson[0].BackIcon}`)+')' : null) : '',
                 backgroundRepeat:'no-repeat',
                 backgroundSize:'100% 100%',
                 backgroundColor:`#${windowJson[0] ? (windowJson[0].BrackgroupStr ? windowJson[0].BrackgroupStr.slice(3) : null) : ''}`,

src/renderer/components/Button.vue

@@ -12,7 +12,7 @@
                     zIndex:item.ZIndex,
                     display:item.IsVisibility ? 'block' : 'none',
                     fontSize:item.FontSize*scale + 'px',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
+                    backgroundImage:'url('+require(`../../../static/${item.BackIcon}`)+')',
                     backgroundSize:'100% 100%',
                     backgroundRepeat:'no-repeat',
                     color:`#${item.ForegroundStr.slice(3)}`,
@@ -64,7 +64,7 @@
 
 
             this.slideJson = await getStaticFile('EnitySlider.Data')
-            this.funSliderArr = res.data
+            this.funSliderArr = await getStaticFile('EnitySlider.Data')
         },
 
         computed: {
@@ -77,10 +77,10 @@
                 // 预案管理声音开关
                 if (e.ID === '355d3c32-1502-40b4-9ddd-663d5b8469e7') {
                     if (this.count % 2 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         ++this.count
                     } else {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                         ++this.count
                     }
                     return
@@ -89,11 +89,11 @@
                 // 切换屏幕
                 if (e.Text === 'LCD屏' || e.Text === 'LED屏' || e.Text === '投影机') {
                     if (this.count4 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         ++this.count4
                     } else if(e !== this.lastData4) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn4.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData4.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
+                        this.lastBtn4.style.backgroundImage = 'url(' + require(`../../../static/${this.lastData4.BackIcon}`) + ')'
                     }
                     // 保存点过的这个按钮和按钮数据
                     this.lastBtn4 = this.$refs[e.ID][0]
@@ -114,11 +114,11 @@
                 // 预案管理按钮处理
                 if (e.Name.includes('V0') && e.Name.slice(7) * 1 > 62 && e.Name.slice(7) * 1 < 72) {
                     if (this.count2 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         ++this.count2
                     } else if(e !== this.lastData) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
+                        this.lastBtn.style.backgroundImage = 'url(' + require(`../../../static/${this.lastData.BackIcon}`) + ')'
                     }
                     // 保存点过的按钮和按钮数据
                     this.lastBtn = this.$refs[e.ID][0]
@@ -130,11 +130,11 @@
                 if (e.Name.includes('V0--Btn6') || e.Name.includes('V0--Btn61') || e.Name.includes('V0--Btn12') || e.Name.includes('V0--Btn58') || e.Name.includes('V0--Btn77')) {
                     // （1）背景切换
                     if (this.count3 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         ++this.count3
                     } else if(e !== this.lastData3) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn3.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData3.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
+                        this.lastBtn3.style.backgroundImage = 'url(' + require(`../../../static/${this.lastData3.BackIcon}`) + ')'
                     }
                     // 保存点过的这个按钮和按钮数据
                     this.lastBtn3 = this.$refs[e.ID][0]
@@ -196,11 +196,11 @@
                 // 安卓和分布式按钮
                 if (e.Text === '安卓' || e.Text === '分布式') {
                     if (this.count5 === 0) {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         ++this.count5
                     } else if(e !== this.lastData5){
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
-                        this.lastBtn5.style.backgroundImage = 'url(' + require(`../../../static/images/${this.lastData5.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
+                        this.lastBtn5.style.backgroundImage = 'url(' + require(`../../../static/${this.lastData5.BackIcon}`) + ')'
                     }
                     // 保存点过的这个按钮和按钮数据
                     this.lastBtn5 = this.$refs[e.ID][0]
@@ -211,10 +211,10 @@
                 // 电源管理和电脑管理
                 if(this.powerAndCompBtns.some(item => item.ID === e.ID)){
                     if(e.ActionType === 2){
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                         e.ActionType = -2
                     }else {
-                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                        this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                         e.ActionType = 2
                     }
                 }
@@ -224,13 +224,13 @@
             // 鼠标按下事件
             mouseDown(e) {
                 if (this.arr.some(item => e === item) && e.Text !== '安卓' && e.Text !== '分布式') { // 分屏控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                 }else if(e.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b') { // 视频控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                 }else if(e.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d') { // 环境控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                 }else if(e.ID === '19554440-98bc-4644-83a0-d9cefd69153e'){ // 电脑控制All按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.ActionIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.ActionIcon}`) + ')'
                 }
                 return
             },
@@ -238,13 +238,13 @@
             // 鼠标松开事件
             mouseUp(e) {
                 if (this.arr.some(item => e === item) && e.Text !== '安卓' && e.Text !== '分布式') { // 分屏控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                 }else if(e.WindowID === '027ab76d-6b9c-46ac-abe6-75b8059f786b') { // 视频控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                 }else if(e.WindowID === 'a12b287f-f68c-4efa-b652-d6e5b0a09d0d') { // 环境控制按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                 }if(e.ID === '19554440-98bc-4644-83a0-d9cefd69153e'){ // 电脑控制All按钮
-                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/images/${e.BackIcon}`) + ')'
+                    this.$refs[e.ID][0].style.backgroundImage = 'url(' + require(`../../../static/${e.BackIcon}`) + ')'
                 }
                 return
             },

src/renderer/components/Image.vue

@@ -11,7 +11,7 @@
                     height:item.Height*scale + 'px',
                     zIndex:item.ZIndex,
                     display:item.IsVisibility ? 'block' : 'none',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
+                    backgroundImage:'url('+require(`../../../static/${item.BackIcon}`)+')',
                     backgroundRepeat:'no-repeat',
                     backgroundSize:'100% 100%',
                 }"
@@ -22,6 +22,7 @@
 
 <script>
     import {mapState} from 'vuex'
+    import {getStaticFile} from "../../utils/tools"
 
     export default {
 

src/renderer/components/Label.vue

@@ -23,6 +23,7 @@
 
 <script>
     import {mapState} from 'vuex'
+    import {getStaticFile} from "../../utils/tools"
 
     export default {
         data() {

src/renderer/components/SignalList.vue

@@ -33,9 +33,9 @@
 </template>
 
 <script>
-    import axios from 'axios'
     import {mapState} from 'vuex'
     import draggable from 'vuedraggable'
+    import {getStaticFile} from "../../utils/tools"
 
     export default {
         data() {

src/renderer/components/Slider.vue

@@ -11,7 +11,7 @@
                     height:item.Height*scale + 'px',
                     zIndex:item.ZIndex,
                     display:item.IsVisibility ? 'block' : 'none',
-                    backgroundImage:'url('+require(`../../../static/images/${item.BackIcon}`)+')',
+                    backgroundImage:'url('+require(`../../../static/${item.BackIcon}`)+')',
                     backgroundRepeat:'no-repeat',
                 }"
         >
@@ -25,7 +25,7 @@
                         :style="{
                             width:item.imgSliderWidth*scale + 'px',
                             height:item.imgSliderHeight*scale + 'px',
-                            backgroundImage:'url('+require(`../../../static/images/${item.SliderIcon}`)+')',
+                            backgroundImage:'url('+require(`../../../static/${item.SliderIcon}`)+')',
                             backgroundRepeat:'no-repeat',
                             marginLeft:'40%',
                         }"
@@ -40,6 +40,7 @@
 
 <script>
     import {mapState} from 'vuex'
+    import {getStaticFile} from "../../utils/tools"
 
     export default {
         data() {