Merge remote-tracking branch 'origin/master'

src/views/port/port/employee.vue

@@ -1,19 +1,35 @@
 <template>
   <div>
-<!--    <el-button type="primary">+申请新数据</el-button>-->
+    <el-container style="height: 1000px; border: 1px solid #eee">
+      <el-aside width="180px">
+        <el-menu :default-openeds="['1', '3']">
+          <el-menu-item-group>
+            <span style="font-weight: bold;font-size: 25px;">全部类型：</span>
+          </el-menu-item-group>
+          <el-menu-item-group>
+            <el-link type="primary" style="font-weight: bold;font-size: 20px;">电子商务</el-link>
+          </el-menu-item-group>
+          <el-menu-item-group>
+            <el-link type="primary" style="font-weight: bold;font-size: 20px;">应用开发</el-link>
+          </el-menu-item-group>
+          <el-menu-item-group>
+            <el-link type="primary" style="font-weight: bold;font-size: 20px;">生活服务</el-link>
+          </el-menu-item-group>
+        </el-menu>
+      </el-aside>
+
+      <el-container>
+        <el-main>
           <el-form label-width="40px" :model="form">
             <el-form-item>
-        <input v-model="form.connectorName" style="padding: 10px 10px;float: initial">
+              <input v-model="form.connectorName" style="padding: 10px 10px;float: initial" placeholder=请输入关键字>
-        <button @click="findApiList" style="padding: 10px 10px">查询</button>
+              <el-button @click="findApiList" style="padding: 10px 10px">查询</el-button>
-        <span style="font-weight: bold;font-size: 20px;">全部类型：</span>
+
-        <el-button style="font-weight: bold;font-size: 20px;" type="text">电子商务</el-button>
-        <el-button style="font-weight: bold;font-size: 20px;" type="text">应用开发</el-button>
-        <el-button style="font-weight: bold;font-size: 20px;" type="text">生活服务</el-button>
             </el-form-item>
           </el-form>
           <el-row :gutter="50">
             <el-col :span="7" v-for="connector in connectorList" :key="connector.connectorId" v-if="connectorList.length !== 0">
-        <el-card class="box-card" style="margin-top: 15px;width: 500px; height: 600px;" shadow="hover">
+              <el-card class="box-card" style="margin-top: 15px;width: 450px; height: 600px;" shadow="hover">
                 <div slot="header" class="clearfix">
                   <h1 style="font-weight: bold">{{connector.connectorName}}</h1>
                   <el-button type="primary" style="float: right; padding: 10px 10px" @click="buy(connector)">购买</el-button>
@@ -34,7 +50,7 @@
               </el-card>
             </el-col>
           </el-row>
-<!--    手机号查询归属地-->
+          <!--    手机号查询归属地-->
           <el-dialog title="手机查询归属地" :visible.sync="dialogFormVisible">
             <el-form :model="formInline">
               <el-form-item label="手机号" :label-width="formLabelWidth">
@@ -70,7 +86,7 @@
               <el-button type="primary" @click="getIpPlace()">发起请求</el-button>
             </div>
           </el-dialog>
-<!--    新闻头条-->
+          <!--    新闻头条-->
           <el-dialog title="新闻头条" :visible.sync="dialogTableVisible">
             <el-table :data="gridData">
               <el-table-column property="title" label="新闻标题" width="150"></el-table-column>
@@ -154,7 +170,7 @@
               </el-tree>
             </el-aside>
           </el-dialog>
-<!--  购买-->
+          <!--  购买-->
           <el-dialog title="购买API" :visible.sync="dialogFormVisible5">
             <el-form :model="buyForm">
               <el-form-item label="产品编号" :label-width="formLabelWidth">
@@ -200,6 +216,10 @@
               <el-button type="primary" @click="buyInterface()">购 买</el-button>
             </div>
           </el-dialog>
+        </el-main>
+      </el-container>
+    </el-container>
+<!--    <el-button type="primary">+申请新数据</el-button>-->
 
   </div>
 </template>