接口列表

src/views/port/port/index.vue

@@ -15,7 +15,7 @@
 
       <el-table-column
         label="接口名称"
-        width="180">
+        width="150">
         <template slot-scope="scope">
           <span style="margin-left: 10px">{{ scope.row.connectorName }}</span>
         </template>
@@ -80,7 +80,7 @@
 
       <el-table-column
         label="状态"
-        width="180">
+        width="150">
         <template slot-scope="scope">
           <span style="margin-left: 10px" v-if="scope.row.connectorStatus==0">审核中</span>
           <span style="margin-left: 10px" v-if="scope.row.connectorStatus==1">审核通过</span>
@@ -109,8 +109,17 @@
           <el-input v-model="formLabelAlign.connectorName" autocomplete="off"></el-input>
         </el-form-item>
 
-        <el-form-item label="接口分类" :label-width="formLabelWidth">
+        <el-form-item label="接口分类">
-          <el-input v-model="formLabelAlign.connectorSort" autocomplete="off"></el-input>
+          <el-select v-model="formLabelAlign.connectorSort" placeholder="请选择活动区域">
+            <el-option label="生活服务" value="生活服务">生活服务</el-option>
+            <el-option label="金融科技" value="金融科技">金融科技</el-option>
+            <el-option label="数据智能" value="数据智能">数据智能</el-option>
+            <el-option label="企业工商" value="企业工商">企业工商</el-option>
+            <el-option label="交通地理" value="交通地理">交通地理</el-option>
+            <el-option label="应用开发" value="应用开发">应用开发</el-option>
+            <el-option label="电子商务" value="电子商务">电子商务</el-option>
+            <el-option label="充值缴费" value="充值缴费">充值缴费</el-option>
+          </el-select>
         </el-form-item>
 
         <el-form-item label="接口描述" :label-width="formLabelWidth">
@@ -118,7 +127,6 @@
         </el-form-item>
 
         <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"
@@ -157,7 +165,7 @@
         </el-form-item>
 
         <el-form-item label="接口分类" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorSort" autocomplete="off"></el-input>
+          <el-input v-model="formInline.connectorSort" autocomplete="off"></el-input>
         </el-form-item>
 
         <el-form-item label="接口描述" :label-width="formLabelWidth">

src/views/port/port/port.vue

@@ -0,0 +1,47 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+export default {
+  //import引入的组件需要注入到对象中才能使用"
+  components: {},
+  props: {},
+  data() {
+    //这里存放数据"
+
+    return {};
+  },
+  //计算属性 类似于data概念",
+  computed: {},
+  //监控data中的数据变化",
+  watch: {},
+  //方法集合",
+  methods: {},
+  //生命周期 - 创建完成（可以访问当前this实例）",
+  created() {
+  },
+  //生命周期 - 挂载完成（可以访问DOM元素）",
+  mounted() {
+  },
+  beforeCreate() {
+  }, //生命周期 - 创建之前",
+  beforeMount() {
+  }, //生命周期 - 挂载之前",
+  beforeUpdate() {
+  }, //生命周期 - 更新之前",
+  updated() {
+  }, //生命周期 - 更新之后",
+  beforeDestroy() {
+  }, //生命周期 - 销毁之前",
+  destroyed() {
+  }, //生命周期 - 销毁完成",
+  activated() {
+  } //如果页面有keep-alive缓存功能，这个函数会触发",
+};
+</script>
+<style scoped>
+
+</style>