仓库图片跟着仓库切换

src/views/monitor/videos/index.vue

@@ -27,7 +27,8 @@
         <div class="shipinscons">
           <div class="shipinscon">
             <div class="shipinstu" style="height:400px">
-              <img src="/image/cangku2.png" style="height:600px;width:1000px" />
+              <!-- <img src="/image/cangku2.png" style="height:600px;width:1000px" /> -->
+              <img :src="cangkuImage" style="height:600px;width:1000px" />
               <!-- 入侵报警 -->
               <!-- <div class="ruqinbaojingcss" style="z-index: 10;" v-if="showRuqinbaojing">
                 <div class="myiconfont bluezibg jingicon ruqin_zhengchang1"  v-if="showRuqinbaojing_zhengchang"  @click="openshipinRuqinbaojing()">&#xe608;</div>
@@ -250,6 +251,7 @@ export default {
       btnMenjinguanli: [],
       btnDianziweilan: [],
       statusData: {},
+      cangkuImage: '',
       btndisabled: false,
       moreFlag: false,
       zc_list: [],
@@ -381,6 +383,7 @@ export default {
   },
   methods: {
     ckChange(item) {
+      this.cangkuImage = '/image/' + item + '.png'
       if (item) {
         this.moreFlag = true
       } else {
@@ -646,6 +649,7 @@ export default {
         if (res.code == 200) {
           this.ckList = res.data
           this.ckId = res.data[0].sid
+          this.cangkuImage = '/image/' + res.data[0].sid + '.png'
         }
         getOtherList({ type: 1, ckId: this.ckId }).then((res) => {
           if (res.code == 200) {