提交企业数据

src/api/firm/companies.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function firmList() {
+  return request({
+    url: '/firm/firm/listAll',
+    method: 'get'
+  })
+}

src/views/firm/manage/index.vue

@@ -1,18 +1,76 @@
 <template>
   <div>
-    数据----测试---是否成功---okok
+    <h1>测试 -- -- -- 测试</h1>
+    <template>
+      <!-- 展示企业表的数据 -->
+      <el-table :data="tableData" style="width: 100%">
+        <el-table-column label="ID" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmId }}</span>
+          </template>
+        </el-table-column>
 
+        <el-table-column label="企业名称" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="企业地址" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmAddress }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="企业电话" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmPhone }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="企业权限" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmRight }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="状态" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmStaus }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="企业类型" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.firmType }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </template>
   </div>
 </template>
 <script>
+import { firmList } from '../../../api/firm/companies'
+
 export default {
   name: 'Index',
   data() {
-    return {}
+    return {
+      tableData:{}
+    }
   },
   created() {
+    this.firmList()
   },
-  methods: {}
+  methods: {
+    <!--企业列表-->
+     firmList(){
+       firmList().then(response => {
+          console.log(response)
+          this.tableData = response.data
+       })
+     }
+  }
 }
 </script>
 <style scoped>