diff --git a/src/api/customerManagement/areaCode.js b/src/api/customerManagement/areaCode.js
new file mode 100644
index 0000000..06832e0
--- /dev/null
+++ b/src/api/customerManagement/areaCode.js
@@ -0,0 +1,98 @@
+import request from '@/utils/request'
+var service_name = 'oil-dict'
+var group_name = 'areaCode'
+export default {
+  getByPage(page) { // 分页查询
+    return request({
+      url: `/${service_name}/${group_name}/getByPage`,
+      notEncrypt: true,
+      method: 'post',
+      data: page
+    })
+  },
+  save(areaCode) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/save`,
+      notEncrypt: true,
+      method: 'post',
+      data: areaCode
+    })
+  },
+  get(id) { // 根据id查询
+    return request({
+      url: `/${service_name}/${group_name}/get/${id}`,
+      notEncrypt: true,
+      method: 'get'
+    })
+  },
+  getTree() { // 树状查询
+    return request({
+      url: `/${service_name}/${group_name}/getTree`,
+      notEncrypt: true,
+      method: 'get'
+    })
+  },
+  treeListNoCounty() { // 树状查询没有区
+    return request({
+      url: `/${service_name}/${group_name}/treeListNoCounty`,
+      notEncrypt: true,
+      method: 'get'
+    })
+  },
+  update(areaCode) { // 更新
+    return request({
+      url: `/${service_name}/${group_name}/update`,
+      notEncrypt: true,
+      method: 'put',
+      data: areaCode
+    })
+  },
+  exportExcel(page) { // 导出
+    return request({
+      url: `/${service_name}/${group_name}/export`,
+      notEncrypt: true,
+      method: 'post',
+      data: page,
+      responseType: 'blob'
+    })
+  },
+  exportSiteWeb(page) { // 导出
+    return request({
+      url: `/oil-finance/oilOrderInfoExcel/exportSiteWeb`,
+      notEncrypt: true,
+      method: 'post',
+      data: page,
+      responseType: 'blob'
+    })
+  },
+  deleteById(id) { // 根据id删除
+    return request({
+      url: `/${service_name}/${group_name}/delete`,
+      notEncrypt: true,
+      method: 'put',
+      data: { id: id }
+    })
+  },
+  getGroupList() { // 分组查询  最终查询的结果是省市县各一个集合
+    return request({
+      url: `/${service_name}/${group_name}/getGroupList`,
+      notEncrypt: true,
+      method: 'get'
+    })
+  },
+  areaCodeProvince() { // 分组查询  最终查询的结果是省市县各一个集合
+    return request({
+      url: `/${service_name}/${group_name}/areaCodeProvince`,
+      notEncrypt: true,
+      method: 'get'
+    })
+  },
+  findAllByName(name) { // 分组查询  最终查询的结果是省市县各一个集合
+    return request({
+      url: `/oil-site/sysSheet/findAllByName`,
+      method: 'get',
+      params:name
+    })
+  }
+  
+}
diff --git a/src/api/customerManagement/oilCompanyAuth.js b/src/api/customerManagement/oilCompanyAuth.js
new file mode 100644
index 0000000..596f6ff
--- /dev/null
+++ b/src/api/customerManagement/oilCompanyAuth.js
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+var service_name = 'oil-user'
+var group_name = 'oilCompanyAuth'
+export default {
+  getByPage(page) { // 分页查询
+    return request({
+      url: `/${service_name}/${group_name}/getByPage`,
+      method: 'post',
+      data: page
+    })
+  },
+  save(oilCompanyAuth) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/save`,
+      method: 'post',
+      data: oilCompanyAuth
+    })
+  },
+  get(id) { // 根据id查询
+    return request({
+      url: `/${service_name}/${group_name}/get/${id}`,
+      method: 'get'
+    })
+  },
+  update(oilCompanyAuth) { // 更新
+    return request({
+      url: `/${service_name}/${group_name}/update`,
+      method: 'put',
+      data: oilCompanyAuth
+    })
+  },
+  exportExcel(page) { // 导出
+    return request({
+      url: `/${service_name}/${group_name}/export`,
+      method: 'post',
+      notEncrypt: true,
+      data: page,
+      responseType: 'blob'
+    })
+  },
+  deleteById(id) { // 根据id删除
+    return request({
+      url: `/${service_name}/${group_name}/delete`,
+      method: 'put',
+      data: { id: id }
+    })
+  },
+  getByCompanyId(id) { // 根据企业编号查询
+    return request({
+      url: `/${service_name}/${group_name}/getByCompanyId/${id}`,
+      method: 'get'
+    })
+  }
+}
diff --git a/src/api/customerManagement/oilCompanyInfo.js b/src/api/customerManagement/oilCompanyInfo.js
new file mode 100644
index 0000000..ebb45ce
--- /dev/null
+++ b/src/api/customerManagement/oilCompanyInfo.js
@@ -0,0 +1,283 @@
+import request from "@/utils/request";
+var service_name = "oil-user";
+var group_name = "oilCompanyInfo";
+export default {
+    getByPage(page) {
+        // 分页查询
+        return request({
+            url: `/${service_name}/${group_name}/getByPage`,
+            method: "post",
+            data: page,
+        });
+    },
+    save(oilCompanyInfo) {
+        // 保存
+        return request({
+            url: `/${service_name}/${group_name}/save`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    get(id) {
+        // 根据id查询
+        return request({
+            url: `/${service_name}/${group_name}/get/${id}`,
+            method: "get",
+        });
+    },
+    update(oilCompanyInfo) {
+        // 更新
+        return request({
+            url: `/${service_name}/${group_name}/update`,
+            method: "put",
+            data: oilCompanyInfo,
+        });
+    },
+    exportExcel(page) {
+        // 导出
+        return request({
+            url: `/oil-finance/oilOrderInfoExcel/exportExcel`,
+            method: "post",
+            // notEncrypt: true,
+            data: page,
+            responseType: "blob",
+        });
+    },
+    deleteById(id) {
+        // 根据id删除
+        return request({
+            url: `/${service_name}/${group_name}/delete`,
+            method: "put",
+            data: { id: id },
+        });
+    },
+
+    getAllCompany() {
+        // 获取全部可用企业
+        return request({
+            url: `/${service_name}/${group_name}/getAllCompany`,
+            method: "get",
+        });
+    },
+    getLikeByName(oilCompanyInfo) {
+        // 根据企业名称模糊搜索
+        return request({
+            url: `/${service_name}/${group_name}/getLikeByName`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getRelationSite(oilCompanyInfo) {
+        // 根据企业名称模糊搜索
+        return request({
+            url: `/oil-site/oilSiteInfo/getRelationSite`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getByEntity(oilCompanyInfo) {
+        // 模糊查询
+        return request({
+            url: `/${service_name}/${group_name}/getByEntity`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getSubCompany(oilCompanyInfo) {
+        // 查询子公司或者同级公司和总公司
+        return request({
+            url: `/${service_name}/${group_name}/getSubCompany`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getLikeByNameOrId(oilCompanyInfo) {
+        // 根据企业名称模糊搜索
+        return request({
+            url: `/${service_name}/${group_name}/getLikeByNameOrId`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getLikeByNameMainCompany(oilCompanyInfo) {
+        // 根据企业名称模糊搜索
+        return request({
+            url: `/${service_name}/${group_name}/getLikeByNameMainCompany`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    getLikeByNameAndId(oilCompanyInfo) {
+        // 根据企业名称和企业编号,模糊搜索不等于当前公司的其他公司
+        return request({
+            url: `/${service_name}/${group_name}/getLikeByNameAndId`,
+            method: "post",
+            data: oilCompanyInfo,
+        });
+    },
+    updateBatchEnable(data) {
+        // 批量修改启用禁用状态
+        return request({
+            url: `/${service_name}/${group_name}/updateBatchEnable`,
+            method: "post",
+            data,
+        });
+    },
+    openShareDistribute(data) {
+        // 批量修改启用禁用状态
+        return request({
+            url: `/${service_name}/${group_name}/openShareDistribute`,
+            method: "post",
+            data,
+        });
+    },
+    audit(data) {
+        // 审核
+        return request({
+            url: `/${service_name}/${group_name}/audit`,
+            method: "post",
+            data,
+        });
+    },
+    getLikeByNameSuccess(data) {
+        // 根据企业名称模糊搜索可用企业
+        return request({
+            url: `/${service_name}/${group_name}/getLikeByNameSuccess`,
+            method: "post",
+            data,
+        });
+    },
+    getByUserId(id) {
+        // 根据用户id查询
+        return request({
+            url: `/${service_name}/${group_name}/getByUserId/${id}`,
+            method: "get",
+        });
+    },
+    getByCustomerId(id) {
+        // 查询用户关联调度企业
+        return request({
+            url: `/${service_name}/oilCustomerDispatchRelation/getByCustomerId/${id}`,
+            method: "get",
+        });
+    },
+    getRefineryByCustomerId(id) {
+        // 查询用户关联油批企业
+        return request({
+            url: `/${service_name}/oilCustomerDispatchRelation/getRefineryByCustomerId/${id}`,
+            method: "get",
+        });
+    },
+    getByRole(data, userId) {
+        // 根据角色获取对应的企业
+        return request({
+            url: `/${service_name}/${group_name}/getByRole/${userId}`,
+            method: "post",
+            data,
+        });
+    },
+    getLike(value) {
+        // 模糊搜索企业
+        return request({
+            url: `/${service_name}/${group_name}/getLike/${value}`,
+            method: "get",
+        });
+    },
+    getCompanyListCustomer(id) {
+        // 获取发起公司列表
+        return request({
+            url: `/${service_name}/${group_name}/getCompanyListCustomer`,
+            method: "get",
+        });
+    },
+    getCompanyList(id) {
+        return request({
+            url: `/${service_name}/${group_name}/getCompanyList`,
+            method: "get",
+        });
+    },
+    getSubCompanyListCustomer(id) {
+        // 获取接收公司列表
+        return request({
+            url: `/${service_name}/${group_name}/getSubCompanyListCustomer`,
+            method: "get",
+        });
+    },
+    // 获取企业列表（远程搜索）
+    getCompanyNames(name) {
+        return request({
+            url: `/${service_name}/${group_name}/getCompanyNames/${name}`,
+            method: "get",
+        });
+    },
+    // 获取企业列表（远程搜索）
+    // getLikeByNameMainCompany(data) {
+    //     return request({
+    //         url: `/${service_name}/${group_name}/getLikeByNameMainCompany`,
+    //         method: "post",
+    //         data,
+    //     });
+    // },
+    // 企业用户手机号验证
+    validatePhoneUserRolePermissions(data) {
+        return request({
+            url: `/${service_name}/oilCustomerCompanyRelation/validatePhoneUserRolePermissions`,
+            method: "post",
+            data,
+        });
+    },
+    findByUserId(data) {
+        return request({
+            url: `/oil-user/etcUserCustomer/findByUserId`,
+            method: "get",
+            params: data,
+        });
+    },
+    findAllCustomerList(data) {
+        return request({
+            url: `/lsm-etc-service/etcCustomer/findAllCustomerList`,
+            method: "get",
+            params: data,
+        });
+    },
+    // deleteById(data) {
+    //     return request({
+    //         url: `/oil-user/etcUserCustomer/deleteById`,
+    //         method: "get",
+    //         params: data,
+    //     });
+    // },
+    getByCompanyId(companyId) {
+        return request({
+            url: `/oil-finance/oilCompanyBankCard/getByCompanyId/${companyId}`,
+            method: "get",
+        });
+    },
+    saveBatchCompanyRelationBank(data) {
+        return request({
+            url: `/oil-finance/oilCompanyBankCard/saveBatchCompanyRelationBank`,
+            method: "post",
+            data,
+        });
+    },
+    countByCompanyId(id) {
+        return request({
+            url: `/oil-site/oilCompanySiteInfoRelation/countByCompanyId/${id}`,
+            method: "get",
+        });
+    },
+    export(id) {
+        return request({
+            url: `/oil-site/oilCompanySiteInfoRelation/export/${id}`,
+            method: "get",
+            responseType: "blob",
+        });
+    },
+    importSave(data) {
+        return request({
+            url: `/oil-site/oilCompanySiteInfoRelation/importSave`,
+            method: "post",
+            data,
+        });
+    },
+};
diff --git a/src/api/user/sysCustomerInfo.js b/src/api/user/sysCustomerInfo.js
new file mode 100644
index 0000000..f5331fb
--- /dev/null
+++ b/src/api/user/sysCustomerInfo.js
@@ -0,0 +1,196 @@
+import request from '@/utils/request'
+var service_name = 'oil-user'
+var group_name = 'sysCustomerInfo'
+export default {
+  getByPage(page) { // 分页查询
+    return request({
+      url: `/${service_name}/${group_name}/getByPage`,
+      method: 'post',
+      data: page
+    })
+  },
+  save(sysCustomerInfo) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/save`,
+      method: 'post',
+      data: sysCustomerInfo
+    })
+  },
+  get(id) { // 根据id查询
+    return request({
+      url: `/${service_name}/${group_name}/get/${id}`,
+      method: 'get'
+    })
+  },
+  getByBusinessLeader(businessLeader) { // 根据id删除
+    return request({
+      url: `/${service_name}/${group_name}/getByBusinessLeader`,
+      method: 'get',
+      params: {
+        businessLeader
+      }
+    })
+  },
+  findAll() { // 根据id查询
+    return request({
+      url: `/${service_name}/${group_name}/findAll`,
+      method: 'get'
+    })
+  },
+  getTodayRegister() { // 查询当日新增会员
+    return request({
+      url: `/${service_name}/${group_name}/getTodayRegister`,
+      method: 'get'
+    })
+  },
+  getYesterdayData() { // 查询当日新增会员
+    return request({
+      url: `/${service_name}/${group_name}/getYesterdayData`,
+      method: 'get'
+    })
+  },
+  getLoginCount() { // 查询当前登录人数
+    return request({
+      url: `/${service_name}/${group_name}/getLoginCount`,
+      method: 'get'
+    })
+  },
+  findByBusinessLeader(businessLeader) { // 查询当前登录人数
+    return request({
+      url: `/${service_name}/${group_name}/findByBusinessLeader`,
+      method: 'get',
+      params: {
+        businessLeader
+      }
+    })
+  },
+  getTotalCount() { // 查询用户总数
+    return request({
+      url: `/${service_name}/${group_name}/getTotalCount`,
+      method: 'get'
+    })
+  },
+  update(sysCustomerInfo) { // 更新
+    return request({
+      url: `/${service_name}/${group_name}/update`,
+      method: 'put',
+      data: sysCustomerInfo
+    })
+  },
+  exportExcel(page) { // 导出
+    return request({
+      url: `/${service_name}/${group_name}/export`,
+      method: 'post',
+      notEncrypt: true,
+      data: page,
+      responseType: 'blob'
+    })
+  },
+  deleteById(id) { // 根据id删除
+    return request({
+      url: `/${service_name}/${group_name}/delete`,
+      method: 'put',
+      data: { id: id }
+    })
+  },
+  updateBatchEnalbe(data) { // 批量修改启用禁用状态
+    return request({
+      url: `/${service_name}/${group_name}/updateBatchEnalbe`,
+      method: 'post',
+      data
+    })
+  },
+  liekQuery(value) { // 模糊搜索
+    return request({
+      url: `/${service_name}/${group_name}/liekQuery/${value}`,
+      method: 'get'
+    })
+  },
+  searchInfo(value) { // 根据手机号、编号、姓名查询
+    return request({
+      url: `/${service_name}/${group_name}/searchInfo/${value}`,
+      method: 'get'
+    })
+  },
+  getByPhone(phone) { // 模糊搜索
+    return request({
+      url: `/${service_name}/${group_name}/getByPhone/${phone}`,
+      method: 'get'
+    })
+  },
+  getByPhoneNoGlobalEnable(phone) { // 根据用户手机号查询
+    return request({
+      url: `/${service_name}/${group_name}/getByPhoneNoGlobalEnable/${phone}`,
+      method: 'get'
+    })
+  },
+  getListByPhoneNoGlobalEnable(phone) { // 根据用户手机号查询
+    return request({
+      url: `/${service_name}/${group_name}/getListByPhoneNoGlobalEnable/${phone}`,
+      method: 'get'
+    })
+  },
+  saveDriver(sysCustomerInfo) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/saveDriver`,
+      method: 'post',
+      data: sysCustomerInfo
+    })
+  },
+  getDriverByPage(page) { // 获取司机列表
+    return request({
+      url: `/${service_name}/${group_name}/getDriverByPage`,
+      method: 'post',
+      data: page
+    })
+  },
+  getByPages(page) { // 获取司机列表
+    return request({
+      url: `/${service_name}/${group_name}/getByPages`,
+      method: 'post',
+      data: page
+    })
+  },
+  getCompanyDrivers(sysCustomerInfo) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/getCompanyDrivers`,
+      method: 'post',
+      data: sysCustomerInfo
+    })
+  },
+  getCompanyDriversOwn(sysCustomerInfo) { // 保存
+    return request({
+      url: `/${service_name}/${group_name}/getCompanyDriversOwn`,
+      method: 'post',
+      data: sysCustomerInfo
+    })
+  },
+  // 根据用户编号查询
+  getUserNameMaps() {
+    return request({
+      url: `/${service_name}/${group_name}/getAllUserNameMaps`,
+      method: 'get'
+    })
+  },
+  userPermissionUpdate(data) { // 企业用户信息修改
+    return request({
+      url: `/${service_name}/oilCustomerCompanyRelation/userPermissionUpdate`,
+      method: 'post',
+      data
+    })
+  },
+  getRechargeCode(data) { // 获取操作码
+    return request({
+      url: `/oil-finance/lc/getRechargeCode`,
+      method: 'post',
+      data
+    })
+  },
+  userPermissionSave(data) { // 添加企业用户
+    return request({
+      url: `/${service_name}/oilCustomerCompanyRelation/userPermissionSave`,
+      method: 'post',
+      data
+    })
+  },
+}
diff --git a/src/views/customerManagement/companyAuth/OilCompanyAuthAdd.vue b/src/views/customerManagement/companyAuth/OilCompanyAuthAdd.vue
new file mode 100644
index 0000000..9d705eb
--- /dev/null
+++ b/src/views/customerManagement/companyAuth/OilCompanyAuthAdd.vue
@@ -0,0 +1,356 @@
+<template>
+  <div style="padding:30px 75px 50px;">
+    <div style="width:100%;position: absolute;top: 15px;left: 0;">
+      <div style="display: flex;
+    align-items: center;padding-left: 20px;">
+        <svg-icon
+        icon-class="iconsiji2"
+        style="font-size: 30px;margin-right: 10px;"
+      />
+      <span>添加认证信息</span>
+      </div>
+      <el-divider style="width:100%"></el-divider>
+    </div>
+    <el-row>
+      <el-form ref="form" :rules="rules" :model="oilCompanyAuth" label-width="100px" :size="$store.getters.size">
+        <el-row :gutter="gridNum.row.gutter">
+
+          <el-col :span="12">
+            <el-form-item label="企业名称" prop="companyName">
+              <el-input v-model="oilCompanyAuth.companyName" clearable disabled/>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="注册省市区" prop="addrCode">
+              <el-cascader
+                v-model="addrCode"
+                placeholder="注册省市区"
+                :size="$store.getters.size"
+                style="width: 100%"
+                :options="areaTree"
+                :props="{value:'id', label:'areaName', children:'childList'}"
+                filterable
+                clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="详细地址" prop="address">
+              <el-input v-model="oilCompanyAuth.address" clearable placeholder="不包含省市区" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="法人代表" prop="companyLegalPerson">
+              <el-input v-model="oilCompanyAuth.companyLegalPerson" clearable placeholder="法人姓名" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="注册资本" prop="registeredCapital">
+              <el-input v-model="oilCompanyAuth.registeredCapital" clearable placeholder="小写数字" />
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="12">
+            <el-form-item label="经营资质" prop="businessQualia">
+              <el-input v-model="oilCompanyAuth.businessQualia" clearable placeholder="企业经营资质" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系方式" prop="contactPhone">
+              <el-input v-model="oilCompanyAuth.contactPhone" clearable placeholder="手机号" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业网址" prop="website">
+              <el-input v-model="oilCompanyAuth.website" clearable placeholder="企业门户" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+          <el-col :span="12">
+          <el-form-item label="营业执照号码" prop="businessLienceId">
+              <el-input v-model="oilCompanyAuth.businessLienceId" clearable placeholder="营业执照号码" />
+            </el-form-item></el-col>
+
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="打款名称" prop="bankCardName">
+              <el-input v-model="oilCompanyAuth.bankCardName" placeholder="请输入打款名称" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="银行卡号" prop="bankCardNo">
+              <el-input v-model="oilCompanyAuth.bankCardNo" placeholder="请输入银行卡号" clearable />
+            </el-form-item>
+          </el-col>
+              <el-col :span="12">
+            <el-form-item  label="开户行名称" prop="bankName">
+              <el-select
+               @clear="oilCompanyAuth.interBankCode=''"
+               :loading="loading"
+               filterable
+               @change="handleSelect"
+               :remote-method="userRemoteMethod"
+               remote
+               style="width:100%"
+               v-model="oilCompanyAuth.bankName"
+               placeholder="请输入开户行名称或联行号"
+               clearable >
+               <el-option
+                  v-for="item in userList"
+                  :key="item.id"
+                  :label="item.bankName"
+                  :value="item.bankName"
+                />
+              </el-select>
+              <el-button type="text" icon="el-icon-document-copy" size="mini" @click="copyBankName(oilCompanyAuth.bankName,$event)" />
+            </el-form-item>
+          </el-col>
+           <el-col :span="12">
+            <el-form-item  label="联行号" prop="interBankCode">
+              <el-input :disabled="true" v-model="oilCompanyAuth.interBankCode" placeholder="根据请输入开户行名称自动匹配" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="经营范围" prop="businessScope">
+              <el-input v-model="oilCompanyAuth.businessScope" type="textarea" clearable placeholder="经营范围" />
+            </el-form-item>
+          </el-col> -->
+          <el-col :span="24">
+            <el-form-item label="营业执照照片" prop="businessLienceImg">
+              <el-upload
+                action="/lsm/ocr/business"
+                list-type="picture-card"
+                :on-preview="businessLienceImgPreview"
+                :on-success="businessLienceImgSuccess"
+                :before-upload="imgCompress"
+                :on-remove="businessLienceImgRemove"
+                :limit="1"
+              >
+                <i class="el-icon-plus" />
+              </el-upload>
+            </el-form-item>
+            <el-dialog
+              v-el-drag-dialog
+              :visible.sync="imgeDialogVisible"
+              title="营业执照"
+              :modal="false"
+            >
+              <img width="100%" :src="oilCompanyAuth.ibusinessLienceImgImageShow" alt="">
+            </el-dialog>
+          </el-col>
+          <!-- <el-col :span="12">
+            <el-form-item label="是否审核通过" prop="auth">
+              <el-switch
+                v-model="oilCompanyAuth.auth"
+                active-color="#13ce66"
+                inactive-color="#ff4949"
+              />
+            </el-form-item>
+          </el-col> -->
+
+        </el-row>
+      </el-form>
+    </el-row>
+    <div :span="24" style="background:#fff;margin-top:20px;text-align: right;width:100%;position: absolute;bottom: 15px;left: 0;">
+          <el-divider style="width:100%"></el-divider>
+          <el-button @click="close">取消</el-button>
+            <el-button type="primary" @click="submit" style="margin-right:10px">提交</el-button>
+        </div>
+  </div>
+</template>
+<script>
+import oilCompanyAuthApi from '@/api/customerManagement/oilCompanyAuth'
+import AreaCodeApi from '@/api/customerManagement/areaCode'
+import { imgCompress } from '@/utils'
+import axios from 'axios'
+
+export default {
+  props: {
+    oilCompanyInfo: {
+      type: Object,
+      default() {
+
+      }
+    }
+  },
+  data() {
+    return {
+      gridNum: {
+        row: {
+          gutter: 2
+        },
+        cols: {
+          xs: 24,
+          sm: 24,
+          md: 12,
+          lg: 12,
+          xl: 6
+        }
+      },
+      loading:false,
+      imgCompress,
+      userList:[],
+      uploadUrl: process.env.VUE_APP_UPLOAD_PRIVATE_URL, // 加密图片url
+      imgeDialogVisible: false,
+      areaTree: [], // 省市区树形结构
+      addrCode: [], // 省市区code
+      oilCompanyAuth: {
+        companyId: undefined,
+        companyName: undefined,
+        provinceCode: undefined,
+        cityCode: undefined,
+        areaCode: undefined,
+        businessLienceImg: undefined,
+        businessLienceImgImageShow: undefined,
+        address: undefined,
+        companyLegalPerson: undefined,
+        registeredCapital: undefined,
+        businessScope: undefined,
+        businessQualia: undefined,
+        contactPhone: undefined,
+        website: undefined,
+        businessLienceId: undefined,
+        auth: false,
+        auditMark: undefined,
+        createSource: 'WEBM'
+      },
+      rules: {
+        companyName: [
+          { required: true, message: '请输入企业名称', trigger: 'blur' },
+          { min: 3, max: 50, message: '长度在 3 到 50 个字符', trigger: 'blur' }
+        ],
+        bankCardName:[
+          { required: true, message: '请输入打款名称', trigger: 'blur' },
+        ],
+        bankCardNo:[
+          { required: true, message: '请输入银行卡号', trigger: 'blur' },
+        ],
+        bankName:[
+          { required: true, message: '请输入开户行名称', trigger: 'change' },
+        ],
+        interBankCode:[
+          { required: true, message: '请输入联行号', trigger: 'blur' },
+        ],
+        address: [
+          { min: 1, max: 300, message: '长度在 1 到 300 个字符', trigger: 'blur' }
+        ],
+        companyLegalPerson: [
+          { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
+        ],
+        registeredCapital: [
+          { pattern: /^\d*$/, message: '只能输入数值' }
+        ],
+        businessQualia: [
+          { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
+        ],
+        contactPhone: [
+          { pattern: /^1[3456789]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
+
+        ],
+        website: [
+          { pattern: /^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\*\+,;=.]+$/, message: '请输入正确网址' }
+        ],
+        businessLienceId: [
+          { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
+        ],
+        businessScope: [
+          { min: 1, max: 255, message: '长度在 1 到 255 个字符', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  created() {
+    this.oilCompanyAuth.companyId = this.oilCompanyInfo.id
+    this.oilCompanyAuth.companyName = this.oilCompanyInfo.name
+    AreaCodeApi.getTree().then(res => {
+      this.areaTree = res.data
+    })
+  },
+  methods: {
+    handleSelect(e){
+      console.log(e)
+      if(e){
+        console.log(this.userList.filter((item,index)=>item.bankName==e)[0].cnaps);
+        this.oilCompanyAuth.interBankCode = this.userList.filter((item,index)=>item.bankName==e)[0].cnaps
+      }
+    },
+    userRemoteMethod(queryString){
+        this.loading = true;
+        if(this.timer){
+          clearTimeout(this.timer)
+      }
+        this.timer = setTimeout(()=>{
+         AreaCodeApi.findAllByName({name:queryString}).then(res=>{
+           this.loading = false
+            this.userList = res.data
+      })
+      },300)
+
+    },
+    businessLienceImgPreview(file) { // 查询大图
+      this.oilCompanyAuth.ibusinessLienceImgImageShow = file.url
+      this.imgeDialogVisible = true
+    },
+    businessLienceImgSuccess(response, file) { // 营业执照上传成功
+      if (response.code === '0') {
+        this.oilCompanyAuth.businessLienceId = response.data.words_result.creditCode.words
+        this.oilCompanyAuth.companyName = response.data.words_result.unitName.words
+        this.oilCompanyAuth.companyLegalPerson = response.data.words_result.legal.words
+        this.oilCompanyAuth.businessScope = response.data.words_result.scope.words
+      }
+
+      imgCompress(file.raw).then(res => {
+        const form = new FormData()
+        res.fileName = file.fileName
+        form.append('file', res)
+        form.append('code', 'A003')
+
+        // 上传到oss
+        axios.post(this.uploadUrl, form, { headers: { 'Content-type': 'application/x-www-form-urlencoded' }}).then(res => {
+          if (res.data.code === 20000) {
+            this.oilCompanyAuth.businessLienceImg = res.data.data.path
+          }
+        })
+      })
+    },
+    businessLienceImgRemove() { // 营业执照删除
+      this.oilCompanyAuth.ibusinessLienceImgImageShow = undefined
+      this.oilCompanyAuth.businessLienceImg = undefined
+    },
+    submit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.save(this.oilCompanyAuth)
+        }
+      })
+    },
+    save() {
+      const data = { ...this.oilCompanyAuth }
+      if (data.auth) {
+        data.auditMark = 1
+      } else {
+        data.auditMark = 2
+      }
+      if (this.addrCode.length > 1) {
+        data.provinceCode = this.addrCode[0]
+        data.cityCode = this.addrCode[1]
+        data.areaCode = this.addrCode[2]
+      }
+      // 保存
+      oilCompanyAuthApi.save(data).then(res => {
+        this.$message.success(res.msg)
+        this.$emit('closeDialog')
+        this.$emit('getByPage')
+      })
+    },
+    close() {
+      this.$emit('closeDialog')
+    }
+  }
+}
+</script>
+<style scoped>
+.el-divider--horizontal{
+  margin: 10px 0;
+  }
+</style>
diff --git a/src/views/customerManagement/companyManagement/OilCompanyInfoAdd.vue b/src/views/customerManagement/companyManagement/OilCompanyInfoAdd.vue
new file mode 100644
index 0000000..b999698
--- /dev/null
+++ b/src/views/customerManagement/companyManagement/OilCompanyInfoAdd.vue
@@ -0,0 +1,201 @@
+<template>
+  <div>
+    <el-row>
+      <el-form ref="form" :rules="rules" :model="oilCompanyInfo" label-width="100px" :size="$store.getters.size">
+        <el-row :gutter="gridNum.row.gutter">
+          <el-col :span="12">
+            <el-form-item label="企业名称" prop="name">
+              <el-input v-model="oilCompanyInfo.name" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业简称" prop="abbreviaName">
+              <el-input v-model="oilCompanyInfo.abbreviaName" clearable />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司级别" prop="parentMark">
+              <el-select v-model="oilCompanyInfo.parentMark" placeholder="请选择">
+                <el-option label="主体公司" :value="0" />
+                <el-option label="分公司" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col v-if="oilCompanyInfo.parentMark === 1" :span="12">
+            <el-form-item label="上级公司" prop="parentId">
+              <el-select v-model="oilCompanyInfo.parentId" remote filterable :remote-method="companyOrginQuery" style="width: 100%" placeholder="请输入公司名称">
+                <el-option
+                  v-for="item in queryCompanyList"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业性质" prop="companyNature">
+              <el-select v-model="oilCompanyInfo.companyNature" placeholder="请选择">
+                <el-option label="零售客户" :value="0" />
+                <el-option label="外请客户" :value="1" />
+                <el-option label="渠道客户" :value="2" />
+                <el-option label="存量客户" :value="3" />
+                <el-option label="批发客户" :value="4" />
+                <el-option label="LNG客户" :value="5" />
+                <el-option label="推广业务" :value="6" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="账户类型" prop="companyType">
+              <el-select v-model="oilCompanyInfo.companyType" placeholder="请选择">
+                <el-option label="柴油账户" :value="0" />
+                <el-option label="LNG账户" :value="2" />
+                <el-option label="汽油账户" :value="1" />
+                <el-option label="尿素账户" :value="3" />
+                <el-option label="油批账户" :value="4" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="企业负责人" prop="businessLeader">
+              <el-select
+                v-model="oilCompanyInfo.businessLeader"
+                clearable
+                filterable
+                remote
+                reserve-keyword
+                placeholder="企业负责人姓名或联系方式"
+                :remote-method="userRemoteMethod"
+              >
+                <el-option
+                  v-for="item in userList"
+                  :key="item.id"
+                  :label="item.phone+'('+(item.nickName?item.nickName+'-':'')+item.userCode+')'"
+                  :value="item.id"
+                />
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="公司对接类型" prop="companyDockType">
+              <el-select v-model="oilCompanyInfo.companyDockType" placeholder="请选择">
+                <el-option label="对接客户" :value="0" />
+                <el-option label="平台客户" :value="1" />
+              </el-select>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-col :span="24" style="text-align: right">
+          <el-button @click="close">取消</el-button>
+          <el-button
+            :disabled="!twoNo"
+            type="primary"
+            @click="submit"
+          >提交</el-button>
+        </el-col>
+      </el-form>
+    </el-row>
+  </div>
+</template>
+<script>
+import oilCompanyInfoApi from '@/api/customerManagement/oilCompanyInfo'
+import sysCustomerInfoApi from '@/api/user/sysCustomerInfo'
+export default {
+  data() {
+    return {
+      queryCompanyList: [], // 企业列表
+      twoNo:true,
+      gridNum: {
+        row: {
+          gutter: 2
+        },
+        cols: {
+          xs: 24,
+          sm: 24,
+          md: 12,
+          lg: 12,
+          xl: 6
+        }
+      },
+      oilCompanyInfo: {
+        name: undefined,
+        abbreviaName: undefined,
+        parentMark: 0,
+        parentId: undefined,
+        companyNature: 0,
+        companyType:0,
+        createSource: 'WEBM',
+        enableMark: 1,
+        auditMark: 0
+      },
+      userList: [],
+      rules: {
+        name: [
+          { required: true, message: '请输入企业名称', trigger: 'blur' },
+          { min: 3, max: 50, message: '长度在 3 到 50 个字符', trigger: 'blur' }
+        ],
+        abbreviaName: [
+          { min: 1, max: 50, message: '长度在 1 到 50 个字符', trigger: 'blur' }
+        ],
+        parentMark: [
+          { required: true, message: '请选择是否主体公司', trigger: 'change' }
+        ],
+        companyNature: [
+          { required: true, message: '请选择企业性质', trigger: 'change' }
+        ],
+        companyType: [
+          { required: true, message: '请选择账户类型', trigger: 'change' }
+        ],
+        parentId: [
+          { required: true, message: '请选择上级公司', trigger: 'change' }
+        ]
+      }
+    }
+  },
+  created() {
+  },
+  methods: {
+    companyOrginQuery(value) { // 远程搜索
+      if (value) {
+        oilCompanyInfoApi.getLikeByName({ 'name': value }).then(res => {
+          this.queryCompanyList = res.data
+        })
+      }
+    },
+    userRemoteMethod(value) { // 远程搜索
+    if (value) {
+      sysCustomerInfoApi.liekQuery(value).then(res => {
+        this.userList = res.data
+      })
+    }
+    },
+    submit() {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          this.save(this.oilCompanyInfo)
+          this.twoNo = false
+          setTimeout(()=>{
+            this.twoNo=true
+          },1000)
+        }
+      })
+    },
+
+    save() {
+      if (this.oilCompanyInfo.parentMark === 0) {
+        this.oilCompanyInfo.parentId = 0
+      }
+      // 保存
+      oilCompanyInfoApi.save(this.oilCompanyInfo).then(res => {
+        this.$message.success(res.msg)
+        this.$emit('closeDialog')
+        this.$emit('getByPage')
+      })
+    },
+    close() {
+      this.$emit('closeDialog')
+    }
+  }
+}
+</script>
diff --git a/src/views/customerManagement/companyManagement/index.vue b/src/views/customerManagement/companyManagement/index.vue
index 0478afb..7efd1f8 100644
--- a/src/views/customerManagement/companyManagement/index.vue
+++ b/src/views/customerManagement/companyManagement/index.vue
@@ -1,176 +1,242 @@
 <template>
   <div class="enterprise-recharge-details">
     <div class="frame">
-      <!-- 公司名称 -->
-      <autocomplete
-        class="mr20"
-        :params="parameter.params"
-        :config="configAutocomplete"
-      />
-      <!-- 业务负责人 -->
-      <autocomplete
-        :params="parameter.params"
-        :config="configAutocompleteSec"
-      />
-      <el-select
-        v-model="parameter.params.enableMark"
-        placeholder="交易类型"
-        clearable
-      >
-        <el-option
-          v-for="(item, index) in rechargeTypeEnum"
-          :key="index"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-      <el-select
-        v-model="parameter.params.enableMark"
-        placeholder="交易状态"
-        clearable
-      >
-        <el-option
-          v-for="(item, index) in rechargeStatusEnum"
-          :key="index"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-      <el-select
-        v-model="parameter.params.enableMark"
-        placeholder="赊账还款审核"
-        clearable
-      >
-        <el-option
-          v-for="(item, index) in repaymentExamineEnum"
-          :key="index"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
-      <el-date-picker
-        v-model="datetime"
-        type="datetimerange"
-        align="right"
-        start-placeholder="开始时间"
-        end-placeholder="结束时间"
-        :default-time="['00:00:00', '23:59:59']"
-        value-format="yyyy-MM-dd HH:mm:ss"
-        @change="changeDateTime"
-      >
-      </el-date-picker>
+
+      <el-form :model="parameter.params" :inline="true">
+        <!-- 公司名称 -->
+        <autocomplete
+          class="mr20"
+          :params="parameter.params"
+          :config="configAutocomplete"
+        />
+        <el-form-item>
+          <el-autocomplete v-model="parameter.params.name" placeholder="总公司名称" :fetch-suggestions="querySearch"
+                           :trigger-on-focus="false" clearable filterable remote reserve-keyword @keyup.enter.native="getByPage" />
+        </el-form-item>
+        <el-form-item>
+          <el-select v-model="parameter.params.parentMark" placeholder="是否为主体公司" clearable
+                     @keyup.enter.native="getByPage">
+            <el-option label="主体公司" value="0" />
+            <el-option label="分公司" value="1" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select v-model="parameter.params.companyNature" placeholder="企业性质" clearable
+                     @keyup.enter.native="getByPage">
+            <el-option label="零售客户" value="0" />
+            <el-option label="外请客户" value="1" />
+            <el-option label="渠道客户" value="2" />
+            <el-option label="存量客户" value="3" />
+            <el-option label="批发客户" value="4" />
+            <el-option label="LNG客户" value="5" />
+            <el-option label="推广业务" value="6" />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-select v-model="parameter.params.enableMark" placeholder="启用标识" clearable @keyup.enter.native="getByPage">
+            <el-option label="禁用" value="0" />
+            <el-option label="启用" value="1" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-select v-model="parameter.params.auditMark" placeholder="审核标识" clearable @keyup.enter.native="getByPage">
+            <el-option label="未提交" value="0" />
+            <el-option label="审核通过" value="1" />
+            <el-option label="提交待审核" value="2" />
+            <el-option label="审核不通过" value="-1" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-select v-model="parameter.params.companyType" placeholder="账户类型" clearable @keyup.enter.native="getByPage">
+            <el-option label="柴油账户" value="0" />
+            <el-option label="LNG账户" value="2" />
+            <el-option label="汽油账户" value="1" />
+            <el-option label="尿素账户" value="3" />
+            <el-option label="油批账户" value="4" />
+          </el-select>
+        </el-form-item>
+
+
+        <el-form-item>
+          <el-select v-model="parameter.params.businessLeader" clearable filterable remote reserve-keyword
+                     placeholder="企业负责人姓名或联系方式" :remote-method="userRemoteMethod" @keyup.enter.native="getByPage">
+            <el-option v-for="item in userList" :key="item.id"
+                       :label="item.phone + '(' + (item.nickName ? item.nickName + '-' : '') + item.userCode + ')'" :value="item.id" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item>
+          <el-select v-model="parameter.params.companyDockType" placeholder="公司对接类型" clearable @keyup.enter.native="getByPage">
+            <el-option label="对接客户" :value="0" />
+            <el-option label="平台客户" :value="1" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+
       <div class="buttons">
+
+        <el-button v-permission="['company:info:add']" class="group-item" type="primary" :size="$store.getters.size"
+                   @click="toAdd">
+          <svg-icon icon-class="iconxinzeng"/>
+          <span class="padding-left-xs">添加</span>
+        </el-button>
         <el-button icon="el-icon-search" @click="search">查询</el-button>
         <el-button icon="el-icon-refresh" @click="reset">重置</el-button>
       </div>
     </div>
     <div class="table">
       <div class="operation">
-        <!-- <el-button @click="addition">新增产品</el-button> -->
       </div>
-      <el-table
-        v-if="tableHeight"
-        ref="multipleTable"
-        :height="tableHeight"
-        :data="tableData"
-        show-summary
-        :summary-method="getSummaries"
-        style="width: 100%"
-      >
-        >
-        <el-table-column type="selection" width="55"> </el-table-column>
-        <el-table-column
-          prop="companyName"
-          label="企业名称"
-          show-overflow-tooltip
-        >
-        </el-table-column>
+      <!-- 列表开始 -->
+      <el-table :max-height="tableHeight" stripe :data="dataPage.list" fit style="width: 100%;"
+                :size="$store.getters.size" @sort-change="sortHandler"
+                @selection-change="handleSelectionChange">
+        <el-table-column type="selection" width="55"/>
 
-        <el-table-column label="交易类型">
-          <template slot-scope="{ row }">
-            <p>
-              {{
-                row.transactionType === "TURN"
-                  ? LoopBackTypeEnum.find((item) => item.value === row.turnType)
-                      .label
-                  : rechargeTypeEnum.find(
-                      (item) => item.value === row.transactionType
-                    ).label
-              }}
-            </p>
+        <el-table-column label="序号" type="index" :index="indexMethod"/>
+
+        <el-table-column prop="name" label="企业名称" width="200">
+          <template slot-scope="{row}">
+            <div class="display: flex">
+              <el-tag v-if="row.parentMark === 0" effect="dark">总公司</el-tag>
+              <el-tag v-else effect="dark">分公司</el-tag>
+              <div>
+                <span>
+                  {{row.name}}<br/>
+                </span>
+                <span>
+                  NO:{{row.id}}
+                </span>
+              </div>
+            </div>
           </template>
         </el-table-column>
-
-        <el-table-column label="交易状态">
-          <template slot-scope="{ row }">
-            <p v-if="row.transactionState">
-              {{
-                rechargeStatusEnum.find(
-                  (item) => item.value === row.transactionState
-                ).label
-              }}
+        // TODO
+        <el-table-column label="加价策略">
+          <template slot-scope="{row}">
+            <p>{{row.oilsPriceStrategy === '1' ? '费率' : '增减'}}:{{row.oilsPriceScale}}</p>
+          </template>
+        </el-table-column>
+        <el-table-column prop="consumRebateStrategy" label="折返策略">
+          <template slot-scope="{row}">
+            <p v-if="row.consumRebateStrategy == 'TYFL' || row.consumRebateStrategy == 'SITE_lEVEL'">
+              <span>{{row.consumRebateStrategy == 'TYFL' ? '统一费率' : '油站等级'}}</span>
+              <span>{{row.consumRebateScale ? row.consumRebateScale : '0'}}</span>
+            </p>
+            <p v-if="row.consumRebateStrategy == 'TYSSFL'">
+              {{row.consumRebateStrategy == 'TYSSFL' ? '统一升数' : '未知'}}
+              <span>{{row.consumRebateScale ? row.consumRebateScale + '元/L' : '0'}}</span>
+            </p>
+            <p v-if="row.consumRebateStrategy != 'TYFL' && row.consumRebateStrategy != 'SITE_lEVEL' && row.consumRebateStrategy != 'TYSSFL'">
+              暂无
             </p>
           </template>
         </el-table-column>
-
-        <el-table-column
-          prop="transactionAmount"
-          label="交易金额"
-          show-overflow-tooltip
-        >
+        <el-table-column label="企业性质">
+          <template slot-scope="{row}">
+            {{ row.companyNature === 0 ? '零售客户' : row.companyNature === 1 ? '外请客户' : row.companyNature === 2 ? '渠道客户' : row.companyNature === 3 ? '存量客户' : row.companyNature === 4 ? '批发客户' : row.companyNature === 5 ? 'LNG客户' : '推广业务'}}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="rechargeRebate"
-          label="充值返利比例"
-          show-overflow-tooltip
-        >
+        <el-table-column label="账户类型">
+          <template slot-scope="{row}">
+            {{ row.companyType === '0' ? '柴油账户' : row.companyType === '1' ? '汽油账户' : row.companyType === '2' ? 'LNG账户' : row.companyType === '3' ? '尿素账户' : '油批账户'}}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="rechargeRebateAmount"
-          label="充值返利金额"
-          show-overflow-tooltip
-        >
+        <el-table-column label="公司对接类型">
+          <template slot-scope="{row}">
+            {{ row.companyDockType === 0 ? '对接客户' :  row.companyDockType === 1 ? '平台客户' : '暂无'}}
+          </template>
         </el-table-column>
-
-        <el-table-column label="赊账还款审核">
-          <template slot-scope="{ row }">
-            <p v-if="row.transactionType && row.chargeSalesAuditMark">
-              {{
-                row.transactionType !== "CHARGE_SALES" ||
-                (row.transactionType === "CHARGE_SALES" &&
-                  row.transactionState === -1)
-                  ? "无状态"
-                  : repaymentExamineEnum.find(
-                      (item) => item.value === row.chargeSalesAuditMark
-                    ).label
-              }}
-            </p>
+        <el-table-column label="启用状态">
+          <template slot-scope="{row}">
+            <el-switch v-model="row.enableMark" :active-value=1 :inactive-value=0  @change="enableMarkClike(row)"></el-switch>
           </template>
         </el-table-column>
-
-        <el-table-column
-          prop="businessLeader"
-          label="业务负责人"
-          show-overflow-tooltip
-        >
+        <el-table-column label="联动分油">
+          <template slot-scope="{row}">
+            <el-switch v-model="row.shareDistribute" active-color="#13ce66" inactive-color="row.parentMark == 0 ? '#999' : '#ff4949'" :active-value="1" :inactive-value="0" :disabled="row.parentMark == 0" @change="enableMarkOpem(row)"></el-switch>
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="createTime"
-          label="创建时间"
-          show-overflow-tooltip
-        >
+        <el-table-column lable="审核标识">
+          <template slot-scope="{row}">
+            <el-tag v-if="row.auditMark === 0" type="info" effect="dark">未提交</el-tag>
+            <el-tag v-if="row.auditMark === 1" type="success" effect="dark">审核通过</el-tag>
+            <el-tag v-if="row.auditMark === 2" type="warning" >提交待审核</el-tag>
+            <el-tag v-if="row.auditMark > 2 && row.auditMark < 0" type="danger" >审核不通过</el-tag>
+          </template>
         </el-table-column>
-        <el-table-column label="操作">
-          <template slot-scope="{ row }">
-            <span class="el-dropdown-link" @click="detail(row)">详情</span>
+        <el-table-column label="企业负责人">
+          <template slot-scope="{row}">
+            {{row.userName ? row.userName : '企业负责人'}} <br/>
+            {{row.phone ? row.phone : '暂无电话'}}
+          </template>
+        </el-table-column>
+        <el-table-column label="企业负责人">
+          <template slot-scope="{row}">
+            {{row.userName ? row.userName : '企业负责人'}} <br/>
+            {{row.phone ? row.phone : '暂无电话'}}
+          </template>
+        </el-table-column>
+        <el-table-column label="创建信息">
+          <template slot-scope="{row}">
+            {{row.createUserName ? row.createUserName : '创建人'}} <br/>
+            {{row.createTime ? row.createTime : '创建时间'}}
+          </template>
+        </el-table-column>
+        <el-table-column fixed="right" label="操作" width="180px" align="center">
+          <template slot-scope="scope">
+            <el-button :size="$store.getters.size" type="text" @click="handleDetail(scope.row.id)">
+              <svg-icon icon-class="iconxiangqing1"/>
+            </el-button>
+            <el-button @click="codeFn(scope.row)" :size="$store.getters.size" type="text" icon="el-icon-oilEwm">
+            </el-button>
+            <el-dropdown>
+              <el-button type="text">
+                更多
+                <i class="el-icon-arrow-down el-icon--right"/>
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="toUpdate(scope.row.id)">
+                  <el-button v-permission="['company:info:base']" :size="$store.getters.size" type="text">
+                    <svg-icon icon-class="iconicon-"/>
+                    基础资料
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item v-if="scope.row.auditMark === 0" @click.native="toAddAuth(scope.row.id)">
+                  <el-button v-permission="['company:info:auth']" :size="$store.getters.size" type="text">
+                    <svg-icon icon-class="iconicon-"/>
+                    认证信息
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item v-if="scope.row.auditMark !== 0" @click.native="toUpdateAuth(scope.row.id)">
+                  <el-button v-permission="['company:info:auth']" :size="$store.getters.size" type="text">
+                    <svg-icon icon-class="iconicon-"/>
+                    认证信息
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item @click.native="toBankAuth(scope.row)">
+                  <el-button v-permission="['company:info:auth']" :size="$store.getters.size" type="text">
+                    <svg-icon icon-class="iconicon-"/>
+                    银行信息
+                  </el-button>
+                </el-dropdown-item>
+                <el-dropdown-item @click.native="toFinance(scope.row.id)">
+                  <el-button v-permission="['company:info:finance']" :size="$store.getters.size" type="text">
+                    <svg-icon icon-class="iconicon-"/>
+                    财务信息
+                  </el-button>
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </el-dropdown>
+
           </template>
         </el-table-column>
       </el-table>
+      <!-- 分页组件结束 -->
       <!-- 分页 -->
-      <pagination :parameter="parameter" @searchAgain="getByPage" />
+      <pagination :parameter="parameter" @searchAgain="getByPage"/>
     </div>
     <!-- 详情 -->
     <el-drawer
@@ -179,7 +245,7 @@
       size="60%"
       :withHeader="false"
       :visible="controlWindows.detail"
-    >
+   >
       <general-details
         title="详情"
         :isHeader="true"
@@ -187,7 +253,7 @@
         :sourceData="oilCompanyMatch"
         :mappingData="mappingData"
         @close="controlWindows.detail = false"
-      >
+     >
         <template #offlineTransactionProof>
           <el-image
             style="width: 100px; height: 100px"
@@ -196,373 +262,450 @@
         </template>
       </general-details>
     </el-drawer>
+
+    <!-- 添加弹窗 -->
+    <el-dialog v-el-drag-dialog title="添加" :visible.sync="addDialog" width="55%">
+      <OilCompanyInfoAdd v-if="addDialog" @getByPage="getByPage" @closeDialog="closeDialog"/>
+    </el-dialog>
+
+
+    <!-- 添加认证信息弹窗 -->
+    <el-drawer :visible.sync="addAuthDialog" size="70%">
+      <OilCompanyAuthAdd v-if="addAuthDialog" :oil-company-info="oilCompanyInfo" @getByPage="getByPage"
+                         @closeDialog="closeDialog"/>
+    </el-drawer>
   </div>
 </template>
 
 <script>
-import serve from "api/financialCenter/enterpriseRechargeDetails.js";
-import commonServe from "api/common.js";
-
-import autocomplete from "components/autocomplete/index.vue";
-import pagination from "components/pagination/index.vue";
-import generalDetails from "components/generalDetails/index.vue";
-
-import {
-  rechargeTypeEnum,
-  rechargeStatusEnum,
-  repaymentExamineEnum,
-} from "utils/dataType.js";
-
-export default {
-  components: {
-    pagination,
-    autocomplete,
-    generalDetails,
-  },
-  data() {
-    return {
-      rechargeTypeEnum: rechargeTypeEnum,
-      rechargeStatusEnum: rechargeStatusEnum,
-      repaymentExamineEnum: repaymentExamineEnum,
-      controlWindows: {
-        detail: false,
-      },
-      datetime: [],
-      tableHeight: 0,
-      tableData: [],
-      configAutocomplete: {
-        serveTarget: commonServe.getRefineryCompanyList,
-        autocompleteKey: "name",
-        labelKey: "name",
-        valueKey: "id",
-        placeholder: "企业名称",
-        querykey: "companyId",
-      },
-      configAutocompleteSec: {
-        serveTarget: commonServe.liekQuery,
-        autocompleteKey: "",
-        labelKey: "nickName",
-        valueKey: "id",
-        placeholder: "业务负责人",
-        querykey: "businessLeader",
-      },
-      parameter: {
-        currentPage: 1,
-        pageSize: 10,
-        total: 0,
-        params: {},
-      },
-      // rechargeTypeEnum: [
-      //   {
-      //     label: "充值",
-      //     value: "RECHARGE",
-      //   },
-      //   {
-      //     label: "销账",
-      //     value: "REVOKE",
-      //   },
-      //   {
-      //     label: "赊销",
-      //     value: "CHARGE_SALES",
-      //   },
-      //   {
-      //     label: "消费返利",
-      //     value: "CONSUME_REBATE",
-      //   },
-      // ],
-      LoopBackTypeEnum: [
-        {
-          label: "充值圈回",
-          value: 1,
+  import OilCompanyInfoAdd from "@/views/customerManagement/companyManagement/OilCompanyInfoAdd";
+  import serve from "api/financialCenter/enterpriseRechargeDetails.js";
+  import commonServe from "api/common.js";
+  import oilCompanyInfoApi from "@/api/customerManagement/oilCompanyInfo";
+  import autocomplete from "components/autocomplete/index.vue";
+  import pagination from "components/pagination/index.vue";
+  import generalDetails from "components/generalDetails/index.vue";
+
+  import {
+    rechargeTypeEnum,
+    rechargeStatusEnum,
+    repaymentExamineEnum,
+  } from "utils/dataType.js";
+
+  export default {
+    components: {
+      OilCompanyInfoAdd,
+      pagination,
+      autocomplete,
+      generalDetails,
+    },
+    data() {
+      return {
+        // 部门树选项
+        deptOptions: [],
+        deptDataList: {
+          companyIds: []
+        },
+        rowData: null,
+        showCode: false,
+        bankFinanceDialog: false,
+        syncDialog: false,
+        output: {
+          outputType: 4, // 导出方式，1导出选中，2导出本页，3条件导出，4导出全部
+          startPage: 1, // 导出开始页
+          endPage: 1, // 导出结束页
+          pageSize: 20 // 每页条数
         },
-        {
-          label: "赊销圈回",
-          value: 2,
+        queryCompanyList: [],
+        userList: [],
+        piliangDialog: false,
+        updateFinanceDialog: false, // 修改财务信息弹窗
+        BatchModifyingDialog: false, // 批量修改策略比例
+        oilCompanyAuth: {},
+        oilCompanyFinance: {},
+        addFinanceDialog: false, // 添加财务信息弹窗
+        updateAuthDialog: false, // 修改认证信息弹窗
+        addAuthDialog: false, // 添加认证信息弹窗
+        multipleSelection: [], // 选择表格数据集合
+        outPutDialog: false, // 导出弹窗
+        showTableDrawer: false,
+        page: {
+          pageSize: 20, // 每页显示条数
+          currentPage: 1, // 默认页
+          params: {}, // 查询参数
+          sorted: {
+            createTime: 'desc'
+          },
+          columns: []
         },
-        {
-          label: "充值返利圈回",
-          value: 3,
+        tableHeight: document.documentElement.clientHeight - 300 - 60,
+        filters: this.$options.filters,
+        dataPage: { // 分页显示page
+          pageSize: 20, // 每页显示条数
+          currentPage: 1, // 默认页
+          params: { // 查询参数
+          },
+          sorted: {},
+          list: []
         },
-        {
-          label: "消费返利圈回",
-          value: 4,
+        tableColumns: [
+        ],
+        // 查询参数
+        queryParams: {},
+        addDialog: false, // 添加弹窗
+        updateDialog: false, // 修改弹窗
+        oilCompanyInfo: {},
+        oilCompanyInfoId: {
+          id: '',
+          list: []
         },
-      ],
-
-      // rechargeStatusEnum: [
-      //   {
-      //     label: "已申请",
-      //     value: 0,
-      //   },
-      //   {
-      //     label: "已成功",
-      //     value: 1,
-      //   },
-      //   {
-      //     label: "已撤销",
-      //     value: -1,
-      //   },
-      // ],
-      // repaymentExamineEnum: [
-      //   {
-      //     label: "还款待审核",
-      //     value: 0,
-      //   },
-      //   {
-      //     label: "还款成功",
-      //     value: 1,
-      //   },
-      //   {
-      //     label: "还款失败",
-      //     value: -1,
-      //   },
-      //   {
-      //     label: "待还款",
-      //     value: -2,
-      //   },
-      // ],
-      oilCompanyMatch: {},
-      mappingData: [
-        {
-          carTitle: "",
-          carItems: [
-            { label: "ID", value: "id" },
-            { label: "交易类型", value: "transactionType" },
-            { label: "交易状态", value: "transactionState" },
-            { label: "交易金额", value: "transactionAmount" },
-            { label: "充值返利比例", value: "rechargeRebate" },
-            { label: "充值返利金额", value: "rechargeRebateAmount" },
-            { label: "线下汇款公司账户", value: "offlinePaymentCompany" },
-            { label: "线下交易发起时间", value: "offlineStartTime" },
-            { label: "线下交易完成时间", value: "offlineCompleteTime" },
-            { label: "线下交易凭证", value: "offlineTransactionProof" },
-            { label: "交易审核标识", value: "auditMark" },
-            { label: "审核人", value: "auditUserName" },
-            { label: "交易说明", value: "reverseRemark" },
-            { label: "审核时间", value: "auditTime" },
-            { label: "审核系统来源", value: "auditSource" },
-            { label: "赊销还款审核", value: "chargeSalesAuditMark" },
-            { label: "赊销还款审核人", value: "chargeSalesAuditUser" },
-            { label: "赊销还款审核时间", value: "chargeSalesAuditTime" },
-            { label: "赊销还款审核来源", value: "chargeSalesAuditSource" },
-            { label: "创建用户", value: "createUserName" },
-            { label: "创建时间", value: "createTime" },
-            { label: "创建数据来源", value: "createSource" },
-            { label: "企业收款账户", value: "internalCompanyName" },
-            { label: "开户行", value: "bankDeposit" },
-            { label: "银行卡号", value: "bankCardNo" },
-          ],
+        restaurants: [], // 企业名称搜索列表
+        valColumn: ['name', 'abbreviaName', 'companyNature', 'parentMark', 'enableMark', 'auditMark', 'userName', 'createUserName', 'createTime', 'auditUserName', 'auditTime',
+          'updateUserName', 'updateTime'],
+        headers: ['企业名称', '企业简称', '企业性质', '公司性质', '启用状态', '审核标识', '企业负责人', '创建人', '创建时间', '审核人', '审核时间',
+          '修改人', '修改时间'],
+
+
+        rechargeTypeEnum: rechargeTypeEnum,
+        rechargeStatusEnum: rechargeStatusEnum,
+        repaymentExamineEnum: repaymentExamineEnum,
+        controlWindows: {
+          detail: false,
         },
-        {
-          carTitle: "账户信息",
-          carItems: [
-            { label: "账户总余额", value: "balance" },
-            { label: "待还总金额", value: "totalChargeAmount" },
-            { label: "账户状态", value: "accountState" },
-            { label: "账户类型", value: "accountType" },
-            { label: "账户充值余额", value: "rechargeBalance" },
-            { label: "赊销充值余额", value: "chargeRechargeBalance" },
-            { label: "充值返利余额", value: "rechargeRebateBalance" },
-            { label: "消费返利余额", value: "consumeRebateBalance" },
-            { label: "累计充值金额", value: "totalRechargeAmount" },
-            { label: "累计赊销充值金额", value: "totalChargeRechargeAmount" },
-            { label: "累计充值返利金额", value: "totalRechargeRebateAmount" },
-            { label: "累计消费返利金额", value: "totalConsumeRebateAmount" },
-          ],
+        datetime: [],
+        tableData: [],
+        configAutocomplete: {
+          serveTarget: commonServe.getRefineryCompanyList,
+          autocompleteKey: "name",
+          labelKey: "name",
+          valueKey: "id",
+          placeholder: "企业名称",
+          querykey: "companyId",
         },
-      ],
-    };
-  },
-  created() {
-    this.initDateTime();
-    this.getByPage();
-  },
-  updated() {
-    this.$nextTick(() => {
-      this.$refs.multipleTable && this.$refs.multipleTable.doLayout();
-    });
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.heightHandle();
-    });
-    window.addEventListener(
-      "resize",
-      this.$utils.debounce(this.heightHandle, 500)
-    );
-  },
-  methods: {
-    search() {
-      this.parameter.currentPage = 1;
+        configAutocompleteSec: {
+          serveTarget: commonServe.liekQuery,
+          autocompleteKey: "",
+          labelKey: "nickName",
+          valueKey: "id",
+          placeholder: "业务负责人",
+          querykey: "businessLeader",
+        },
+        parameter: {
+          currentPage: 1,
+          pageSize: 10,
+          total: 0,
+          params: {},
+        },
+        LoopBackTypeEnum: [
+          {
+            label: "充值圈回",
+            value: 1,
+          },
+          {
+            label: "赊销圈回",
+            value: 2,
+          },
+          {
+            label: "充值返利圈回",
+            value: 3,
+          },
+          {
+            label: "消费返利圈回",
+            value: 4,
+          },
+        ],
+        oilCompanyMatch: {},
+        mappingData: [
+          {
+            carTitle: "",
+            carItems: [
+              {label: "ID", value: "id"},
+              {label: "交易类型", value: "transactionType"},
+              {label: "交易状态", value: "transactionState"},
+              {label: "交易金额", value: "transactionAmount"},
+              {label: "充值返利比例", value: "rechargeRebate"},
+              {label: "充值返利金额", value: "rechargeRebateAmount"},
+              {label: "线下汇款公司账户", value: "offlinePaymentCompany"},
+              {label: "线下交易发起时间", value: "offlineStartTime"},
+              {label: "线下交易完成时间", value: "offlineCompleteTime"},
+              {label: "线下交易凭证", value: "offlineTransactionProof"},
+              {label: "交易审核标识", value: "auditMark"},
+              {label: "审核人", value: "auditUserName"},
+              {label: "交易说明", value: "reverseRemark"},
+              {label: "审核时间", value: "auditTime"},
+              {label: "审核系统来源", value: "auditSource"},
+              {label: "赊销还款审核", value: "chargeSalesAuditMark"},
+              {label: "赊销还款审核人", value: "chargeSalesAuditUser"},
+              {label: "赊销还款审核时间", value: "chargeSalesAuditTime"},
+              {label: "赊销还款审核来源", value: "chargeSalesAuditSource"},
+              {label: "创建用户", value: "createUserName"},
+              {label: "创建时间", value: "createTime"},
+              {label: "创建数据来源", value: "createSource"},
+              {label: "企业收款账户", value: "internalCompanyName"},
+              {label: "开户行", value: "bankDeposit"},
+              {label: "银行卡号", value: "bankCardNo"},
+            ],
+          },
+          {
+            carTitle: "账户信息",
+            carItems: [
+              {label: "账户总余额", value: "balance"},
+              {label: "待还总金额", value: "totalChargeAmount"},
+              {label: "账户状态", value: "accountState"},
+              {label: "账户类型", value: "accountType"},
+              {label: "账户充值余额", value: "rechargeBalance"},
+              {label: "赊销充值余额", value: "chargeRechargeBalance"},
+              {label: "充值返利余额", value: "rechargeRebateBalance"},
+              {label: "消费返利余额", value: "consumeRebateBalance"},
+              {label: "累计充值金额", value: "totalRechargeAmount"},
+              {label: "累计赊销充值金额", value: "totalChargeRechargeAmount"},
+              {label: "累计充值返利金额", value: "totalRechargeRebateAmount"},
+              {label: "累计消费返利金额", value: "totalConsumeRebateAmount"},
+            ],
+          },
+        ],
+      };
+    },
+    created() {
+      this.initDateTime();
       this.getByPage();
     },
-    //table list
-    getByPage() {
-      // this.parameter.params.companyAccountType = "4";
-      serve.getByPage(this.parameter).then((res) => {
-        this.tableData = res.data.list;
-        this.parameter.total = res.data.totalCount;
+    updated() {
+      this.$nextTick(() => {
+        this.$refs.multipleTable && this.$refs.multipleTable.doLayout();
       });
     },
-    //新增
-    addition() {
-      this.controlWindows.addInfo.title = "产品新增";
-      this.controlWindows.add = true;
-    },
-    detail(row) {
-      Promise.all([
-        serve.get(row.id),
-        serve.getByCompanyId(row.companyId),
-      ]).then(([firstRes, secondRes]) => {
-        this.oilCompanyMatch = { ...firstRes.data, ...secondRes.data };
-
-        this.controlWindows.detail = true;
+    mounted() {
+      this.$nextTick(() => {
+        this.heightHandle();
       });
+      window.addEventListener(
+        "resize",
+        this.$utils.debounce(this.heightHandle, 500)
+      );
     },
-    getSummaries(param) {
-      const { columns, data } = param;
-      const sums = [];
-      let transactionAmount = 0; // 交易金额
-      let rechargeRebateAmount = 0; // 充值返利金额
-      data.forEach((item) => {
-        transactionAmount += item.transactionAmount
-          ? item.transactionAmount
-          : 0;
-        rechargeRebateAmount += item.rechargeRebateAmount
-          ? item.rechargeRebateAmount
-          : 0;
-      });
-      transactionAmount = transactionAmount.toFixed(2);
-      rechargeRebateAmount = rechargeRebateAmount.toFixed(2);
-      columns.forEach((item, index) => {
-        if (index === 1) {
-          sums[index] = "合计";
-          return;
+    methods: {
+      search() {
+        this.parameter.currentPage = 1;
+        console.log("111111111111111111111");
+        console.log(this.parameter)
+        this.getByPage();
+      },
+      closeDialog() {
+        this.addDialog = false
+        this.updateDialog = false
+        this.addAuthDialog = false
+        this.updateAuthDialog = false
+        this.addFinanceDialog = false
+        this.updateFinanceDialog = false
+        this.piliangDialog = false
+        this.BatchModifyingDialog = false
+        this.showTableDrawer = false
+        this.bankFinanceDialog = false
+        this.syncDialog = false
+      },
+      enableMarkOpem(row) { // 启用禁用点击
+        const data = {
+          id: row.id,
+          shareDistribute: row.shareDistribute
         }
-        switch (item.property) {
-          case "transactionAmount":
-            sums[index] = transactionAmount + "元";
-            break;
-          case "rechargeRebateAmount":
-            sums[index] = rechargeRebateAmount + "元";
-            break;
-
-          default:
-            break;
+        oilCompanyInfoApi.openShareDistribute(data).then(res => {
+          if (res.code === 20000) {
+            this.$message.success(res.msg)
+          }
+          this.getByPage()
+        })
+      },
+      getByPage() {
+        oilCompanyInfoApi.getByPage(this.parameter).then((res) => {
+          this.dataPage.list = res.data.list;
+          this.parameter.total = res.data.totalCount;
+        });
+        console.log(this.tableData)
+      },
+      //新增
+      addition() {
+        this.controlWindows.addInfo.title = "产品新增";
+        this.controlWindows.add = true;
+      },
+      detail(row) {
+        Promise.all([
+          serve.get(row.id),
+          serve.getByCompanyId(row.companyId),
+        ]).then(([firstRes, secondRes]) => {
+          this.oilCompanyMatch = {...firstRes.data, ...secondRes.data};
+
+          console.log("this.oilCompanyMatch", this.oilCompanyMatch);
+          this.controlWindows.detail = true;
+        });
+      },
+      // 启用禁用点击
+      enableMarkClike(row) {
+        console.log("111111111111111111111");
+        const data = [row]
+        oilCompanyInfoApi.updateBatchEnable(data).then(res => {
+          if (res.code === 20000) {
+            this.$message.success(res.msg)
+          }
+          this.getByPage()
+        })
+      },
+      //重置
+      reset() {
+        this.parameter = {
+          currentPage: 1,
+          pageSize: 10,
+          total: 0,
+          params: {},
+        };
+        this.initDateTime();
+      },
+      // init时间
+      initDateTime() {
+        let now = new Date().getTime();
+        let beforeDay30 = now - 1000 * 60 * 60 * 24 * 30;
+        let nowRes = this.$utils.parseTime(now);
+        let beforeDay30Res = this.$utils.parseTime(beforeDay30);
+        let {y, M, d} = nowRes;
+        let {y: beforey, M: beforeM, d: befored} = beforeDay30Res;
+        this.datetime = [
+          `${beforey}-${beforeM}-${befored} 00:00:00`,
+          `${y}-${M}-${d} 23:59:59`,
+        ];
+        this.changeDateTime(this.datetime);
+      },
+      changeDateTime(val) {
+        if (val) {
+          this.parameter.params.createTimeStart = val[0];
+          this.parameter.params.createTimeEnd = val[1];
         }
-      });
-      return sums;
-    },
-    //重置
-    reset() {
-      this.parameter = {
-        currentPage: 1,
-        pageSize: 10,
-        total: 0,
-        params: {},
-      };
-      this.initDateTime();
-    },
-    // init时间
-    initDateTime() {
-      let now = new Date().getTime();
-      let beforeDay30 = now - 1000 * 60 * 60 * 24 * 30;
-      let nowRes = this.$utils.parseTime(now);
-      let beforeDay30Res = this.$utils.parseTime(beforeDay30);
-      let { y, M, d } = nowRes;
-      let { y: beforey, M: beforeM, d: befored } = beforeDay30Res;
-      this.datetime = [
-        `${beforey}-${beforeM}-${befored} 00:00:00`,
-        `${y}-${M}-${d} 23:59:59`,
-      ];
-      this.changeDateTime(this.datetime);
-    },
-    changeDateTime(val) {
-      if (val) {
-        this.parameter.params.createTimeStart = val[0];
-        this.parameter.params.createTimeEnd = val[1];
-      }
-    },
-    // table height
-    heightHandle() {
-      let bodyHeight = document.body.clientHeight;
-      let frameHeight = this.obtainElement(".frame").clientHeight;
-      let operationHeight = this.obtainElement(".operation").clientHeight;
-      let paginationHeight = this.obtainElement(".el-pagination").clientHeight;
-      this.tableHeight =
-        bodyHeight - frameHeight - operationHeight - paginationHeight - 145;
-    },
-    obtainElement(className) {
-      return document.documentElement.querySelector(className);
+        console.log(val);
+      },
+      // table height
+      heightHandle() {
+        let bodyHeight = document.body.clientHeight;
+        let frameHeight = this.obtainElement(".frame").clientHeight;
+        let operationHeight = this.obtainElement(".operation").clientHeight;
+        let paginationHeight = this.obtainElement(".el-pagination").clientHeight;
+        this.tableHeight =
+          bodyHeight - frameHeight - operationHeight - paginationHeight - 145;
+      },
+      handleSizeChange(val) {
+        this.page.pageSize = val
+        this.getByPage()
+      },
+      handleCurrentChange(val) {
+        this.page.currentPage = val
+        this.getByPage()
+      },
+      indexMethod(index) {
+        return (index + 1) * 1
+      },
+      sortHandler(column) {
+        // 排序查询
+        console.log(column.column.sortable)
+        const key = column.column.sortable
+        const value = column.order
+        this.page.sorted = {}
+        this.page.sorted[key] = value
+        this.getByPage()
+      },
+      toAdd() {
+        // 跳转到添加
+        this.oilCompanyInfo = {}
+        this.addDialog = true
+      },
+      toAddAuth(id) {
+        // 跳转添加认证信息
+        oilCompanyInfoApi.get(id).then(res => {
+          this.oilCompanyInfo = res.data
+          this.addAuthDialog = true
+        })
+      },
+      handleSelectionChange(val) { // 选择表格数据
+        this.multipleSelection = val
+      },
+      obtainElement(className) {
+        return document.documentElement.querySelector(className);
+      },
     },
-  },
-};
+  };
 </script>
 
 <style lang="scss" scoped>
-.enterprise-recharge-details {
-  .frame {
-    margin: 20px;
-    padding: 20px;
-    border-radius: 6px;
-    border: 1px solid #e3e3e5;
-    background: #fff;
-    .el-input,
-    .el-select {
-      width: 183px;
-      height: 40px;
-    }
-    .el-autocomplete + .el-input,
-    .el-input + .el-autocomplete,
-    .el-autocomplete + .el-select,
-    .el-input + .el-input,
-    .el-input + .el-select,
-    .el-select + .el-select,
-    .el-select + .el-input {
-      margin-right: 20px;
-      margin-bottom: 15px;
-    }
-    .mr20 {
-      margin-right: 20px;
-    }
-    .buttons {
-      text-align: right;
-    }
-  }
+  .enterprise-recharge-details {
+    .frame {
+      margin: 20px;
+      padding: 20px;
+      border-radius: 6px;
+      border: 1px solid #e3e3e5;
+      background: #fff;
 
-  .table {
-    overflow: hidden;
-    margin: 0 20px;
-    padding-bottom: 20px;
-    background: #fff;
-    border-radius: 6px;
-    border: 1px solid #e3e3e5;
-    > .operation {
-      box-sizing: content-box;
-      padding: 15px;
-    }
-    .gray {
-      color: #999;
-      span {
-        color: #333;
+      .el-input,
+      .el-select {
+        width: 183px;
+        height: 40px;
+      }
+
+      .el-autocomplete + .el-input,
+      .el-input + .el-autocomplete,
+      .el-autocomplete + .el-select,
+      .el-input + .el-input,
+      .el-input + .el-select,
+      .el-select + .el-select,
+      .el-select + .el-input {
+        margin-right: 20px;
+        margin-bottom: 15px;
       }
-    }
-    .el-table {
-      margin-bottom: 20px;
-      border-radius: 10px 10px 0px 0px;
-    }
 
-    .el-dropdown-link {
-      margin-right: 10px;
-      cursor: pointer;
-      color: #409eff;
-      &.special {
-        margin-right: 0;
+      .mr20 {
+        margin-right: 20px;
+      }
+
+      .buttons {
+        text-align: right;
       }
     }
-    .el-icon-arrow-down {
-      font-size: 12px;
+
+    .table {
+      overflow: hidden;
+      margin: 0 20px;
+      padding-bottom: 20px;
+      background: #fff;
+      border-radius: 6px;
+      border: 1px solid #e3e3e5;
+
+     > .operation {
+        box-sizing: content-box;
+        padding: 15px;
+      }
+
+      .gray {
+        color: #999;
+
+        span {
+          color: #333;
+        }
+      }
+
+      .el-table {
+        margin-bottom: 20px;
+        border-radius: 10px 10px 0px 0px;
+      }
+
+      .el-dropdown-link {
+        margin-right: 10px;
+        cursor: pointer;
+        color: #409eff;
+
+        &.special {
+          margin-right: 0;
+        }
+      }
+
+      .el-icon-arrow-down {
+        font-size: 12px;
+      }
     }
   }
-}
 </style>
diff --git a/vue.config.js b/vue.config.js
index 15c7aa3..990d1a4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -29,7 +29,7 @@ module.exports = {
       [process.env.VUE_APP_BASE_API]: {
         // target: `https://3816t6291y.oicp.vip`,
         // target: 'https://6l438d1757.zicp.fun',
-        target: "http://192.168.110.230:38080",
+        target: "http://192.168.110.10:38080",
         changeOrigin: true,
         pathRewrite: {
           ["^" + process.env.VUE_APP_BASE_API]: "",