加入投诉页面

public/components/common/complaintDetail/complaintDetail.html

@@ -79,6 +79,14 @@
                                     <textarea placeholder="必填，请填写投诉内容" readonly class="form-control"
                                         v-model="complaintDetailInfo.context"></textarea></div>
                             </div>
+                            <div class="form-group row" v-if="complaintDetailInfo.photos.length > 0">
+                                <label class="col-sm-2 col-form-label">投诉图片</label>
+                                <div class="col-sm-10">
+                                    <span v-for="_photo in complaintDetailInfo.photos">
+                                        <img style="width: 60px; height: 60px;" v-bind:src="_photo.url"  v-on:click="openFile(_photo)"></img>
+                                    </span>
+                                </div>
+                            </div>
 
                             <div class="ibox-content">
                                 <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
@@ -91,4 +99,5 @@
             </div>
         </div>
     </div>
+    <vc:create path="common/viewImage"></vc:create>
 </div>

public/components/common/complaintDetail/complaintDetail.js

@@ -14,7 +14,8 @@
                 currentUserName: '',
                 currentUserTel: '',
                 currentUserId: '',
-                showCurrentUser: true
+                showCurrentUser: true,
+                photos:[]
             }
         },
         _initMethod: function () {
@@ -52,7 +53,12 @@
                     currentUserId: '',
                     showCurrentUser: true
                 }
-            }
+            }, 
+            openFile:function(_photo){
+                vc.emit('viewImage','showImage',{
+                    url:_photo.url
+                });
+             }
         }
     });