修改图片显示

ruoyi-ui/src/views/board/smartScene/index.vue

@@ -71,7 +71,8 @@
               <span style="margin-right: 28px;"> {{ i.monitorUnitName }} </span>
               <!--              <el-tag :type="i.alarmStatus === 1 ?'success' : 'danger'">{{ i.alarmStatus === 1 ? '正常' : '异常' }}</el-tag>-->
             </div>
-            <div class="img" :style="'background-image: url('+(i.monitorPic ? i.monitorPic :defaultImg)+');'"></div>
+            <div class="img"
+                 :style="`background-image: url('${i.monitorPic ? encodeURI(i.monitorPic) :defaultImg}')`"></div>
           </div>
         </el-col>
       </el-row>
@@ -83,8 +84,8 @@
     </div>
 
     <el-dialog
-      :visible.sync="isDispose"
-      width="30%">
+        :visible.sync="isDispose"
+        width="30%">
 
       <el-descriptions class="margin-top" :column="2" border>
         <el-descriptions-item>
@@ -115,7 +116,7 @@
           <template slot="label">
             告警类型
           </template>
-          {{ warInfo.alarmTypeName  }}
+          {{ warInfo.alarmTypeName }}
         </el-descriptions-item>
         <el-descriptions-item>
           <template slot="label">
@@ -145,11 +146,11 @@
 
       <span>备注</span>
       <el-input
-        style="margin-top: 12px;margin-bottom:12px"
-        type="textarea"
-        :rows="2"
-        placeholder="请输入内容"
-        v-model="textarea">
+          style="margin-top: 12px;margin-bottom:12px"
+          type="textarea"
+          :rows="2"
+          placeholder="请输入内容"
+          v-model="textarea">
       </el-input>
       <span slot="footer" class="dialog-footer">
         <el-button @click="isDispose = false">取 消</el-button>