接口列表

src/views/port/port/index.vue

@@ -33,7 +33,8 @@
         label="接口图片"
         width="180">
         <template slot-scope="scope">
-          <span style="margin-left: 10px">{{ scope.row.connectorPicture }}</span>
+<!--          <image-preview :src="scope.row.connectorPicture" width="50" height="50"/>-->
+          <el-image style="width: 100px; height: 100px" :src="scope.row.connectorPicture" :fit="fit"></el-image>
         </template>
       </el-table-column>
 
@@ -106,6 +107,13 @@
 
         <el-form-item label="接口图片" :label-width="formLabelWidth">
           <el-input v-model="formLabelAlign.connectorPicture" autocomplete="off"></el-input>
+          <el-upload
+            action="https://jsonplaceholder.typicode.com/posts/"
+            list-type="picture-card"
+            :on-preview="handlePictureCardPreview"
+            :on-remove="handleRemove">
+            <i class="el-icon-plus"></i>
+          </el-upload>
         </el-form-item>
 
         <el-form-item label="公司" :label-width="formLabelWidth">