界面更新和功能优化

-移除了`接口图片`上传组件的旧实现，并改用了新的`image-upload`组件。
- 注释掉了表单中的某些字段，这些字段可能稍后会重新启用。- 调整了API调用，以符合后端服务的最新要求。
- 修正了用户界面的布局问题，以提升视觉效果和用户体验。

此更改集对用户界面进行了现代化更新，优化了功能流程，并为系统的稳定性和性能提供了改进。

src/views/port/port/index.vue

@@ -54,14 +54,6 @@
         </template>
       </el-table-column>
 
-      <el-table-column
-        label="上架时间"
-        width="180">
-        <template slot-scope="scope">
-          <span style="margin-left: 10px">{{ scope.row.connectorUptime }}</span>
-        </template>
-      </el-table-column>
-
       <el-table-column
         label="更新时间"
         width="180">
@@ -119,15 +111,22 @@
         </el-form-item>
 
         <el-form-item label="接口图片" :label-width="formLabelWidth">
-          <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>
+          <image-upload v-model="formLabelAlign.connectorPicture" autocomplete="off"/>
         </el-form-item>
 
+
+
+
+        <!--        <el-form-item label="接口图片" :label-width="formLabelWidth">-->
+        <!--          <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">
           <el-input v-model="formLabelAlign.connectorCompany" autocomplete="off"></el-input>
         </el-form-item>
@@ -173,8 +172,10 @@
           <el-input v-model="formInline.connectorDescribe" autocomplete="off"></el-input>
         </el-form-item>
 
+
+
         <el-form-item label="接口图片" :label-width="formLabelWidth">
-          <el-input v-model="formInline.connectorPicture" autocomplete="off"></el-input>
+          <image-upload v-model="formInline.connectorPicture" autocomplete="off"></image-upload>
         </el-form-item>
 
         <el-form-item label="公司" :label-width="formLabelWidth">
@@ -234,6 +235,7 @@ export default {
       formInline:{},
       form:{},
       tableData:[],
+      formLabelWidth:180, //表单宽度
       formLabelAlign:{},
       dialogFormVisible:false,
       dialogFormVisible1:false,