接口列表

src/api/port/port/index.js

@@ -28,3 +28,13 @@ export function getDeleteConnector(connectorId) {
     method: 'get'
   })
 }
+
+
+export function updateConnector(data) {
+  return request({
+    url: '/mart/connector/updateConnector',
+    method: 'post',
+    data:data
+  })
+}
+

src/views/port/port/index.vue

@@ -84,7 +84,7 @@
           <el-button
             icon="el-icon-pear"
             size="mini"
-            @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+            @click="handleEdit(scope.row)">编辑</el-button>
           <el-button
             icon="el-icon-delete"
             size="mini"
@@ -124,6 +124,47 @@
         <el-button type="primary" @click="addConnector">确 定</el-button>
       </div>
     </el-dialog>
+
+    <!--  编辑接口-->
+    <el-dialog title="编辑接口" :visible.sync="dialogFormVisible1">
+      <el-form :model="formInline">
+        <el-form-item label="接口名称" :label-width="formLabelWidth">
+          <el-input v-model="formInline.connectorName" autocomplete="off"></el-input>
+        </el-form-item>
+
+        <el-form-item label="接口描述" :label-width="formLabelWidth">
+          <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>
+        </el-form-item>
+
+        <el-form-item label="公司" :label-width="formLabelWidth">
+          <el-input v-model="formInline.connectorCompany" autocomplete="off"></el-input>
+        </el-form-item>
+
+        <el-form-item label="剩余次数" :label-width="formLabelWidth">
+          <el-input v-model="formInline.connectorResidueDegree" autocomplete="off"></el-input>
+        </el-form-item>
+
+        <el-form-item label="购买次数" :label-width="formLabelWidth">
+          <el-input v-model="formInline.connectorFrequency" autocomplete="off"></el-input>
+        </el-form-item>
+
+        <el-form-item label="状态" :label-width="formLabelWidth">
+
+          <el-select v-model="formInline.connectorStatus" placeholder="活动区域">
+            <el-option label="0" value="审核中">审核中</el-option>
+            <el-option label="1" value="审核成功">审核成功</el-option>
+            <el-option label="2" value="审核失败">审核失败</el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="addConnector">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -133,6 +174,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: {},
@@ -140,10 +182,12 @@ export default {
   data() {
     //这里存放数据"
     return {
+      formInline:{},
       form:{},
       tableData:[],
       formLabelAlign:{},
       dialogFormVisible:false,
+      dialogFormVisible1:false,
     };
   },
   //计算属性 类似于data概念",
@@ -152,6 +196,10 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    handleEdit(row){
+      this.formInline=row;
+      this.dialogFormVisible1=true;
+    },
     handleDelete(row){
       getDeleteConnector(row.connectorId).then((res)=>{
         alert(res.msg);