diff --git a/src/assets/images/base/person.png b/src/assets/images/base/person.png
new file mode 100644
index 0000000..15fc9a2
Binary files /dev/null and b/src/assets/images/base/person.png differ
diff --git a/src/loveflow/assets/reset.less b/src/loveflow/assets/reset.less
new file mode 100644
index 0000000..0dfc8bb
--- /dev/null
+++ b/src/loveflow/assets/reset.less
@@ -0,0 +1,165 @@
+.loveflow {
+  .flexSpaceBetween {
+    display: flex;
+    justify-content: space-between;
+    .searchWrap {
+      /deep/ .el-input__inner {
+        color: #fff;
+        border: 0.1px solid #495e70;
+        background-color: rgba(0, 0, 0, 0);
+      }
+      /deep/ .el-form-item__label {
+        color: #fff;
+      }
+
+      .el-button {
+        border: 1px solid #4a6072;
+        color: #fff;
+        border-radius: 0px !important;
+        background: #323f43;
+      }
+
+      .el-button:focus,
+      .el-button:hover {
+        border: 1px solid#34e1b3;
+        background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+        background-size: 100% 100% !important;
+      }
+    }
+  }
+  .tableWrap {
+    height: calc(100% - 60px);
+  }
+  /deep/ .el-table {
+    background-color: #233438;
+    .el-table__header-wrapper {
+      tr {
+        color: #fff;
+        font-weight: 500;
+        background: linear-gradient(to right, #284f49, #2f6363, #233b38);
+        th {
+          background-color: transparent;
+        }
+      }
+    }
+    .el-table__body {
+      color: #ffffff;
+      background-color: #233438;
+      tr {
+        color: #ffffff;
+        background-color: #233438;
+      }
+    }
+  }
+  .gPagination {
+    background-color: transparent;
+  }
+  /deep/.el-pagination {
+    .el-pagination__total {
+      color: #ffffff;
+    }
+    .el-pagination__sizes {
+      .el-input__inner {
+        background: #3c4b4a;
+        color: #fff;
+      }
+    }
+    .btn-prev {
+      background: #3c4b4a;
+      color: #fff;
+    }
+    .btn-next {
+      background: #3c4b4a;
+      color: #fff;
+    }
+    .el-pager {
+      .number {
+        background: #3c4b4a;
+        color: #fff;
+        &.active {
+          background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+          background-size: 100% 100% !important;
+        }
+      }
+    }
+    .el-pagination__jump {
+      color: #fff;
+      .el-input__inner {
+        background: #3c4b4a;
+        color: #fff;
+      }
+    }
+  }
+
+  /deep/.el-dialog {
+    margin: 10vh auto 10vh !important;
+    .el-dialog__title {
+      color: #fff;
+      text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+    }
+
+    background-image: url("~@/assets/companyFile/dialogBack.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    height: 80vh;
+
+    /* 关闭弹窗叉号 */
+    .el-dialog__headerbtn {
+      .el-dialog__close {
+        color: #fff;
+        font-size: 18px;
+      }
+    }
+    .el-dialog__body {
+      padding: 30px 20px 0;
+      height: calc(100% - 120px);
+    }
+
+    .el-button {
+      width: 70px;
+      border: 1px solid #4a6072;
+      color: #fff;
+      border-radius: 0px !important;
+      background: #323f43;
+    }
+
+    .el-button:focus,
+    .el-button:hover {
+      color: #34e1b3;
+      background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
+      background-size: 100% 100% !important;
+    }
+
+    .el-form {
+      padding: 16px 0;
+      height: 100%;
+      background: url(/img/242112.6e40adf5.png) no-repeat;
+      background-size: 100% 100%;
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      .el-form-item {
+        .el-form-item__label {
+          color: #fff;
+          line-height: normal;
+        }
+        .el-form-item__content {
+          .el-textarea__inner,
+          .el-input__inner {
+            border-radius: 0px;
+            border: 0.5px solid;
+            background: #3c4b4a;
+            color: #fff;
+          }
+
+          /* 查询框点击颜色变化 */
+          .el-input__inner:focus,
+          .el-input__inner:hover {
+            border-color: #1b3736;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/loveflow/components/data/table.vue b/src/loveflow/components/data/table.vue
index 56d4ddb..d6e6ea2 100644
--- a/src/loveflow/components/data/table.vue
+++ b/src/loveflow/components/data/table.vue
@@ -106,6 +106,18 @@ export default {
 </script>
 <style lang="less">
 .gMainTable {
+  height: 100%;
+  .el-table {
+    height: calc(100% - 54px);
+    .el-table__body-wrapper {
+      height: calc(100% - 50px);
+      overflow-y: scroll;
+      overflow-x: hidden;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+  }
   .gPagination {
     display: flex;
     justify-content: flex-end;
diff --git a/src/loveflow/components/menu/aside.vue b/src/loveflow/components/menu/aside.vue
new file mode 100644
index 0000000..6fc2f34
--- /dev/null
+++ b/src/loveflow/components/menu/aside.vue
@@ -0,0 +1,129 @@
+<template>
+  <!-- 系统管理左侧导航菜单 -->
+  <el-menu
+    ref="menu"
+    :default-active="activeMenu"
+    class="el-menu-vertical-demo"
+    :router="true"
+  >
+    <!-- background-color="#f5f2e9"
+    text-color="#5aa4ae" -->
+    <!-- 一级导航 -->
+    <el-menu-item
+      :route="item.path"
+      v-for="item in menuList"
+      :key="item.name"
+      :index="item.name"
+    >
+      <i>
+        <img :src="item.icon" alt="" />
+      </i>
+      <span slot="title">{{ item.title }}</span>
+    </el-menu-item>
+  </el-menu>
+</template>
+<script>
+export default {
+  name: "LeftNav",
+  data() {
+    return {
+      isCollapse: false,
+      activeMenu: "",
+      menuList: [],
+    };
+  },
+
+  created() {
+    this.activeMenu = this.$route.meta.name;
+    console.log(this.$route);
+    console.log(this.$router);
+    this.dealMenu(this.$router.getRoutes());
+  },
+  methods: {
+    dealMenu(menu) {
+      this.menuList = [];
+      menu = menu || [];
+      let curName = this.$route.name;
+      for (let i = 0; i < menu.length; i++) {
+        if (menu[i]["path"].indexOf(curName) > -1) {
+          if (menu[i]["meta"] && menu[i]["meta"]["aside"]) {
+            this.menuList.push({
+              title: menu[i]["meta"]["title"],
+              name: menu[i]["meta"]["name"],
+              path: menu[i]["path"],
+              icon: menu[i]["meta"]["icon"],
+            });
+          }
+        }
+      }
+      console.log(this.menuList);
+    },
+    // 点击跳转路由
+    clickMenu(val) {
+      this.$router.push({
+        path: val.path,
+      });
+    },
+    setCurrentRoute() {
+      this.active = this.$route.path; //监听到当前路由状态并激活当前菜单
+    },
+    handleOpen(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    handleClose(key, keyPath) {
+      console.log(key, keyPath);
+    },
+    select() {
+      sessionStorage.setItem("navkeep", this.$refs.menu.activeIndex);
+    },
+  },
+  watch: {
+    $route(to, from) {
+      console.log("aside", to);
+      this.activeMenu = to.meta.name;
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.el-menu-vertical-demo:not(.el-menu--collapse) {
+  width: 100%; /* 保持和大的aside同宽 */
+  min-height: 98%; /* 固定侧边导航栏高度 */
+  background: url("~@/assets/companyFile/menuback.png") no-repeat;
+  padding: 20px;
+  box-sizing: border-box;
+  background-size: 100% 100%;
+}
+.el-menu-vertical-demo.el-menu {
+  .el-menu-item {
+    width: 100%;
+    margin-top: 20px;
+    // margin-left: 17px;y
+    color: #fff;
+    font-size: 18px;
+    background: url("~@/assets/companyFile/921.png") no-repeat;
+    background-size: 100% 100%;
+    i {
+      margin-right: 10px;
+      width: 20px;
+      height: 20px;
+      img {
+        margin-bottom: 4px;
+        width: 20px;
+        height: 20px;
+      }
+    }
+    &.is-active {
+      filter: brightness(150%);
+      text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+    }
+  }
+  .el-menu-item:focus,
+  .el-menu-item:hover {
+    /* 导航选项点击触碰效果 */
+    filter: brightness(150%);
+    text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+  }
+}
+</style>
diff --git a/src/loveflow/components/menu/head.vue b/src/loveflow/components/menu/head.vue
index 9579a72..36a7191 100644
--- a/src/loveflow/components/menu/head.vue
+++ b/src/loveflow/components/menu/head.vue
@@ -11,7 +11,6 @@
       :default-active="activeIndex"
       class="el-menu-demo topMenu"
       mode="horizontal"
-      @select="handleSelect"
       :router="true"
     >
       <template v-for="item in menuList">
@@ -63,8 +62,8 @@ export default {
     };
   },
   created() {
-    console.log(this.$route);
-    console.log(this.$router);
+    //console.log(this.$route);
+    //console.log(this.$router);
     this.activeIndex = this.$route.name;
     interval = setInterval(() => {
       let icnow = new Date();
@@ -156,7 +155,7 @@ export default {
   },
   watch: {
     $route(to, from) {
-      console.log("aside", to);
+      console.log("head", to);
       this.activeIndex = to.name;
     },
   },
@@ -311,7 +310,6 @@ export default {
 
     .is-active {
       background: url("~@/assets/companyFile/891772.png") no-repeat;
-
       background-size: 100% 100%;
     }
 
diff --git a/src/loveflow/components/modal/formDialog.vue b/src/loveflow/components/modal/formDialog.vue
index 6454477..b973a08 100644
--- a/src/loveflow/components/modal/formDialog.vue
+++ b/src/loveflow/components/modal/formDialog.vue
@@ -47,6 +47,7 @@
 
             <template v-if="item.type === 'textarea'">
               <el-input
+                type="textarea"
                 v-model.trim="model[item.attrs.model]"
                 v-bind="item.attrs || {}"
                 v-on="item.listeners || {}"
@@ -91,13 +92,19 @@
                 style="width: 100%"
               ></el-date-picker>
             </template>
-          </el-form-item> </el-col
-      ></el-row>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
 
     <div slot="footer" class="dialog-footer">
-      <el-button @click="dialogVisible = false">取 消</el-button>
-      <el-button type="primary" @click="submitForm">确 定</el-button>
+      <el-button v-if="cancelBtn" @click="dialogVisible = false"
+        >取消</el-button
+      >
+      <el-button v-if="submitBtn" type="primary" @click="submitForm"
+        >确定</el-button
+      >
+      <el-button v-if="closeBtn" @click="dialogVisible = false">关闭</el-button>
     </div>
   </el-dialog>
 </template>
@@ -107,7 +114,7 @@ export default {
     width: {
       type: String,
       default: () => {
-        return "800px";
+        return "1000px";
       },
     },
     formItems: {
@@ -122,6 +129,24 @@ export default {
         return "100px";
       },
     },
+    cancelBtn: {
+      type: Boolean,
+      default: () => {
+        return true;
+      },
+    },
+    submitBtn: {
+      type: Boolean,
+      default: () => {
+        return true;
+      },
+    },
+    closeBtn: {
+      type: Boolean,
+      default: () => {
+        return false;
+      },
+    },
   },
   data() {
     return {
@@ -186,3 +211,15 @@ export default {
   watch: {},
 };
 </script>
+<style lang="less" scoped>
+.el-dialog {
+  .el-dialog__body {
+    .el-form {
+      .el-row {
+        display: flex;
+        flex-wrap: wrap;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/loveflow/mixins/tableListMixins.js b/src/loveflow/mixins/tableListMixins.js
index 9acbf0e..b1c8f3a 100644
--- a/src/loveflow/mixins/tableListMixins.js
+++ b/src/loveflow/mixins/tableListMixins.js
@@ -49,7 +49,10 @@ export const tableListMixins = {
       for (let i = 0; i < params.pageSize; i++) {
         this.dataSource.push({
           id: params.pageNo + "_" + i,
-          name: "当前页：" + params.pageNo,
+          name: "姓名_" + params.pageNo,
+          card: "32032119879876321" + i,
+          phone: "186678879" + i,
+          cmy: "测试公司名称" + i,
         });
       }
       //console.log(this.dataSource);
diff --git a/src/router/routes/integration.js b/src/router/routes/integration.js
index add74f4..88676fe 100644
--- a/src/router/routes/integration.js
+++ b/src/router/routes/integration.js
@@ -112,62 +112,171 @@ export default [
           {
             path: "/integration/systemManagement/safeIndex",
             name: "systemManagement",
+            meta: {
+              name: "safeIndex",
+              aside: true,
+              title: "平安指数",
+              icon: require("@/assets/companyFile/menu01.png"),
+            },
             component: () => import("@/views/systemManagement/safeIndex"),
           },
           // 企业赋分
           {
             path: "/integration/systemManagement/companyScore",
             name: "systemManagement",
+            meta: {
+              name: "companyScore",
+              aside: true,
+              title: "企业赋分",
+              icon: require("@/assets/companyFile/menu02.png"),
+            },
             component: () => import("@/views/systemManagement/companyScore"),
           },
           // 企业赋分详情
           {
             path: "/integration/systemManagement/companyDetails",
-            name: "companyDetails",
+            name: "systemManagement",
             component: () =>
               import(
                 "@/views/systemManagement/companyScore/components/companyDetails"
               ),
           },
-          // 关联设备
           {
-            path: "/integration/systemManagement/correlationEquipment",
-            name: "correlationEquipment",
+            path: "/integration/systemManagement/correlationEquipment2",
+            name: "systemManagement",
             component: () =>
-              import("@/views/systemManagement/correlationEquipment"),
+              import("@/views/systemManagement/correlationEquipment2"),
           },
+          // 关联设备
           {
-            path: "/integration/systemManagement/correlationEquipment2",
-            name: "correlationEquipment2",
+            path: "/integration/systemManagement/correlationEquipment",
+            name: "systemManagement",
+            meta: {
+              name: "correlationEquipment",
+              aside: true,
+              title: "关联设备",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
             component: () =>
-              import("@/views/systemManagement/correlationEquipment2"),
+              import("@/views/systemManagement/correlationEquipment"),
           },
           // 企业名单
           {
             path: "/integration/systemManagement/companyList",
-            name: "companyList",
+            name: "systemManagement",
+            meta: {
+              name: "companyList",
+              aside: true,
+              title: "企业名单",
+              icon: require("@/assets/companyFile/menu03.png"),
+            },
             component: () => import("@/views/systemManagement/companyList"),
           },
           {
             path: "/integration/systemManagement/floatPopulation",
-            name: "floatPopulation",
+            name: "systemManagement",
+            meta: {
+              name: "floatPopulation",
+              aside: true,
+              title: "流动人口",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
             component: () => import("@/views/systemManagement/floatPopulation"),
           },
           {
             path: "/integration/systemManagement/dangerChemicals",
-            name: "dangerChemicals",
+            name: "systemManagement",
+            meta: {
+              name: "dangerChemicals",
+              aside: true,
+              title: "危化品风险",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
             component: () => import("@/views/systemManagement/dangerChemicals"),
           },
+          {
+            path: "/integration/systemManagement/majorHazard",
+            name: "systemManagement",
+            meta: {
+              name: "majorHazard",
+              aside: true,
+              title: "重大危险源",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/majorHazard"),
+          },
+          {
+            path: "/integration/systemManagement/illegalDishonest",
+            name: "systemManagement",
+            meta: {
+              name: "illegalDishonest",
+              aside: true,
+              title: "违法失信企业",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () =>
+              import("@/views/systemManagement/illegalDishonest"),
+          },
+          {
+            path: "/integration/systemManagement/chemicalCar",
+            name: "systemManagement",
+            meta: {
+              name: "chemicalCar",
+              aside: true,
+              title: "危化品车辆信息",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/chemicalCar"),
+          },
+          {
+            path: "/integration/systemManagement/blackList",
+            name: "systemManagement",
+            meta: {
+              name: "blackList",
+              aside: true,
+              title: "黑名单信息",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/blackList"),
+          },
+          {
+            path: "/integration/systemManagement/superviseAlarm",
+            name: "systemManagement",
+            meta: {
+              name: "superviseAlarm",
+              aside: true,
+              title: "监管报警信息",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/superviseAlarm"),
+          },
+          {
+            path: "/integration/systemManagement/sysEnterprise",
+            name: "systemManagement",
+            meta: {
+              name: "sysEnterprise",
+              aside: true,
+              title: "系统企业信息",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/sysEnterprise"),
+          },
+          {
+            path: "/integration/systemManagement/superviseCar",
+            name: "systemManagement",
+            meta: {
+              name: "superviseCar",
+              aside: true,
+              title: "车辆监管信息",
+              icon: require("@/assets/companyFile/menu04.png"),
+            },
+            component: () => import("@/views/systemManagement/superviseCar"),
+          },
         ],
       },
 
       // 封装演示模块
       ...module,
-      {
-        path: "/integration/recordManage",
-        name: "recordManage",
-        component: () => import("@/views/enterpriseManage/recordManage/index"),
-      },
     ],
   },
 ];
diff --git a/src/views/applySupermarket/businessConsulting/index.vue b/src/views/applySupermarket/businessConsulting/index.vue
new file mode 100644
index 0000000..4147064
--- /dev/null
+++ b/src/views/applySupermarket/businessConsulting/index.vue
@@ -0,0 +1,169 @@
+<template>
+  <div class="enterpriseService">
+    <div class="flexSpaceBetween">
+      <div class="tableOperator"></div>
+      <div class="searchWrap">
+        <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+          <el-form-item label="企业名称">
+            <el-input v-model="queryParam.name" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="searchQuery">查询</el-button>
+            <el-button type="primary" plain @click="searchReset"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <div class="enterServiceWrap">
+      <div class="enterServicePanel">
+        <el-row :gutter="20">
+          <el-col :span="6" v-for="item in dataSource" :key="item.id">
+            <div class="enterWrap">
+              <div class="enterTop">
+                {{ item.cmy }}
+              </div>
+              <div class="enterBtm">
+                <div class="item">
+                  <div class="label">咨询内容：</div>
+                  <div class="value">{{ item.name }}</div>
+                </div>
+                <div class="item">
+                  <div class="label">回复内容：</div>
+                  <div class="value">{{ item.card }}</div>
+                </div>
+                <div class="item">
+                  <div class="label">状态：</div>
+                  <div class="value">{{ item.phone }}</div>
+                </div>
+              </div>
+              <div class="opt">
+                <div class="" @click="checkDetail(item)">详情</div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <gMainTable
+        ref="gMainTable"
+        :tableData="dataSource"
+        :columns="columns"
+        rowKey="id"
+        :pagination="ipagination"
+        @pageSizeChange="handlePageSizeChange"
+        @currentPageChange="handleCurrentPageChange"
+      >
+      </gMainTable>
+    </div>
+    <FormDialog ref="formDialog" :formItems="formItems" width="800px">
+    </FormDialog>
+  </div>
+</template>
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      ipagination: {
+        pageSize: 12,
+        pageSizes: ["12", "24", "36"],
+      },
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+      ],
+      formItems: [
+        {
+          type: "textarea",
+          itemAttrs: {
+            label: "回复意见",
+            span: 22,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+            rows: 5,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import url("../index.less");
+.enterpriseService {
+  height: 100%;
+  overflow: hidden;
+  /deep/.el-table {
+    display: none;
+  }
+}
+.enterServiceWrap {
+  height: calc(100% - 60px);
+
+  .enterServicePanel {
+    height: calc(100% - 54px);
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .enterWrap {
+      display: flex;
+      flex-direction: column;
+      height: 230px;
+      padding: 4px 20px;
+      margin-bottom: 16px;
+      background: url("~@/assets/companyFile/normalback.png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .enterTop {
+        height: 50px;
+        font-size: 20px;
+        color: #ffffff;
+        font-weight: bold;
+      }
+      .enterBtm {
+        flex: 1;
+        .item {
+          display: flex;
+          margin-bottom: 12px;
+          .label {
+            width: 80px;
+            text-align: right;
+            color: #d0deee;
+          }
+          .value {
+            width: 11vw;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #ffffff;
+          }
+        }
+      }
+      .opt {
+        height: 32px;
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        color: #30c4ff;
+        &:hover {
+          color: #409eff;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/applySupermarket/index.less b/src/views/applySupermarket/index.less
new file mode 100644
index 0000000..f203717
--- /dev/null
+++ b/src/views/applySupermarket/index.less
@@ -0,0 +1,166 @@
+.enterpriseService {
+    .flexSpaceBetween {
+      display: flex;
+      justify-content: space-between;
+      .searchWrap {
+        /deep/ .el-input__inner {
+          color: #fff;
+          border: 0.1px solid #495e70;
+          background-color: rgba(0, 0, 0, 0);
+        }
+        /deep/ .el-form-item__label {
+          color: #fff;
+        }
+  
+        .el-button {
+          border: 1px solid #4a6072;
+          color: #fff;
+          border-radius: 0px !important;
+          background: #323f43;
+        }
+  
+        .el-button:focus,
+        .el-button:hover {
+          border: 1px solid#34e1b3;
+          background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+          background-size: 100% 100% !important;
+        }
+      }
+    }
+    .tableWrap {
+      height: calc(100% - 60px);
+    }
+    /deep/ .el-table {
+      background-color: #233438;
+      .el-table__header-wrapper {
+        tr {
+          color: #fff;
+          font-weight: 500;
+          background: linear-gradient(to right, #284f49, #2f6363, #233b38);
+          th {
+            background-color: transparent;
+          }
+        }
+      }
+      .el-table__body {
+        color: #ffffff;
+        background-color: #233438;
+        tr {
+          color: #ffffff;
+          background-color: #233438;
+        }
+      }
+    }
+    .gPagination {
+      background-color: transparent;
+    }
+    /deep/.el-pagination {
+      .el-pagination__total {
+        color: #ffffff;
+      }
+      .el-pagination__sizes {
+        .el-input__inner {
+          background: #3c4b4a;
+          color: #fff;
+        }
+      }
+      .btn-prev {
+        background: #3c4b4a;
+        color: #fff;
+      }
+      .btn-next {
+        background: #3c4b4a;
+        color: #fff;
+      }
+      .el-pager {
+        .number {
+          background: #3c4b4a;
+          color: #fff;
+          &.active {
+            background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+            background-size: 100% 100% !important;
+          }
+        }
+      }
+      .el-pagination__jump {
+        color: #fff;
+        .el-input__inner {
+          background: #3c4b4a;
+          color: #fff;
+        }
+      }
+    }
+  
+    /deep/.el-dialog {
+      margin: 10vh auto 10vh !important;
+      .el-dialog__title {
+        color: #fff;
+        text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+      }
+  
+      background-image: url("~@/assets/companyFile/dialogBack.png");
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      //height: 80vh;
+  
+      /* 关闭弹窗叉号 */
+      .el-dialog__headerbtn {
+        .el-dialog__close {
+          color: #fff;
+          font-size: 18px;
+        }
+      }
+      .el-dialog__body {
+        padding: 30px 20px 0;
+        height: calc(100% - 120px);
+      }
+  
+      .el-button {
+        width: 70px;
+        border: 1px solid #4a6072;
+        color: #fff;
+        border-radius: 0px !important;
+        background: #323f43;
+      }
+  
+      .el-button:focus,
+      .el-button:hover {
+        color: #34e1b3;
+        background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
+        background-size: 100% 100% !important;
+      }
+  
+      .el-form {
+        padding: 16px 0;
+        height: 100%;
+        background: url(/img/242112.6e40adf5.png) no-repeat;
+        background-size: 100% 100%;
+        overflow-y: scroll;
+        &::-webkit-scrollbar {
+          display: none;
+        }
+        .el-form-item {
+          .el-form-item__label {
+            color: #fff;
+            line-height: normal;
+          }
+          .el-form-item__content {
+            .el-textarea__inner,
+            .el-input__inner {
+              border-radius: 0px;
+              border: 0.5px solid;
+              background: #3c4b4a;
+              color: #fff;
+            }
+  
+            /* 查询框点击颜色变化 */
+            .el-input__inner:focus,
+            .el-input__inner:hover {
+              border-color: #1b3736;
+            }
+          }
+        }
+      }
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/views/applySupermarket/index.vue b/src/views/applySupermarket/index.vue
index 71fd846..0216b3c 100644
--- a/src/views/applySupermarket/index.vue
+++ b/src/views/applySupermarket/index.vue
@@ -6,13 +6,26 @@
       <div v-if="is_flag == '1'" class="supermarket_title_02">
         >>人员背景审核
       </div>
-      <div v-if="is_flag == '2'" class="supermarket_title_02">>>重点岗位资质审查</div>
+      <div v-if="is_flag == '2'" class="supermarket_title_02">
+        >>重点岗位资质审查
+      </div>
       <div v-if="is_flag == '3'" class="supermarket_title_02">>>警情通报</div>
       <div v-if="is_flag == '5'" class="supermarket_title_02">
         >>网络反诈提醒
       </div>
-      <div v-if="is_flag == '6'" class="supermarket_title_02">>>企业纠纷提醒</div>
+      <div v-if="is_flag == '6'" class="supermarket_title_02">
+        >>企业纠纷提醒
+      </div>
       <div v-if="is_flag == '10'" class="supermarket_title_02">>>企业反馈</div>
+      <div v-if="is_flag == 'ywzx'" class="supermarket_title_02">
+        >>业务咨询
+      </div>
+      <div v-if="is_flag == 'zzbl'" class="supermarket_title_02">
+        >>证照办理
+      </div>
+      <div v-if="is_flag == 'flzx'" class="supermarket_title_02">
+        >>法律咨询
+      </div>
     </div>
     <div class="supermarket_list">
       <div v-if="is_flag === '0'" class="list_boxs">
@@ -70,7 +83,7 @@
           <div class="expert_library_text">企业纠纷提醒</div>
         </div>
         <!-- 业务咨询 -->
-        <div class="list_box law_regulations">
+        <div class="list_box law_regulations" @click="gotoBusinessConsulting">
           <div class="law_regulations_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="green_mark turn"></div>
@@ -79,7 +92,7 @@
           <div class="law_regulations_text">业务咨询</div>
         </div>
         <!-- 法律咨询 -->
-        <div class="list_box association">
+        <div class="list_box association" @click="gotoLegalAdvice">
           <div class="association_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="green_mark turn"></div>
@@ -88,7 +101,7 @@
           <div class="association_text">法律咨询</div>
         </div>
         <!-- 证照办理 -->
-        <div class="list_box statement">
+        <div class="list_box statement" @click="gotoLicenseHandle">
           <div class="statement_icon_box">
             <!-- 遮罩层 负责旋转动画 -->
             <div class="blue_mark turn"></div>
@@ -127,6 +140,15 @@
       <div v-else-if="is_flag === '10'" class="person_back_boxs">
         <CompanyFeedback ref="companyFeedback"></CompanyFeedback>
       </div>
+      <div v-else-if="is_flag === 'ywzx'" class="person_back_boxs">
+        <businessConsulting ref="businessConsulting"></businessConsulting>
+      </div>
+      <div v-else-if="is_flag === 'zzbl'" class="person_back_boxs">
+        <licenseHandle ref="licenseHandle"></licenseHandle>
+      </div>
+      <div v-else-if="is_flag === 'flzx'" class="person_back_boxs">
+        <legalAdvice ref="legalAdvice"></legalAdvice>
+      </div>
     </div>
   </div>
 </template>
@@ -136,7 +158,10 @@ import PoliceReport from "./policeReport/index";
 import Counterfraud from "./counterfraud/index";
 import CompanyDispute from "./companyDispute/index";
 import CompanyFeedback from "./companyFeedback/index";
-import KeyPerson from "./keyPerson/index"
+import KeyPerson from "./keyPerson/index";
+import businessConsulting from "./businessConsulting/index";
+import licenseHandle from "./licenseHandle/index";
+import legalAdvice from "./legalAdvice/index";
 export default {
   name: "ApplySupermarket",
   components: {
@@ -146,6 +171,9 @@ export default {
     CompanyDispute,
     CompanyFeedback,
     KeyPerson,
+    businessConsulting,
+    licenseHandle,
+    legalAdvice,
   },
   data() {
     return {
@@ -163,7 +191,7 @@ export default {
     },
     // 跳转至重点人员审核
     key_back_change() {
-      this.is_flag = '2'
+      this.is_flag = "2";
     },
     // 跳转至警情通报
     police_back_change() {
@@ -175,12 +203,24 @@ export default {
     },
     // 跳转 企业纠纷提醒
     dispute_back_change() {
-      this.is_flag = "6"
+      this.is_flag = "6";
     },
     // 跳转 企业反馈
     feedback_back_change() {
-      this.is_flag = '10'
-    }
+      this.is_flag = "10";
+    },
+    //跳转 业务咨询
+    gotoBusinessConsulting() {
+      this.is_flag = "ywzx";
+    },
+    //跳转 证照办理
+    gotoLicenseHandle() {
+      this.is_flag = "zzbl";
+    },
+    //跳转 法律咨询
+    gotoLegalAdvice() {
+      this.is_flag = "flzx";
+    },
   },
 };
 </script>
@@ -724,4 +764,4 @@ export default {
 .turn {
   animation: turn 10s linear infinite;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/applySupermarket/legalAdvice/index.vue b/src/views/applySupermarket/legalAdvice/index.vue
new file mode 100644
index 0000000..2dc79d9
--- /dev/null
+++ b/src/views/applySupermarket/legalAdvice/index.vue
@@ -0,0 +1,3 @@
+<template>
+  <div>法律咨询</div>
+</template>
diff --git a/src/views/applySupermarket/licenseHandle/index.vue b/src/views/applySupermarket/licenseHandle/index.vue
new file mode 100644
index 0000000..79b0908
--- /dev/null
+++ b/src/views/applySupermarket/licenseHandle/index.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="enterpriseService">
+    <div class="flexSpaceBetween">
+      <div class="tableOperator"></div>
+      <div class="searchWrap">
+        <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+          <el-form-item label="企业名称">
+            <el-input v-model="queryParam.name" placeholder="请输入"></el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="searchQuery">查询</el-button>
+            <el-button type="primary" plain @click="searchReset"
+              >重置</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
+    </div>
+    <div class="enterServiceWrap">
+      <div class="enterServicePanel">
+        <el-row :gutter="20">
+          <el-col :span="6" v-for="item in dataSource" :key="item.id">
+            <div class="enterWrap">
+              <div class="enterTop">
+                {{ item.cmy }}
+              </div>
+              <div class="enterBtm">
+                <div class="item">
+                  <div class="label">办理事项：</div>
+                  <div class="value">{{ item.name }}</div>
+                </div>
+                <div class="item">
+                  <div class="label">状态：</div>
+                  <div class="value">{{ item.phone }}</div>
+                </div>
+              </div>
+              <div class="opt">
+                <div class="" @click="checkDetail(item)">详情</div>
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <gMainTable
+        ref="gMainTable"
+        :tableData="dataSource"
+        :columns="columns"
+        rowKey="id"
+        :pagination="ipagination"
+        @pageSizeChange="handlePageSizeChange"
+        @currentPageChange="handleCurrentPageChange"
+      >
+      </gMainTable>
+    </div>
+    <FormDialog ref="formDialog" :formItems="formItems" width="800px">
+    </FormDialog>
+  </div>
+</template>
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      ipagination: {
+        pageSize: 12,
+        pageSizes: ["12", "24", "36"],
+      },
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+      ],
+      formItems: [
+        {
+          type: "textarea",
+          itemAttrs: {
+            label: "反馈意见",
+            span: 22,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+            rows: 5,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+<style lang="less" scoped>
+@import url("../index.less");
+.enterpriseService {
+  height: 100%;
+  overflow: hidden;
+  /deep/.el-table {
+    display: none;
+  }
+}
+.enterServiceWrap {
+  height: calc(100% - 60px);
+
+  .enterServicePanel {
+    height: calc(100% - 54px);
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .enterWrap {
+      display: flex;
+      flex-direction: column;
+      height: 230px;
+      padding: 4px 20px;
+      margin-bottom: 16px;
+      background: url("~@/assets/companyFile/normalback.png") no-repeat !important;
+      background-size: 100% 100% !important;
+      .enterTop {
+        height: 50px;
+        font-size: 20px;
+        color: #ffffff;
+        font-weight: bold;
+      }
+      .enterBtm {
+        flex: 1;
+        .item {
+          display: flex;
+          margin-bottom: 12px;
+          .label {
+            width: 80px;
+            text-align: right;
+            color: #d0deee;
+          }
+          .value {
+            width: 11vw;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+            color: #ffffff;
+          }
+        }
+      }
+      .opt {
+        height: 32px;
+        width: 100%;
+        display: flex;
+        justify-content: flex-end;
+        color: #30c4ff;
+        &:hover {
+          color: #409eff;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/companyCanban/canban.vue b/src/views/companyCanban/canban.vue
index d98d882..a4a7e1f 100644
--- a/src/views/companyCanban/canban.vue
+++ b/src/views/companyCanban/canban.vue
@@ -88,7 +88,7 @@ export default {
         },
         toArchives() {
 
-            this.$router.push({ path: '/home/enterpriseRank' })
+            this.$router.push({ path: '/integration/enterpriseRank' })
 
         },
         toDangan() {
diff --git a/src/views/compositeIndex/components/companyNum.vue b/src/views/compositeIndex/components/companyNum.vue
index 6eca75d..c9f5079 100644
--- a/src/views/compositeIndex/components/companyNum.vue
+++ b/src/views/compositeIndex/components/companyNum.vue
@@ -186,7 +186,7 @@ export default {
     },
     turn_item(val) {
       this.$router.push({
-        path: "/home/enterpriseRank",
+        path: "/integration/enterpriseRank",
         query: { companyParamName: val },
       });
     }
diff --git a/src/views/enterpriseManage/recordManage/index.vue b/src/views/enterpriseManage/recordManage/index.vue
deleted file mode 100644
index b45f678..0000000
--- a/src/views/enterpriseManage/recordManage/index.vue
+++ /dev/null
@@ -1,151 +0,0 @@
-<template>
-  <div>
-    <div class="search">
-      <gDict :options="dictList" :value="'1'"></gDict>
-    </div>
-
-    <el-button @click="add">打开</el-button>
-
-    <el-button type="danger" v-if="selectedRowKeys.length">批量删除</el-button>
-    <el-button
-      type="primary"
-      plain
-      v-if="selectedRowKeys.length"
-      @click="clearSelection"
-    >
-      清空选择
-    </el-button>
-
-    <el-input v-model="queryParam.a" placeholder="请输入内容"></el-input>
-    <el-input v-model="queryParam.b" placeholder="请输入内容"></el-input>
-
-    <el-button type="primary" @click="searchQuery">查询</el-button>
-    <el-button type="primary" plain @click="searchReset">重置</el-button>
-
-    <div style="width: 800px">
-      <gMainTable
-        ref="gMainTable"
-        :tableData="dataSource"
-        :columns="columns"
-        rowKey="id"
-        :rowSelection="{
-          selectedRowKeys: selectedRowKeys,
-          selectionRows: selectionRows,
-        }"
-        @selectionChange="handleSelectionChange"
-        :pagination="ipagination"
-        @pageSizeChange="handlePageSizeChange"
-        @currentPageChange="handleCurrentPageChange"
-      >
-        <template v-slot:vaeSlot="{ scope }">
-          <el-button size="small" type="primary">{{
-            scope.row.name
-          }}</el-button>
-        </template>
-      </gMainTable>
-    </div>
-
-    <form-dialog
-      ref="formDialog"
-      :form-items="formItems"
-      @dialogSubmit="dialogSubmit"
-    >
-      <template v-slot:fzrslot="{ scope }">
-        {{ scope }}
-      </template>
-    </form-dialog>
-  </div>
-</template>
-
-<script>
-//import { deleteAction, getAction, downFile } from "@/loveflow/api/manage";
-import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
-export default {
-  mixins: [tableListMixins],
-  data() {
-    return {
-      columns: [
-        {
-          prop: "id",
-          label: "序号",
-        },
-        {
-          prop: "name",
-          label: "姓名",
-        },
-        {
-          slot: "vaeSlot",
-          prop: "name",
-          label: "自定义",
-        },
-      ],
-      formItems: [
-        {
-          type: "input",
-          itemAttrs: {
-            label: "车间编码",
-            rules: this.$rules.requiredItem,
-          },
-          attrs: {
-            model: "no",
-            value: "",
-            placeholder: "",
-            disabled: true,
-          },
-        },
-        {
-          type: "textarea",
-          itemAttrs: {
-            label: "备注",
-          },
-          attrs: {
-            model: "remark",
-            value: "",
-            placeholder: "",
-            rows: 4,
-          },
-        },
-        {
-          type: "slot",
-          slot: "fzrslot",
-          itemAttrs: {
-            label: "车间负责人",
-          },
-          attrs: {
-            model: "directorPerson",
-            value: "",
-            placeholder: "",
-          },
-        },
-      ],
-      dictList: [
-        {
-          value: "1",
-          label: "这是状态码1",
-        },
-        {
-          value: "2",
-          label: "这是状态码2",
-        },
-      ],
-    };
-  },
-  methods: {
-    add() {
-      this.$refs.formDialog.openDialog();
-    },
-    dialogSubmit() {},
-    clearSelection() {
-      this.$refs.gMainTable.clearSelection();
-    },
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.search {
-  width: vw(400);
-  height: vh(500);
-  background-color: #ccc;
-}
-</style>
diff --git a/src/views/enterpriseRank/index.vue b/src/views/enterpriseRank/index.vue
index 0b49164..bed421e 100644
--- a/src/views/enterpriseRank/index.vue
+++ b/src/views/enterpriseRank/index.vue
@@ -593,7 +593,7 @@ export default {
         goCanban(val) {
             sessionStorage.setItem('companyID', val.companyId)
             this.$router.push({
-                path: '/home/companyCanban',
+                path: '/integration/companyCanban',
             })
         },
         handleSizeChange(val) {
diff --git a/src/views/safetyIndex/paiming.vue b/src/views/safetyIndex/paiming.vue
index d57b36f..83f30d7 100644
--- a/src/views/safetyIndex/paiming.vue
+++ b/src/views/safetyIndex/paiming.vue
@@ -99,12 +99,12 @@ export default {
             })
         },
         goMore() {
-            this.$router.push({ path: '/home/enterpriseRank' })
+            this.$router.push({ path: '/integration/enterpriseRank' })
         },
         toCanban(val) {
             sessionStorage.setItem('companyID', val.companyId)
             this.$router.push({
-                path: '/home/companyCanban',
+                path: '/integration/companyCanban',
             })
         }
     },
diff --git a/src/views/systemManagement/blackList/index.vue b/src/views/systemManagement/blackList/index.vue
new file mode 100644
index 0000000..2b56655
--- /dev/null
+++ b/src/views/systemManagement/blackList/index.vue
@@ -0,0 +1,82 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>黑名单信息</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="企业名称">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="车牌号">
+              <el-input
+                v-model="queryParam.car"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+        </gMainTable>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+        {
+          prop: "card",
+          label: "车牌号",
+        },
+        {
+          prop: "tel",
+          label: "有效期",
+        },
+        {
+          prop: "address",
+          label: "描述",
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/chemicalCar/index.vue b/src/views/systemManagement/chemicalCar/index.vue
new file mode 100644
index 0000000..2ee6781
--- /dev/null
+++ b/src/views/systemManagement/chemicalCar/index.vue
@@ -0,0 +1,106 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>危化品车辆信息</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="所属公司">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="车牌号">
+              <el-input
+                v-model="queryParam.car"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+        </gMainTable>
+      </div>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "所属公司",
+        },
+        {
+          prop: "card",
+          label: "车牌号",
+        },
+        {
+          prop: "tel",
+          label: "车辆类型",
+        },
+        {
+          prop: "address",
+          label: "车架号",
+        },
+        {
+          prop: "address1",
+          label: "核载",
+        },
+        {
+          prop: "address2",
+          label: "自重",
+        },
+        {
+          prop: "address3",
+          label: "经营范围",
+        },
+        {
+          prop: "address4",
+          label: "车辆颜色",
+        },
+        {
+          prop: "address5",
+          label: "车牌颜色",
+        },
+        {
+          prop: "address6",
+          label: "运营证编号",
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/companyList/index.vue b/src/views/systemManagement/companyList/index.vue
index 113ca22..027d001 100644
--- a/src/views/systemManagement/companyList/index.vue
+++ b/src/views/systemManagement/companyList/index.vue
@@ -192,7 +192,7 @@ export default {
       console.log(val, "Val");
       sessionStorage.setItem("companyID", val.id);
       sessionStorage.setItem("companyName", val.companyName);
-      this.$router.push("/home/archives");
+      this.$router.push("/integration/archives");
     },
     setDefaultImage(e) {
       // 加载失败默认图片
diff --git a/src/views/systemManagement/companyScore/components/companyTable.vue b/src/views/systemManagement/companyScore/components/companyTable.vue
index 74e6e87..31d843f 100644
--- a/src/views/systemManagement/companyScore/components/companyTable.vue
+++ b/src/views/systemManagement/companyScore/components/companyTable.vue
@@ -154,7 +154,7 @@ export default {
       val = Object.assign(val, this.jump_params);
       console.log("jump_val", val);
       this.$router.push({
-        path: "/home/systemManagement/companyDetails",
+        path: "/integration/systemManagement/companyDetails",
         query: {
           params:JSON.stringify(val)
         },
diff --git a/src/views/systemManagement/dangerChemicals/index.vue b/src/views/systemManagement/dangerChemicals/index.vue
index 6c14e5b..c664fd4 100644
--- a/src/views/systemManagement/dangerChemicals/index.vue
+++ b/src/views/systemManagement/dangerChemicals/index.vue
@@ -3,7 +3,7 @@
     <div class="topZS"></div>
     <div class="bottomZS"></div>
     <div slot="header" class="clearfix">
-      <span>流动人口</span>
+      <span>危化品风险</span>
     </div>
 
     <div class="cardBody">
@@ -11,10 +11,10 @@
         <div class="tableOperator"></div>
         <div class="searchWrap">
           <el-form :inline="true" :model="queryParam" class="demo-form-inline">
-            <el-form-item label="姓名">
+            <el-form-item label="企业名称">
               <el-input
                 v-model="queryParam.name"
-                placeholder="企业名称"
+                placeholder="请输入"
               ></el-input>
             </el-form-item>
             <el-form-item>
@@ -26,7 +26,7 @@
           </el-form>
         </div>
       </div>
-      <div>
+      <div class="tableWrap">
         <gMainTable
           ref="gMainTable"
           :tableData="dataSource"
diff --git a/src/views/systemManagement/floatPopulation/index.vue b/src/views/systemManagement/floatPopulation/index.vue
index 2b983f0..0568419 100644
--- a/src/views/systemManagement/floatPopulation/index.vue
+++ b/src/views/systemManagement/floatPopulation/index.vue
@@ -12,18 +12,21 @@
         <div class="searchWrap">
           <el-form :inline="true" :model="queryParam" class="demo-form-inline">
             <el-form-item label="姓名">
-              <el-input v-model="queryParam.name" placeholder="姓名"></el-input>
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
             </el-form-item>
             <el-form-item label="证件号码">
               <el-input
                 v-model="queryParam.card"
-                placeholder="证件号码"
+                placeholder="请输入"
               ></el-input>
             </el-form-item>
             <el-form-item label="联系方式">
               <el-input
                 v-model="queryParam.tel"
-                placeholder="联系方式"
+                placeholder="请输入"
               ></el-input>
             </el-form-item>
             <el-form-item>
@@ -35,7 +38,39 @@
           </el-form>
         </div>
       </div>
-      <div>
+      <div class="floatPopulationWrap">
+        <div class="floatPopulationPanel">
+          <el-row :gutter="20">
+            <el-col :span="6" v-for="item in dataSource" :key="item.id">
+              <div class="floatWrap">
+                <div class="floatLeft">
+                  <img :src="icon" />
+                </div>
+                <div class="floatRight">
+                  <div class="item">
+                    <div class="label">姓名：</div>
+                    <div class="value">{{ item.name }}</div>
+                  </div>
+                  <div class="item">
+                    <div class="label">证件号码：</div>
+                    <div class="value">{{ item.card }}</div>
+                  </div>
+                  <div class="item">
+                    <div class="label">联系电话：</div>
+                    <div class="value">{{ item.phone }}</div>
+                  </div>
+                  <div class="item">
+                    <div class="label">居住地址：</div>
+                    <div class="value">{{ item.name }}</div>
+                  </div>
+                  <div class="opt">
+                    <div class="" @click="checkDetail(item)">详情</div>
+                  </div>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
         <gMainTable
           ref="gMainTable"
           :tableData="dataSource"
@@ -46,6 +81,14 @@
           @currentPageChange="handleCurrentPageChange"
         >
         </gMainTable>
+        <FormDialog
+          ref="formDialog"
+          :formItems="formItems"
+          :cancelBtn="false"
+          :submitBtn="false"
+          :closeBtn="true"
+        >
+        </FormDialog>
       </div>
     </div>
   </el-card>
@@ -53,10 +96,16 @@
 
 <script>
 import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+
 export default {
   mixins: [tableListMixins],
   data() {
     return {
+      icon: require("@/assets/images/base/person.png"),
+      ipagination: {
+        pageSize: 12,
+        pageSizes: ["12", "24", "36"],
+      },
       columns: [
         {
           prop: "id",
@@ -79,11 +128,255 @@ export default {
           label: "居住地址",
         },
       ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "姓名",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "联系方式",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "民族",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "户籍地址",
+            span: 22,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "居住地址",
+            span: 22,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "slot",
+          slot: "lessorSlot",
+          itemAttrs: {
+            label: "出租人信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "出租人姓名",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "slot",
+          slot: "pcsSlot",
+          itemAttrs: {
+            label: "派出所信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "派出所代码",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "派出所名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+      ],
     };
   },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
 };
 </script>
 
 <style lang="less" scoped>
 @import url("../index.less");
+.floatPopulationWrap {
+  height: calc(100% - 60px);
+  /deep/.el-table {
+    display: none;
+  }
+  .floatPopulationPanel {
+    height: calc(100% - 54px);
+    overflow-y: scroll;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    .floatWrap {
+      display: flex;
+      padding: 8px 12px;
+      margin-bottom: 16px;
+      color: #ffffff;
+      background: #1b3736;
+      border: 1px solid #fff;
+      .floatLeft {
+        margin-right: 12px;
+        img {
+          width: 80px;
+          height: 128px;
+        }
+      }
+      .floatRight {
+        flex: 1;
+        .item {
+          display: flex;
+          line-height: 24px;
+          .label {
+            width: 80px;
+            text-align: right;
+          }
+          .value {
+            width: 11vw;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
+        }
+        .opt {
+          margin-top: 10px;
+          width: 100%;
+          display: flex;
+          justify-content: flex-end;
+          &:hover {
+            color: #409eff;
+            cursor: pointer;
+          }
+        }
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/systemManagement/illegalDishonest/index.vue b/src/views/systemManagement/illegalDishonest/index.vue
new file mode 100644
index 0000000..979520f
--- /dev/null
+++ b/src/views/systemManagement/illegalDishonest/index.vue
@@ -0,0 +1,226 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>违法失信企业</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="企业名称">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+          <template v-slot:optSlot="{ scope }">
+            <el-link type="primary" @click="checkDetail(scope.row)"
+              >详情
+            </el-link>
+          </template>
+        </gMainTable>
+      </div>
+      <FormDialog
+        ref="formDialog"
+        :formItems="formItems"
+        :cancelBtn="false"
+        :submitBtn="false"
+        :closeBtn="true"
+      >
+      </FormDialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+        {
+          prop: "card",
+          label: "法人姓名",
+        },
+        {
+          prop: "tel",
+          label: "证件号码",
+        },
+        {
+          prop: "address",
+          label: "社会信用代码",
+        },
+        {
+          prop: "address1",
+          label: "违法失信ID",
+        },
+        {
+          prop: "address2",
+          label: "列入时间",
+        },
+        {
+          slot: "optSlot",
+          prop: "name",
+          label: "操作",
+        },
+      ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业名称",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "人员姓名",
+          itemAttrs: {
+            label: "证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "岗位名称",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "信用代码",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经度",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "纬度",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "区县名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "街道名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/index.less b/src/views/systemManagement/index.less
index 4bee167..321068c 100644
--- a/src/views/systemManagement/index.less
+++ b/src/views/systemManagement/index.less
@@ -19,7 +19,11 @@
     }
   }
 }
+/deep/ .el-card__body {
+  height: calc(100% - 60px);
+}
 .cardBody {
+  height: 100%;
   .search_top {
     width: 85.2vw;
     height: 4.3vh;
@@ -92,9 +96,27 @@
       /deep/ .el-form-item__label {
         color: #fff;
       }
+
+      .el-button {
+        border: 1px solid #4a6072;
+        color: #fff;
+        border-radius: 0px !important;
+        background: #323f43;
+      }
+
+      .el-button:focus,
+      .el-button:hover {
+        border: 1px solid#34e1b3;
+        background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+        background-size: 100% 100% !important;
+      }
     }
   }
+  .tableWrap {
+    height: calc(100% - 60px);
+  }
   /deep/ .el-table {
+    background-color: #233438;
     .el-table__header-wrapper {
       tr {
         color: #fff;
@@ -139,6 +161,10 @@
       .number {
         background: #3c4b4a;
         color: #fff;
+        &.active {
+          background: url("~@/assets/companyFile/2121.png") no-repeat !important;
+          background-size: 100% 100% !important;
+        }
       }
     }
     .el-pagination__jump {
@@ -149,4 +175,76 @@
       }
     }
   }
+
+  /deep/.el-dialog {
+    margin: 10vh auto 10vh !important;
+    .el-dialog__title {
+      color: #fff;
+      text-shadow: 0 0 9px rgba(21, 255, 198, 0.64);
+    }
+
+    background-image: url("~@/assets/companyFile/dialogBack.png");
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    height: 80vh;
+
+    /* 关闭弹窗叉号 */
+    .el-dialog__headerbtn {
+      .el-dialog__close {
+        color: #fff;
+        font-size: 18px;
+      }
+    }
+    .el-dialog__body {
+      padding: 30px 20px 0;
+      height: calc(100% - 120px);
+    }
+
+    .el-button {
+      width: 70px;
+      border: 1px solid #4a6072;
+      color: #fff;
+      border-radius: 0px !important;
+      background: #323f43;
+    }
+
+    .el-button:focus,
+    .el-button:hover {
+      color: #34e1b3;
+      background: url("~@/assets/companyFile/btn05.png") no-repeat !important;
+      background-size: 100% 100% !important;
+    }
+
+    .el-form {
+      padding: 16px 0;
+      height: 100%;
+      background: url(/img/242112.6e40adf5.png) no-repeat;
+      background-size: 100% 100%;
+      overflow-y: scroll;
+      &::-webkit-scrollbar {
+        display: none;
+      }
+      .el-form-item {
+        .el-form-item__label {
+          color: #fff;
+          line-height: normal;
+        }
+        .el-form-item__content {
+          .el-textarea__inner,
+          .el-input__inner {
+            border-radius: 0px;
+            border: 0.5px solid;
+            background: #3c4b4a;
+            color: #fff;
+          }
+
+          /* 查询框点击颜色变化 */
+          .el-input__inner:focus,
+          .el-input__inner:hover {
+            border-color: #1b3736;
+          }
+        }
+      }
+    }
+  }
 }
diff --git a/src/views/systemManagement/index.vue b/src/views/systemManagement/index.vue
index 8d370c8..898590f 100644
--- a/src/views/systemManagement/index.vue
+++ b/src/views/systemManagement/index.vue
@@ -3,7 +3,7 @@
   <div>
     <el-container>
       <el-aside>
-        <LeftNav></LeftNav>
+        <asideMenu></asideMenu>
       </el-aside>
       <el-container>
         <el-main>
@@ -15,11 +15,12 @@
 </template>
 
 <script>
-import LeftNav from "./components/leftNav.vue";
+//import LeftNav from "./components/leftNav.vue";
+import asideMenu from "@/loveflow/components/menu/aside";
 export default {
   name: "systemManagement",
   components: {
-    LeftNav,
+    asideMenu,
   },
   data() {
     return {};
@@ -32,12 +33,17 @@ export default {
   .el-aside {
     margin-top: 15px; /* 给左上角logo留空间 -> 后面固定都给15px */
     margin-left: 15px;
-    width: 11% !important; /* 控制侧边导航栏宽度 */
+    width: 220px !important; /* 控制侧边导航栏宽度 */
     height: 100%;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    &::-webkit-scrollbar {
+      display: none;
+    }
   }
   .el-main {
     margin: 16px 15px 0px 15px; /* 固定都给15px */
     padding: 0px;
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/systemManagement/majorHazard/index.vue b/src/views/systemManagement/majorHazard/index.vue
new file mode 100644
index 0000000..4c7d173
--- /dev/null
+++ b/src/views/systemManagement/majorHazard/index.vue
@@ -0,0 +1,240 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>重大危险源</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="企业名称">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item label="人员姓名">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+          <template v-slot:optSlot="{ scope }">
+            <el-link type="primary" @click="checkDetail(scope.row)"
+              >详情
+            </el-link>
+          </template>
+        </gMainTable>
+      </div>
+      <FormDialog
+        ref="formDialog"
+        :formItems="formItems"
+        :cancelBtn="false"
+        :submitBtn="false"
+        :closeBtn="true"
+      >
+      </FormDialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+        {
+          prop: "card",
+          label: "人员姓名",
+        },
+        {
+          prop: "tel",
+          label: "岗位名称",
+        },
+        {
+          prop: "address",
+          label: "企业唯一标识",
+        },
+        {
+          prop: "address1",
+          label: "社会信用代码",
+        },
+        {
+          prop: "address2",
+          label: "经度",
+        },
+        {
+          prop: "address3",
+          label: "维度",
+        },
+        {
+          prop: "address4",
+          label: "采集时间",
+        },
+        {
+          slot: "optSlot",
+          prop: "name",
+          label: "操作",
+        },
+      ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业名称",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "人员姓名",
+          itemAttrs: {
+            label: "证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "岗位名称",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "信用代码",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经度",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "纬度",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "区县名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "街道名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/superviseAlarm/index.vue b/src/views/systemManagement/superviseAlarm/index.vue
new file mode 100644
index 0000000..08ff6f9
--- /dev/null
+++ b/src/views/systemManagement/superviseAlarm/index.vue
@@ -0,0 +1,317 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>监管报警信息</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="企业名称">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+          <template v-slot:optSlot="{ scope }">
+            <el-link type="primary" @click="checkDetail(scope.row)"
+              >详情
+            </el-link>
+          </template>
+        </gMainTable>
+      </div>
+      <FormDialog
+        ref="formDialog"
+        :formItems="formItems"
+        :cancelBtn="false"
+        :submitBtn="false"
+        :closeBtn="true"
+      >
+      </FormDialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+        {
+          prop: "card",
+          label: "驾驶员名称",
+        },
+        {
+          prop: "tel",
+          label: "押运员名称",
+        },
+        {
+          prop: "address",
+          label: "牵引车号",
+        },
+        {
+          prop: "address2",
+          label: "挂车号",
+        },
+        {
+          prop: "address1",
+          label: "罐体车",
+        },
+        {
+          prop: "address3",
+          label: "报警时间",
+        },
+        {
+          prop: "address4",
+          label: "报警地址",
+        },
+        {
+          prop: "address5",
+          label: "报警详情",
+        },
+        {
+          slot: "optSlot",
+          prop: "name",
+          label: "操作",
+        },
+      ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业名称",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "驾驶员姓名",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "押运员名称",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "牵引车号",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "挂车号",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "罐车号",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警编码",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警时间",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警点经度",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警点纬度",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警类型编码",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警类型",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "报警点地址",
+            span: 22,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "textarea",
+          itemAttrs: {
+            label: "报警详情",
+            span: 22,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+            rows: 3,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/superviseCar/index.vue b/src/views/systemManagement/superviseCar/index.vue
new file mode 100644
index 0000000..75cb604
--- /dev/null
+++ b/src/views/systemManagement/superviseCar/index.vue
@@ -0,0 +1,1252 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>车辆监管信息</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="车牌号">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+          <template v-slot:optSlot="{ scope }">
+            <el-link type="primary" @click="checkDetail(scope.row)"
+              >详情
+            </el-link>
+          </template>
+        </gMainTable>
+      </div>
+      <FormDialog
+        ref="formDialog"
+        :formItems="formItems"
+        :cancelBtn="false"
+        :submitBtn="false"
+        :closeBtn="true"
+      >
+      </FormDialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "车牌号码",
+        },
+        {
+          prop: "card",
+          label: "型号",
+        },
+        {
+          prop: "tel",
+          label: "车架号",
+        },
+        {
+          prop: "address",
+          label: "车辆识别码",
+        },
+        {
+          prop: "address1",
+          label: "厂牌",
+        },
+        {
+          prop: "address2",
+          label: "核载吨位",
+        },
+        {
+          prop: "address3",
+          label: "道路运输证",
+        },
+        {
+          prop: "address4",
+          label: "道路运输证核发机关",
+        },
+        {
+          prop: "address5",
+          label: "经营范围",
+        },
+        {
+          slot: "optSlot",
+          prop: "name",
+          label: "操作",
+        },
+      ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车牌号码",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "厂牌",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "型号",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆类型",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车身颜色",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "发动机号",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "发动机功率",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车架号",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆识别码",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "核载吨位",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "准牵引总质量",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "总质量",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "出厂日期",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "购车日期",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "轴距",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆长",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆宽",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆高",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆档案编号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "slot",
+          slot: "dlSlot",
+          itemAttrs: {
+            label: "道路信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "业户ID",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "业户名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "行政区名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "道路运输证",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "核发机关",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "发证时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "有效期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经营范围代码",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经营范围名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "年审有效期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "年审状态",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "责任有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "责任有效期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "技术有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "技术有效期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "技术等级",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "本次检测时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "下次检测时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "检测结果",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "定位是否安装",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "平台编号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "平台名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "平台服务商",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "设备型号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "设备厂家",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "设备序列号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "SIM卡号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车辆备注",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "创建时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "更新时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "初次领时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车牌颜色",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "营运状态",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "技术等级名称",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "燃料类型",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车牌类型",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "运输证备注",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "年审有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业电话",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业地址",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "车牌颜色代码",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "入库时间",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "道路运输证号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "二维周期",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "二维周期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "二维有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "所属市",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "所属区/县",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "法定代表人",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "法人证件号码",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "证照状态",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经济类型",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "有效期起",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "有效期止",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "ID",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "工商执照号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "发证机关",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经营范围",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经营许可证",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "许可证号",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "注册地址",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "核发日期",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "证照颁发机构代码",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "持证主体代码类型",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "行政区划代码",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>
diff --git a/src/views/systemManagement/sysEnterprise/index.vue b/src/views/systemManagement/sysEnterprise/index.vue
new file mode 100644
index 0000000..8570be8
--- /dev/null
+++ b/src/views/systemManagement/sysEnterprise/index.vue
@@ -0,0 +1,312 @@
+<template>
+  <el-card class="box-card">
+    <div class="topZS"></div>
+    <div class="bottomZS"></div>
+    <div slot="header" class="clearfix">
+      <span>系统企业信息</span>
+    </div>
+
+    <div class="cardBody">
+      <div class="flexSpaceBetween">
+        <div class="tableOperator"></div>
+        <div class="searchWrap">
+          <el-form :inline="true" :model="queryParam" class="demo-form-inline">
+            <el-form-item label="企业名称">
+              <el-input
+                v-model="queryParam.name"
+                placeholder="请输入"
+              ></el-input>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" @click="searchQuery">查询</el-button>
+              <el-button type="primary" plain @click="searchReset"
+                >重置</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+      </div>
+      <div class="tableWrap">
+        <gMainTable
+          ref="gMainTable"
+          :tableData="dataSource"
+          :columns="columns"
+          rowKey="id"
+          :pagination="ipagination"
+          @pageSizeChange="handlePageSizeChange"
+          @currentPageChange="handleCurrentPageChange"
+        >
+          <template v-slot:optSlot="{ scope }">
+            <el-link type="primary" @click="checkDetail(scope.row)"
+              >详情
+            </el-link>
+          </template>
+        </gMainTable>
+      </div>
+      <FormDialog
+        ref="formDialog"
+        :formItems="formItems"
+        :cancelBtn="false"
+        :submitBtn="false"
+        :closeBtn="true"
+      >
+      </FormDialog>
+    </div>
+  </el-card>
+</template>
+
+<script>
+import { tableListMixins } from "@/loveflow/mixins/tableListMixins";
+export default {
+  mixins: [tableListMixins],
+  data() {
+    return {
+      columns: [
+        {
+          prop: "name",
+          label: "企业名称",
+        },
+        {
+          prop: "card",
+          label: "社会信用代码",
+        },
+        {
+          prop: "tel",
+          label: "法人姓名",
+        },
+        {
+          prop: "address",
+          label: "企业类型",
+        },
+        {
+          prop: "address0",
+          label: "注册资本",
+        },
+        {
+          prop: "address1",
+          label: "成立日期",
+        },
+        {
+          prop: "address2",
+          label: "地址",
+        },
+        {
+          prop: "address3",
+          label: "登记状态",
+        },
+        {
+          slot: "optSlot",
+          prop: "name",
+          label: "操作",
+        },
+      ],
+      formItems: [
+        {
+          type: "slot",
+          slot: "baseSlot",
+          itemAttrs: {
+            label: "基本信息",
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业名称",
+            span: 11,
+          },
+          attrs: {
+            model: "name",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "法人姓名",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "社会信用代码",
+            span: 11,
+          },
+          attrs: {
+            model: "card",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "企业类型",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "注册资本",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "成立日期",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "核准日期",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "营业日期",
+            span: 11,
+          },
+          attrs: {
+            model: "phone",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "登记机关",
+            span: 11,
+          },
+          attrs: {
+            model: "mz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "登记状态",
+            span: 11,
+          },
+          attrs: {
+            model: "hj",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "紧急人姓名",
+            span: 11,
+          },
+          attrs: {
+            model: "jz",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "紧急人电话",
+            span: 11,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "地址",
+            span: 22,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+        {
+          type: "input",
+          itemAttrs: {
+            label: "经营范围",
+            span: 22,
+          },
+          attrs: {
+            model: "jd",
+            value: "",
+            placeholder: "",
+            disabled: true,
+          },
+        },
+      ],
+    };
+  },
+  methods: {
+    checkDetail(obj) {
+      this.$refs.formDialog.openDialog("detail", obj);
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+@import url("../index.less");
+</style>