diff --git a/jwtech-pc-page/config/index.js b/jwtech-pc-page/config/index.js
index b1614bf6..529d249b 100644
--- a/jwtech-pc-page/config/index.js
+++ b/jwtech-pc-page/config/index.js
@@ -41,7 +41,7 @@ module.exports = {
     },
 
     // 使用 localhost:18080 或者 本机地址:18080 访问系统页面
-    host: '192.168.2.101', // can be overwritten by process.env.HOST
+    host: '192.168.255.50', // can be overwritten by process.env.HOST
 
     port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     autoOpenBrowser: true,
diff --git a/jwtech-pc-page/src/views/enterpriseInformation/components/enterpriseBasicList.vue b/jwtech-pc-page/src/views/enterpriseInformation/components/enterpriseBasicList.vue
new file mode 100644
index 00000000..e2af8d0a
--- /dev/null
+++ b/jwtech-pc-page/src/views/enterpriseInformation/components/enterpriseBasicList.vue
@@ -0,0 +1,143 @@
+<template>
+    <div>
+        <el-form :inline="true" label-width="80px" :model="queryForm">
+            <el-form-item label="企业名称">
+                <el-input class="name-inp-search" placeholder="请输入企业名称" v-model="queryForm.enterpriseName"></el-input>
+            </el-form-item>
+            <el-form-item label="所在区域">
+                <el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域">
+                    <el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="企业类型">
+                <el-select v-model="queryForm.qualificationCategory" clearable placeholder="请选择企业类型">
+                    <el-option v-for="item in categoryList" :key="item.dictValue" :label="item.dictLabel"
+                        :value="item.dictValue">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button>
+                <el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table :data="tableData" style="width: 100%" v-loading="loading">
+            <el-table-column prop="enterpriseName" label="企业名称" width="500">
+                <template slot-scope="scope">
+                    <span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{
+                        scope.row.enterpriseName
+                    }}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="qualificationCategory" label="企业类型" width="180" align="center">
+                <template slot-scope="scope">
+                    <div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)">
+                        <div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{
+                            cateTtem.dictLabel }}</div>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="legalRepresentative" label="法定代表人" width="180" align="center">
+            </el-table-column>
+            <el-table-column prop="qualificationCategory" label="资质类别" width="180" align="center">
+                <template slot-scope="scope">
+                    <div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)">
+                        <div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{
+                            cateTtem.dictLabel.split("资质")[0] }}</div>
+                    </div>
+                </template>
+            </el-table-column>
+            <el-table-column prop="adcd" label="所在区域" align="center">
+                <template slot-scope="scope">
+                    <div>{{ getadcd(scope.row) }}</div>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" :pageSizes="pageSizes"
+            @pagination="getResult" />
+    </div>
+</template>
+<script>
+import { getDisclosure } from "@/api/home"
+import { getGuangDong } from "@/api/creditStatistics"
+export default {
+    data(){
+        return {
+            loading: false,
+            total: 0,
+            apidata: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            pageSizes: [10, 20, 30, 50],
+            queryForm: {
+                groupId: "2",
+                qualificationCategory: "",
+                enterpriseName: "",
+                adcd: "",
+                pageNum: 1,
+                pageSize: 10
+            },
+            tableData: [],
+            areaList: [],
+            categoryList: [],
+        }
+    },
+    mounted(){
+        this.getArea()
+        this.getResult()
+        this.getDicts("qualification_type").then(res => {
+            this.categoryList = res.data.data
+        })
+    },
+    methods:{
+        getResult() {
+            this.loading = true
+            getDisclosure({ ...this.queryForm }).then(res => {
+                this.loading = false
+                this.tableData = []
+                this.tableData = res.data.data.records
+                this.total = res.data.data.total
+            })
+        },
+        getArea() {
+            getGuangDong().then(res => {
+                this.areaList = res.data.data
+            })
+        },
+        getadcd(row) {
+            let adcdText = ""
+            let adcdCode = row.adcd.slice(0, 4) + "00"
+            this.areaList.forEach(item => {
+                if (item.xzqhdm == adcdCode) {
+                    adcdText = item.name
+                }
+            })
+            if (adcdText == "") {
+                adcdText = "省外"
+            }
+            return adcdText
+        },
+        resetForm() {
+            this.queryForm = {
+                groupId: "2",
+                qualificationCategory: "",
+                enterpriseName: "",
+                adcd: "",
+                pageNum: 1,
+                pageSize: 10
+            }
+            this.getResult()
+        },
+        toDetail(row) {
+            this.$router.push({
+                path: "/enterpriseInDetail",
+                query:{
+                    enterpriseId:row.enterpriseId
+                }
+            })
+        },
+    }
+}
+</script>
\ No newline at end of file
diff --git a/jwtech-pc-page/src/views/enterpriseInformation/components/personnelBasicList.vue b/jwtech-pc-page/src/views/enterpriseInformation/components/personnelBasicList.vue
new file mode 100644
index 00000000..537fcd20
--- /dev/null
+++ b/jwtech-pc-page/src/views/enterpriseInformation/components/personnelBasicList.vue
@@ -0,0 +1,119 @@
+<template>
+    <div>
+        <el-form :inline="true" label-width="80px" :model="queryForm">
+            <el-form-item label="姓名">
+                <el-input class="name-inp-search" placeholder="请输入姓名" v-model="queryForm.personName"></el-input>
+            </el-form-item>
+            <el-form-item label="所在区域">
+                <el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域">
+                    <el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="企业名称">
+                <el-input class="name-inp-search" placeholder="请输入企业名称" v-model="queryForm.enterpriseName"></el-input>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button>
+                <el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button>
+            </el-form-item>
+        </el-form>
+        <el-table :data="tableData" style="width: 100%" v-loading="loading">
+            <el-table-column prop="legalRepresentative" label="姓名" width="180" align="center">
+            </el-table-column>
+            <el-table-column prop="enterpriseName" label="企业名称" width="500">
+                <template slot-scope="scope">
+                    <span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{
+                        scope.row.enterpriseName
+                    }}</span>
+                </template>
+            </el-table-column>
+        </el-table>
+        <pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize" :pageSizes="pageSizes"
+            @pagination="getResult" />
+    </div>
+</template>
+<script>
+import { getDisclosure } from "@/api/home"
+import { getGuangDong } from "@/api/creditStatistics"
+export default {
+    data(){
+        return {
+            loading: false,
+            total: 0,
+            apidata: {
+                pageNum: 1,
+                pageSize: 10,
+            },
+            pageSizes: [10, 20, 30, 50],
+            queryForm: {
+                groupId: "2",
+                qualificationCategory: "",
+                personName:"",
+                enterpriseName: "",
+                adcd: "",
+                pageNum: 1,
+                pageSize: 10
+            },
+            tableData: [],
+            areaList: [],
+            categoryList: [],
+        }
+    },
+    mounted(){
+        this.getArea()
+        this.getResult()
+        this.getDicts("qualification_type").then(res => {
+            this.categoryList = res.data.data
+        })
+    },
+    methods:{
+        getResult() {
+            this.loading = true
+            getDisclosure({ ...this.queryForm }).then(res => {
+                this.loading = false
+                this.tableData = []
+                this.tableData = res.data.data.records
+                this.total = res.data.data.total
+            })
+        },
+        getArea() {
+            getGuangDong().then(res => {
+                this.areaList = res.data.data
+            })
+        },
+        getadcd(row) {
+            let adcdText = ""
+            let adcdCode = row.adcd.slice(0, 4) + "00"
+            this.areaList.forEach(item => {
+                if (item.xzqhdm == adcdCode) {
+                    adcdText = item.name
+                }
+            })
+            if (adcdText == "") {
+                adcdText = "省外"
+            }
+            return adcdText
+        },
+        resetForm() {
+            this.queryForm = {
+                groupId: "2",
+                qualificationCategory: "",
+                enterpriseName: "",
+                adcd: "",
+                pageNum: 1,
+                pageSize: 10
+            }
+            this.getResult()
+        },
+        toDetail(row) {
+            this.$router.push({
+                path: "/enterpriseInDetail",
+                query:{
+                    enterpriseId:row.enterpriseId
+                }
+            })
+        },
+    }
+}
+</script>
\ No newline at end of file
diff --git a/jwtech-pc-page/src/views/enterpriseInformation/index.vue b/jwtech-pc-page/src/views/enterpriseInformation/index.vue
index 07c3302f..8a26af0e 100644
--- a/jwtech-pc-page/src/views/enterpriseInformation/index.vue
+++ b/jwtech-pc-page/src/views/enterpriseInformation/index.vue
@@ -1,153 +1,103 @@
 <template>
     <div class="certification-page">
+        <div class="certification-tabs">
+            <div class="tabs-wrap">
+                <el-tabs v-model="activeName" @tab-click="handleClick" ref="tabcs">
+                    <el-tab-pane label="企业基本信息" name="enterpriseBasic"></el-tab-pane>
+                    <el-tab-pane label="人员基本信息" name="personnelBasic"></el-tab-pane>
+                    <el-tab-pane label="企业资质信息" name="proAuthentication"></el-tab-pane>
+                    <el-tab-pane label="项目业绩信息" name="proRecords"></el-tab-pane>
+                    <el-tab-pane label="企业良好行为记录" name="majorDesign"></el-tab-pane>
+                    <el-tab-pane label="人员良好行为记录" name="majorDesign2"></el-tab-pane>
+                </el-tabs>
+            </div>
+        </div>
         <div class="certification-list">
             <div class="list-wrap">
-                <el-form :inline="true" label-width="80px" :model="queryForm">
-                    <el-form-item label="企业名称">
-                        <el-input class="name-inp-search" placeholder="请输入企业名称"
-                            v-model="queryForm.enterpriseName"></el-input>
-                    </el-form-item>
-                    <el-form-item label="所在区域">
-                        <el-select v-model="queryForm.adcd" clearable placeholder="请选择所有区域">
-                            <el-option v-for="item in areaList" :key="item.xzqhdm" :label="item.name" :value="item.xzqhdm">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item label="企业类型">
-                        <el-select v-model="queryForm.qualificationCategory" clearable placeholder="请选择企业类型">
-                            <el-option v-for="item in categoryList" :key="item.dictValue" :label="item.dictLabel"
-                                :value="item.dictValue">
-                            </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <el-form-item>
-                        <el-button type="mini" icon="el-icon-search" @click="getResult()">查询</el-button>
-                        <el-button type="mini" icon="el-icon-refresh" @click="resetForm()">重置</el-button>
-                    </el-form-item>
-                </el-form>
-                <el-table :data="tableData" style="width: 100%" v-loading="loading">
-                    <el-table-column prop="enterpriseName" label="企业名称" width="500">
-                        <template slot-scope="scope">
-                            <span style="color: #005EB7;cursor: pointer;font-size: 16px !important;" @click="toDetail(scope.row)">{{
-                                scope.row.enterpriseName
-                            }}</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="qualificationCategory" label="企业类型" width="180" align="center">
-                        <template slot-scope="scope">
-                            <div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)">
-                                <div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{
-                                    cateTtem.dictLabel }}</div>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="legalRepresentative" label="法定代表人" width="180" align="center">
-                    </el-table-column>
-                    <el-table-column prop="qualificationCategory" label="资质类别" width="180" align="center">
-                        <template slot-scope="scope">
-                            <div v-for="(cateTtem, index) in categoryList" :key="(cateTtem, index)">
-                                <div v-if="cateTtem.dictValue == scope.row.qualificationCategory">{{
-                                    cateTtem.dictLabel.split("资质")[0] }}</div>
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="adcd" label="所在区域" align="center">
-                        <template slot-scope="scope">
-                            <div>{{ getadcd(scope.row) }}</div>
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <pagination :total="total" :page.sync="apidata.pageNum" :limit.sync="apidata.pageSize"
-                    :pageSizes="pageSizes" @pagination="getResult" />
+                <enterpriseBasicList v-if="activeName=='enterpriseBasic'" />
+                <personnelBasicList v-if="activeName=='personnelBasic'" />
             </div>
         </div>
     </div>
 </template>
 <script>
-import { getDisclosure } from "@/api/home"
-import { getGuangDong } from "@/api/creditStatistics"
+import enterpriseBasicList from "./components/enterpriseBasicList"
+import personnelBasicList from "./components/personnelBasicList"
 export default {
+    components:{
+        enterpriseBasicList,
+        personnelBasicList,
+    },
     data() {
         return {
-            loading: false,
-            total: 0,
-            apidata: {
-                pageNum: 1,
-                pageSize: 10,
-            },
-            pageSizes: [10, 20, 30, 50],
-            queryForm: {
-                groupId: "2",
-                qualificationCategory: "",
-                enterpriseName: "",
-                adcd: "",
-                pageNum: 1,
-                pageSize: 10
-            },
-            tableData: [],
-            areaList: [],
-            categoryList: []
+            activeName:"enterpriseBasic"
         }
     },
     mounted() {
-        this.getArea()
-        this.getResult()
-        this.getDicts("qualification_type").then(res => {
-            this.categoryList = res.data.data
-        })
     },
     methods: {
-        getResult() {
-            this.loading = true
-            getDisclosure({ ...this.queryForm }).then(res => {
-                this.loading = false
-                this.tableData = []
-                this.tableData = res.data.data.records
-                this.total = res.data.data.total
-            })
-        },
-        getArea() {
-            getGuangDong().then(res => {
-                this.areaList = res.data.data
-            })
-        },
-        getadcd(row) {
-            let adcdText = ""
-            let adcdCode = row.adcd.slice(0, 4) + "00"
-            this.areaList.forEach(item => {
-                if (item.xzqhdm == adcdCode) {
-                    adcdText = item.name
-                }
-            })
-            if (adcdText == "") {
-                adcdText = "省外"
+        handleClick(tab, event) {
+            // console.log(tab, event);
+            if (tab.name == "majorDesign"||tab.name =="majorDesign2") {
+                this.resetActivePosition(this.$refs.tabcs.$el);
             }
-            return adcdText
         },
-        resetForm() {
-            this.queryForm = {
-                groupId: "2",
-                qualificationCategory: "",
-                enterpriseName: "",
-                adcd: "",
-                pageNum: 1,
-                pageSize: 10
-            }
-            this.getResult()
+        resetActivePosition($el) {
+            this.$nextTick(() => {
+                const activeEl = $el.querySelector('.el-tabs__item.is-active');
+                const lineEl = $el.querySelector('.el-tabs__active-bar');
+                const style = getComputedStyle(activeEl);
+                const pl = style.paddingLeft.match(/\d+/)[0] * 1;
+                lineEl.style.transform =
+                    'translateX(' + (activeEl.offsetLeft + 40) + 'px)';
+                console.log(activeEl.offsetLeft, pl);
+            });
         },
-        toDetail(row) {
-            this.$router.push({
-                path: "/enterpriseInDetail",
-                query:{
-                    enterpriseId:row.enterpriseId
-                }
-            })
-        }
     }
 }
 </script>
 <style lang="less" scoped>
 .certification-page {
+    .certification-tabs {
+        height: 60px;
+        background: #FFFFFF;
+        border: 1px solid transparent;
+
+        .tabs-wrap {
+            width: 1200px;
+            margin: 0 auto;
+            display: flex;
+            align-items: center;
+
+            /deep/.el-tabs {
+                margin-top: 11px;
+
+                .el-tabs__nav-wrap::after {
+                    background: #Fff;
+                }
+
+                .el-tabs__item {
+                    font-size: 16px;
+                    font-weight: 600;
+                    color: #333333;
+                    height: 48px;
+                }
+
+                .el-tabs__item.is-active {
+                    color: #005EB7;
+                }
+
+                .el-tabs__active-bar {
+                    width: 0 !important;
+                    height: 0;
+                    border: 10px solid transparent;
+                    border-bottom: 10px solid #005EB7;
+                    background: none;
+                    left: 40px;
+                }
+            }
+        }
+    }
 
     .certification-list {
         background: linear-gradient(180deg, #005EB7 0%, #EDF7FF 60% #EDF7FF 100%);