bug fixes

src/pages/order/detail.vue

@@ -56,7 +56,25 @@
           <div class="order-field-item">
             <div class="order-field-item__label">买家留言：</div>
             <div class="order-field-item__content">
-              <p v-for="(item, index) in messageList" :key="index">{{ item.filed }}:{{ item.value }}</p>
+              <template v-for="(item, index) in messageList">
+                <div :key="index" class="order-message-item">
+                  <template v-if="item.type === 'image' && item.value.length">
+                    <p>
+                      {{ item.filed }}：
+                      <el-image
+                        style="width: 200px"
+                        :src="file.url"
+                        fit="cover"
+                        :preview-src-list="[file.url]"
+                        v-for="(file, i) in item.value"
+                        :key="i"
+                      >
+                      </el-image>
+                    </p>
+                  </template>
+                  <p v-else>{{ item.filed }}：{{ item.value }}</p>
+                </div>
+              </template>
             </div>
           </div>
         </el-col>
@@ -221,4 +239,7 @@ export default {
   font-size: 18px;
   color: #d40000;
 }
+.order-message-item + .order-message-item {
+  margin-top: 10px;
+}
 </style>