添加图片

src/containers/management/repair/repair.vue

@@ -72,6 +72,13 @@
         <el-form-item class="col-line-1" label="报修时间" label-width="100px">
           <span>{{$formatDate(new Date(selected.createDate),'yyyy-MM-dd')}}</span>
         </el-form-item>
+        <el-form-item v-if="selected.uploadImg" class="col-line-1" label="图片" label-width="100px">
+          <div class="previewRow">
+            <div class="previewItem" v-for="(item, index) in selected.uploadImg.split(',')" :key="index">
+              <img :src="item" alt="">
+            </div>
+          </div>
+        </el-form-item>
         <el-form-item class="col-line-1" v-if="selected.dealState == 1" label-width="100px">
           <el-radio v-model="selected.dealed" :label="2">已处理</el-radio>
         </el-form-item>
@@ -147,6 +154,7 @@ export default {
         term: '',
         address: '',
         dealed: '',
+        uploadImg: '',
       };
     },
     getDealStateValue(c, r, val) {
@@ -164,6 +172,7 @@ export default {
         address: data.row.address,
         createDate: data.row.createDate,
         dealState: data.row.dealState,
+        uploadImg: data.row.uploadImg,
       };
       this.dialogEditVisible = true;
     },
@@ -196,3 +205,17 @@ export default {
   },
 };
 </script>
+
+<style lang="scss">
+.previewRow {
+  display: flex;
+  .previewItem {
+    width: 170px;
+    height: 96px;
+    margin-right: 20px;
+  }
+  .previewItem:last-child {
+    margin-right: 0;
+  }
+}
+</style>