diff --git a/src/components/ImageUpload/index.vue b/src/components/ImageUpload/index.vue
index bc8a76f..80f9220 100644
--- a/src/components/ImageUpload/index.vue
+++ b/src/components/ImageUpload/index.vue
@@ -1,38 +1,38 @@
 <template>
   <div class="component-upload-image">
     <el-upload
-      ref="imageUpload"
+      multiple
       :action="uploadImgUrl"
+      list-type="picture-card"
+      :on-success="handleUploadSuccess"
       :before-upload="handleBeforeUpload"
-      :class="{hide: this.fileList.length >= this.limit}"
-      :file-list="fileList"
-      :headers="headers"
       :limit="limit"
       :on-error="handleUploadError"
       :on-exceed="handleExceed"
-      :on-preview="handlePictureCardPreview"
+      ref="imageUpload"
       :on-remove="handleDelete"
-      :on-success="handleUploadSuccess"
       :show-file-list="true"
-      list-type="picture-card"
-      multiple
+      :headers="headers"
+      :file-list="fileList"
+      :on-preview="handlePictureCardPreview"
+      :class="{hide: this.fileList.length >= this.limit}"
     >
       <i class="el-icon-plus"></i>
     </el-upload>
 
     <!-- 上传提示 -->
-    <div v-if="showTip" slot="tip" class="el-upload__tip">
+    <div class="el-upload__tip" slot="tip" v-if="showTip">
       请上传
-      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b></template>
-      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b></template>
+      <template v-if="fileSize"> 大小不超过 <b style="color: #f56c6c">{{ fileSize }}MB</b> </template>
+      <template v-if="fileType"> 格式为 <b style="color: #f56c6c">{{ fileType.join("/") }}</b> </template>
       的文件
     </div>
 
     <el-dialog
       :visible.sync="dialogVisible"
-      append-to-body
       title="预览"
       width="800"
+      append-to-body
     >
       <img
         :src="dialogImageUrl"
@@ -43,7 +43,7 @@
 </template>
 
 <script>
-import {getToken} from "@/utils/auth";
+import { getToken } from "@/utils/auth";
 
 export default {
   props: {
@@ -92,7 +92,7 @@ export default {
           // 然后将数组转为对象数组
           this.fileList = list.map(item => {
             if (typeof item === "string") {
-              item = {name: item, url: item};
+              item = { name: item, url: item };
             }
             return item;
           });
@@ -149,13 +149,13 @@ export default {
     },
     // 上传成功回调
     handleUploadSuccess(res, file) {
-      if (res.data.code === 200) {
-        this.uploadList.push({name: res.data.url, url: res.data.url});
+      if (res.code === 200) {
+        this.uploadList.push({ name: res.data.url, url: res.data.url });
         this.uploadedSuccessfully();
       } else {
         this.number--;
         this.$modal.closeLoading();
-        this.$modal.msgError(res.data.msg);
+        this.$modal.msgError(res.msg);
         this.$refs.imageUpload.handleRemove(file);
         this.uploadedSuccessfully();
       }
@@ -202,12 +202,11 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style scoped lang="scss">
 // .el-upload--picture-card 控制加号部分
 ::v-deep.hide .el-upload--picture-card {
   display: none;
 }
-
 // 去掉动画效果
 ::v-deep .el-list-enter-active,
 ::v-deep .el-list-leave-active {
diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index 073cd85..4015b55 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -42,7 +42,7 @@
         width="180">
         <template slot-scope="scope">
           <!--          <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>
+          <el-image style="width: 100px; height: 100px" :src="scope.row.connectorPicture"></el-image>
         </template>
       </el-table-column>
 
@@ -88,13 +88,13 @@
     </el-table>
     <!--  新增接口-->
     <el-dialog title="新增接口" :visible.sync="dialogFormVisible">
-      <el-form :model="form">
+      <el-form  ref="form" :model="form">
         <el-form-item label="接口名称" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorName" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorName" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="接口分类">
-          <el-select v-model="formLabelAlign.connectorSort" placeholder="请选择活动区域">
+          <el-select v-model="form.connectorSort" placeholder="请选择活动区域">
             <el-option label="生活服务" value="生活服务">生活服务</el-option>
             <el-option label="金融科技" value="金融科技">金融科技</el-option>
             <el-option label="数据智能" value="数据智能">数据智能</el-option>
@@ -107,11 +107,11 @@
         </el-form-item>
 
         <el-form-item label="接口描述" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorDescribe" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorDescribe" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="接口图片" :label-width="formLabelWidth">
-          <image-upload v-model="formLabelAlign.connectorPicture" autocomplete="off"/>
+          <image-upload v-model="form.connectorPicture" autocomplete="off"/>
         </el-form-item>
 
 
@@ -128,23 +128,23 @@
         <!--        </el-form-item>-->
 
         <el-form-item label="公司" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorCompany" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorCompany" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="价格" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorPrice" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorPrice" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="API_URL" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorApiurl" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorApiurl" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="API_EYE" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorApikey" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorApikey" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="请求方式" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorRequest" autocomplete="off"></el-input>
+          <el-input v-model="form.connectorRequest" autocomplete="off"></el-input>
         </el-form-item>
 
       </el-form>
@@ -173,7 +173,6 @@
         </el-form-item>
 
 
-
         <el-form-item label="接口图片" :label-width="formLabelWidth">
           <image-upload v-model="formInline.connectorPicture" autocomplete="off"></image-upload>
         </el-form-item>
@@ -225,6 +224,7 @@ import {findConnectorList} from "@/api/port/port";
 import {addConnector} from "@/api/port/port";
 import {getDeleteConnector} from "@/api/port/port";
 import {updateConnector} from "@/api/port/port";
+
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},
@@ -232,13 +232,13 @@ export default {
   data() {
     //这里存放数据"
     return {
-      formInline:{},
-      form:{},
-      tableData:[],
-      formLabelWidth:180, //表单宽度
-      formLabelAlign:{},
-      dialogFormVisible:false,
-      dialogFormVisible1:false,
+      formInline: {},
+      form: {},
+      tableData: [],
+      formLabelAlign: {},
+      formLabelWidth: "120px",
+      dialogFormVisible: false,
+      dialogFormVisible1: false,
     };
   },
   //计算属性 类似于data概念",
@@ -247,21 +247,21 @@ export default {
   watch: {},
   //方法集合",
   methods: {
-    updateConnector(){
-      updateConnector(this.formInline).then((res)=>{
+    updateConnector() {
+      updateConnector(this.formInline).then((res) => {
         alert(res.msg);
-        if (200==res.code){
+        if (200 == res.code) {
           this.findConnectorList();
-          this.dialogFormVisible1=false;
+          this.dialogFormVisible1 = false;
         }
       })
     },
-    handleEdit(row){
-      this.formInline=row;
-      this.dialogFormVisible1=true;
+    handleEdit(row) {
+      this.formInline = row;
+      this.dialogFormVisible1 = true;
     },
-    handleDelete(row){
-      getDeleteConnector(row.connectorId).then((res)=> {
+    handleDelete(row) {
+      getDeleteConnector(row.connectorId).then((res) => {
         alert(res.msg);
         if (200 == res.code) {
           this.findConnectorList();
@@ -269,7 +269,7 @@ export default {
       })
     },
     addConnector() {
-      addConnector(this.formLabelAlign).then((res) => {
+      addConnector(this.form).then((res) => {
         alert(res.msg);
         if (200 == res.code) {
           this.findConnectorList();