工单详情图片回显

ruoyi-ui/src/views/system/management/emergency-command/info/index.vue

@@ -658,6 +658,13 @@
                   <el-form-item label="标题" prop="title">
                     {{ form.title || '/' }}
                   </el-form-item>
+                  <el-form-item label="标题" prop="title">
+                    <el-image v-for="item in form.pictureUrlList"
+                      style="width: 100px; height: 100px"
+                      :src="baseUrl+item"
+                      :preview-src-list="form.pictureUrlList">
+                    </el-image>
+                  </el-form-item>
                   <el-form-item label="描述" prop="description">
                     {{ form.description || '/' }}
                   </el-form-item>
@@ -986,13 +993,14 @@ import {
 import infoConfig from "@/views/system/management/emergency-command/utils/infoConfig";
 import {deptTreeSelect} from "@/api/system/user";
 import NewMap from "@/components/CommonComponents/PublicCoponents/map/NewMap";
-
+import elImageViewer from "element-ui/packages/image/src/image-viewer"
 export default {
-  components: {NewMap},
+  components: {NewMap,elImageViewer},
   mixins: [infoConfig],
   name: "Info",
   data() {
     return {
+      baseUrl: process.env.VUE_APP_BASE_API,
       obj: {},
       isEdit: false,
       handleNameList: null,