项目初始

src/App.vue

@@ -0,0 +1,17 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+
+<script>
+  export default {
+    name: 'App',
+    created() {
+        console.log('resss', 11111111111111111111111111)
+    },
+    mounted() {
+
+    },
+  }
+</script>

src/api/Common/Upload.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+// 上传图片
+export function imageUpload(data){
+	return request({
+		url: '/jlcyry/file/upload',
+		method: 'post',
+		data,
+		headers:{'Content-Type':'multipart/form-data'}
+	})
+}
+export const uploadFile = '/api/base/v1/basemanufactorsubscription/pictureUpload'
+
+export const uploadimg_tuiku = '/api/base/v1/basemanufacturerretwareveh/pictureUpload'

src/api/Common/areaPicker.js

@@ -0,0 +1,25 @@
+import request from '@/utils/request'
+
+//区域获取省
+export function getProvince(data) {
+  return request({
+    url: '/system/region/getProvince',
+    method: 'get'
+  })
+}
+//根据省sid获取该省的所有市
+export function getCity(data) {
+  return request({
+    url: '/system/region/getCity',
+    method: 'get',
+    params: data
+  })
+}
+//根据市sid获取该市的所有县区
+export function getCounty(data) {
+  return request({
+    url: '/system/region/getCounty',
+    method: 'get',
+    params: data
+  })
+}

src/api/Common/dictcommons.js

@@ -0,0 +1,100 @@
+import request from '@/utils/request'
+
+// 根据登陆人sid查询分公司sid（常用接口）
+export function getPathSidByUserSid(data) {
+  return request({
+    url: '/portal/v1/sysstafforg/getPathSidByUserSid',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据当前登录人orgSidPath(全路径sid)查询分公司
+export function getOrgSidByPath(data) {
+  return request({
+    url: '/portal/v1/sysstafforg/getOrgSidByPath',
+    method: 'get',
+    params: data
+  })
+}
+
+// 当前用户创建申请时判断该用户是否有该菜单的操作权限
+export function selectHaveMessage(data) {
+  return request({
+    url: '/portal/v1/sysuser/selectHaveMessage ',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 根据分公司sid查询分公司名称
+export function fetchBySid(sid) {
+  return request({
+    url: 'portal/v1/sysorganization/fetchBySid/' + sid,
+    method: 'get'
+  })
+}
+
+// 根据分公司Sid获取分公司下部门对应的采购系统
+export function fetchDetailsByUseOrgSid(data) {
+  return request({
+    url: '/base/v1/basepurchasesystem/fetchDetailsByUseOrgSid/' + data,
+    method: 'GET'
+  })
+}
+
+// 获取下拉框
+export function typeValues(data) {
+  return request({
+    url: '/portal/v1/dictcommon/typeValues',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据用户sid获取本分公司下的银行账号
+export function selAccountByOrgSid(data) {
+  return request({
+    url: '/fin/v1/finmanufacturerbank/selAccountByOrgSid',
+    method: 'get',
+    params: data
+  })
+}
+
+// 品牌下拉
+export function brandDown(data) {
+  return request({
+    url: '/base/v1/basevehiclebrand/namesDown',
+    method: 'get',
+    params: data
+  })
+}
+
+// 根据当前用户orgSidPath的管理层级获取相应的信息（集团获取所有分公司信息、事业部获取旗下的分公司信息、分公司获取该分公司的信息）
+export function selectOrgByLevel(data) {
+  return request({
+    url: '/base/v1/basevehicleout/selectOrgByLevel',
+    method: 'post',
+    params: data
+  })
+}
+
+// 查询角色列表
+export function roleList(data) {
+  return request({
+    url: '/portal/v1/sysrole/listAll',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 根据当前登录用户分公司sid获取本分公司下存放地点
+export function fetchByUseOrgSid(data) {
+  return request({
+    url: 'scm/v1/scmwarehouse/fetchByUseOrgSid',
+    method: 'get',
+    params: data
+  })
+}

src/api/Common/permission.js

@@ -0,0 +1,13 @@
+import request from '@/utils/request'
+// 请求按钮权限
+export default {
+
+  // 查询分页列表，输入当前路径和userSid，返回
+  buttonPermission: function(params) {
+    return request({
+      url: '/demopackage/v1/demo/buttonPermission',
+      method: 'post',
+      data: params
+    })
+  }
+}

src/api/User/login.js

@@ -0,0 +1,35 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+class User {
+  login(data) { // 登录
+    return request({
+      url: '/system/user/login',
+      method: 'post',
+      data
+    })
+  }
+  logout(data) { // 退出
+    return request({
+      url: '/portal/v1/sysuser/signOut',
+      method: 'post',
+      data: qs.stringify(data)
+    })
+  }
+  updatePassword(data) { // 退出修改密码
+    return request({
+      url: '/portal/v1/sysuser/updatePassword',
+      method: 'post',
+      data: qs.stringify(data)
+    })
+  }
+  reGetPwd(data) {
+    return request({
+      url: `/system/user/reGetPwd/${data.userName}/${data.userPhone}`,
+      method: 'post',
+      data: qs.stringify(data)
+    })
+  }
+}
+
+export default new User()

src/api/brank/brank.js

@@ -0,0 +1,50 @@
+import request from '@/utils/request'
+
+export default {
+
+  addInfo: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/loanbankinformation/save',
+      method: 'post',
+      data: data
+    });
+  },
+  
+  fetchBySid: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/loanbankinformation/getBankInfBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/loanbankinformation/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: 'v1/loanbankinformation/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+        baseURL: '/api/crm',
+      url: '/v1/loanbankinformation/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+}

src/api/customermanagement/customermanagement.js

@@ -0,0 +1,187 @@
+import request from '@/utils/request'
+
+// 接口文档名称：潜在客户信息
+// Pc端客户基础信息条件分页查询数据的列表
+export function pagerList(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/listPage',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 客户查询
+export function listPageByOrgPathSid(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/listPageByOrgPathSid',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 添加 已改
+export function savePcCustomerInfo(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/save',
+    data: data,
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// -- 修改 已改
+export function updatePcCustomerInfo(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/update/' + data.sid,
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 详情、编辑回显 已改
+export function getPcCustomerInfoBySid(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/fetchSid/' + data,
+    method: 'get'
+  })
+}
+
+// 删除 已改
+export function deleteBySids(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/del/',
+    method: 'delete',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 推送财务数据--是否确定车架号选择否
+export function sendFinCustomer(data, orgCode) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/sendFinCustomer/' + orgCode,
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// 推送财务数据--是否确定车架号选择是
+export function sendFinCustomerTrue(data) {
+  return request({
+    url: '/crm/v1/crmcustomertemp/sendFinCustomerTrue',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+
+
+
+// 推送财务数据--是否确定车架号选择是，选择车辆
+export function vehicleCrmList(data) {
+  return request({
+    url: '/base/v1/basevehicle/vehicleCrmList',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// Pc端分页查询中介单位（经销商）
+export function getPcDistributorList(data) {
+  return request({
+    url: '/base/v1/basedistributor/getPcDistributorList',
+    method: 'get'
+  })
+}
+
+// 挂靠公司模糊查询下拉框
+export function namesDown(data) {
+  return request({
+    url: '/base/v1/baseaffiliatcompany/namesDown',
+    method: 'get',
+    params: data
+  })
+}
+
+// 据客户名称模糊搜索客户名称下拉框
+export function KeHuNamesDown(data) {
+  return request({
+    url: '/crm/v1/crmcustomer/namesDown',
+    method: 'get',
+    params: data
+  })
+}
+
+// Pc端保存登记单信息
+export function saveCustomersAll(data) {
+  return request({
+    url: '/crm/v1/crmcustomer/saveCustomersAll', data,
+    method: 'post',
+    // data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// Pc端修改登记单信息
+export function updateCustomersAll(data) {
+  return request({
+    url: '/crm/v1/crmcustomer/updateCustomersAll/' + data,
+    method: 'post',
+    // data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// Pc端登记单修改回显及详情信息
+export function selectCustomersAll(data) {
+  return request({
+    url: '/crm/v1/crmcustomer/selectCustomersAll?sid=' + data,
+    method: 'get'
+  })
+}
+
+//
+export function listPage(data) {
+  return request({
+    url: '/crm/v1/crmcustomer/listPage',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}
+
+// Pc端根据sid查询客户基础信息是否存在
+export function getPcCustomerMobileAndName(mobile, name) {
+  return request({
+    url: '/crm/v1/crmcustomer/getPcCustomerMobileAndName?mobile=' + mobile + '&name=' + name,
+    method: 'get'
+  })
+}

src/api/dataDict/datadict.js

@@ -0,0 +1,114 @@
+import request from '@/utils/request'
+
+export default {
+  // 11111111111111111111111
+  
+  // 行业品类 分类列表
+  industryListPage: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/industrydictionary/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 行业品类 通过sid删除一条或多条记录
+  industryDelBySids: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/industrydictionary/delete/' + sid,
+      method: 'delete'
+    })
+  },
+  // 行业品类 保存行业品类
+  saveindustry: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/industrydictionary/save',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+
+  // 行业品类 修改行业品类
+  updateindustry: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/industrydictionary/update',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+
+  // 行业品类 通过sid查询一条记录
+  industryFetchBySid: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/industrydictionary/getIndustryBySid/' + sid
+    })
+  },
+
+
+
+  // 类别维护 类别列表
+  classListPage: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/projtypedictionary/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 类别维护 通过sid删除一条或多条记录
+  classDelBySids: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/projtypedictionary/delete/' + sid,
+      method: 'delete'
+    })
+  },
+  // 类别维护 保存行业品类
+  saveClass: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/projtypedictionary/save',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 类别维护 修改行业品类
+  updateClass: function(params) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/projtypedictionary/update',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+  // 类别维护 通过sid查询一条记录
+  classFetchBySid: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/projtypedictionary/getProjTypeBySid/' + sid
+    })
+  },
+
+}

src/api/enterprise/enterprise.js

@@ -0,0 +1,50 @@
+import request from '@/utils/request'
+
+export default {
+
+  addInfo: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/enterpriseinformation/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  fetchBySid: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/enterpriseinformation/getEnterpriseBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/enterpriseinformation/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/enterpriseinformation/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+        baseURL: '/api/crm',
+      url: '/v1/enterpriseinformation/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+}

src/api/flowInstrument/flowInstrument.js

@@ -0,0 +1,58 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/flowmeter/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/flowmeter/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/flowmeter/getTankBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/flowmeter/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/flowmeter/delete/' + sid,
+      method: 'delete'
+    })
+  },
+  
+  flowmeterList: function(params) {
+    return request({
+      url: '/cyf/flowmeter/flowmeterList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+}

src/api/gfApi/index.js

@@ -0,0 +1,197 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+  // 获取供应商信息
+  getSupplierList: function(params) {
+    return request({
+      url: '/gf/supplier/getSupplierList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 查询合同
+  getContract: function(params) {
+    return request({
+      url: '/gf/supplier/getContract',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 物料管理列表
+  getMaterielList: function(params) {
+    return request({
+      url: '/gf/materiel/getMaterielList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 获取仓库列表
+  getWarehouse: function(params) {
+    return request({
+      url: '/gf/warehouse/getWarehouse',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 获取物料品牌列表
+  getMaterialBrandList: function(params) {
+    return request({
+      url: '/gf/materialBrand/getMaterialBrandList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 获取物料组
+  getMaterialGroup: function() {
+    return request({
+      url: '/gf/materialBrand/getMaterialGroup',
+      method: 'get'
+    })
+  },
+    // 获取出库申请
+    getOutStock: function(params) {
+      return request({
+        url: '/gf/outStock/getOutStock ',
+        method: 'post',
+        data: params,
+        headers: {
+          'Content-Type': 'application/json',
+          'token': tokens
+        }
+      })
+    },
+    // 查看出库申请详细信息
+    getOutStockInfo: function(id) {
+     return request({
+       url: '/gf/outStock/getOutStockInfo/' + id,
+       method: 'get',
+     })
+   },
+       // 获取出库记录列表
+    getOutStockMaterielList: function(params) {
+      return request({
+        url: '/gf/outStock/getOutStockMaterielList',
+        method: 'post',
+        data: params,
+        headers: {
+          'Content-Type': 'application/json',
+          'token': tokens
+        }
+      })
+    },
+    // 获取入库申请
+    getInStockList: function(params) {
+      return request({
+        url: '/gf/inStock/getInStockList',
+        method: 'post',
+     data: params,
+     headers: {
+       'Content-Type': 'application/json',
+       'token': tokens
+     }
+    })
+  },
+  // 获取入库记录列表
+  getInStockMaterielList: function(params) {
+  return request({
+     url: '/gf/inStock/getInStockMaterielList',
+     method: 'post',
+     data: params,
+     headers: {
+       'Content-Type': 'application/json',
+       'token': tokens
+     }
+   })
+ },
+  // 查看出库申请详细信息
+  getInStockInfo: function(id) {
+   return request({
+     url: '/gf/inStock/getInStockInfo/' + id,
+     method: 'get',
+   })
+ },
+   //  获取出入库记录 
+   getStockRecordList: function(params) {
+     return request({
+       url: '/gf/stockRecord/getStockRecordList',
+       method: 'post',
+       data: params,
+       headers: {
+         'Content-Type': 'application/json',
+         'token': tokens
+       }
+     })
+   },
+   //  获取库存管理 
+   getInventoryList: function(params) {
+     return request({
+       url: '/gf/inventory/getInventoryList',
+       method: 'post',
+       data: params,
+       headers: {
+         'Content-Type': 'application/json',
+         'token': tokens
+       }
+     })
+   },
+   //  获取出入库合同管理  
+   getPurchaseContractList: function(params) {
+     return request({
+       url: '/gf/purchaseContract/getPurchaseContractList',
+       method: 'post',
+       data: params,
+       headers: {
+         'Content-Type': 'application/json',
+         'token': tokens
+       }
+     })
+   },
+  // 获取出库类型
+  getOutType: function() {
+    return request({
+      url: '/gf/outStock/getOutType',
+      method: 'get'
+    })
+  },
+  // 获取入库类型
+  getInType: function() {
+    return request({
+      url: '/gf/inStock/getInType',
+      method: 'get'
+    })
+  },
+  // 获取代理商
+  getAgentList: function() {
+    return request({
+      url: '/gf/stockRecord/getAgentList ',
+      method: 'get'
+    })
+  },
+  // 获取审核状态
+  getStatus: function() {
+    return request({
+      url: '/gf/stockRecord/getStatus',
+      method: 'get'
+    })
+  },
+}

src/api/oilTank/oilTank.js

@@ -0,0 +1,100 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/tankinfo/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  selectTankInformation: function(params) {
+    return request({
+      url: '/cyf/tankinfo/selectTankInformation',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/tankinfo/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  crudeinfoList: function(params) {
+    return request({
+      url: '/cyf/crudeinfo/list',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  selectRecordBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinventory/selectRecordBySid/' + sid,
+      method: 'get'
+    })
+  },
+
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/getCrudeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 保存每次读取库存
+  saveInfo: function(data) {
+    return request({
+      url: '/cyf/crudeinventory/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  // 登记库存列表
+  crudeinventoryList: function(data) {
+    return request({
+      url: '/cyf/crudeinventory/listPage',
+      method: 'post',
+      data: data,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    });
+  },
+
+}

src/api/oilType/oilType.js

@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/crudeinfo/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/getCrudeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+}

src/api/oilTypeInAndOutBound/oilTypeInAndOutBound.js

@@ -0,0 +1,117 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+  // 获取油罐
+  tankList: function(params) {
+    return request({
+      url: '/cyf/tankinfo/tankList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+  // 获取油罐by Sid
+  tankLisBySid: function(sid) {
+    return request({
+       url: '/cyf/tankinfo/listByType/' + sid
+    })
+  },
+  // 获取入库信息 Sid
+  selectStorageBySid: function(sid) {
+    return request({
+       url: 'cyf/crudestorage/selectStorageBySid/' + sid,
+       method: 'get',
+    })
+  },
+  // 获取出库信息 Sid
+  getCrudeBySid: function(sid) {
+    return request({
+       url: 'cyf/crudeoutbound/getCrudeBySid/' + sid,
+       method: 'get',
+    })
+  },
+
+
+  // 入库
+
+  logPagerList: function(params) {
+    return request({
+      url: '/cyf/crudestorage/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  intAddInfo: function(data) {
+    return request({
+      url: '/cyf/crudestorage/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+
+  // 出库
+  // 查询分页列表
+  in112PagerList: function(params) {
+    return request({
+      url: '/cyf/crudeoutbound/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  outAddInfo: function(data) {
+    return request({
+      url: '/cyf/crudeoutbound/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  crudeinfoList: function(params) {
+    return request({
+      url: '/cyf/crudeinfo/list',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/getCrudeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+}

src/api/portal/Upload.js

@@ -0,0 +1,30 @@
+import request from '@/utils/request'
+import qs from 'qs'
+// 统一请求路径前缀
+const base = process.env.VUE_APP_URL
+
+// 文件上传接口
+export const uploadFile = '/api/file/upload'
+// export const uploadFile = process.env.VUE_APP_BASE_API + '/customer/file/upload'
+
+
+
+// 上传图片
+// export function imageUpload(data) {
+// 	return request({
+// 		url: '/portal/file/upload',
+// 		method: 'post',
+// 		data,
+// 		headers: { 'Content-Type': 'multipart/form-data' }
+// 	})
+// }
+
+// 移除图片
+export function deleteFilesOss(data) {
+	return request({
+		url: '/base/v1/baseVehicleAppendixs/deleteFilesOss',
+		method: 'post',
+    data: qs.stringify(data),
+		// headers: { 'Content-Type': 'multipart/form-data' }
+	})
+}

src/api/portal/areaPicker.js

@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+// 获取省/portal/v1/regions/getProvince
+export function getProvince(data) {
+  return request({
+    url: '/portal/v1/regions/getProvince',data,
+    method: 'get',
+    params:data,
+  })
+}
+// 根据省sid获取该省的所有市
+export function getCity(data) {
+  return request({
+    url: '/portal/v1/regions/getCity',
+    params:data,
+    method: 'get',
+  })
+}
+// 根据市sid获取该市的所有县区
+export function getCounty(data) {
+  return request({
+    url: '/portal/v1/regions/getCounty',
+    method: 'get',
+    params:data,
+  })
+}
+// // 区域列表（省市县均可用）
+// export function selectsList(data) {
+//   return request({
+//     url: '/portal/v1/regions/selectsList', data,
+//     method: 'post',
+//     headers: { 'Content-Type': 'application/json' }
+//   })
+// }

src/api/rawMaterialInAndOutBound/rawMaterialInAndOutBound.js

@@ -0,0 +1,97 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+  // 获取原料
+  inventoryList: function(params) {
+    return request({
+      url: '/cyf/rawinventory/inventoryList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  // 入库
+
+  logPagerList: function(params) {
+    return request({
+      url: '/cyf/rawstorage/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  intAddInfo: function(data) {
+    return request({
+      url: '/cyf/rawstorage/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+
+  // 出库
+  // 查询分页列表
+  
+  in112PagerList: function(params) {
+    return request({
+      url: '/cyf/rawoutbound/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  outAddInfo: function(data) {
+    return request({
+      url: '/cyf/rawoutbound/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  crudeinfoList: function(params) {
+    return request({
+      url: '/cyf/crudeinfo/list',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/getCrudeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+}

src/api/rawMaterialInfo/rawMaterialInfo.js

@@ -0,0 +1,69 @@
+import request from '@/utils/request'
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/rawinventory/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/rawinventory/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  rawMaterialType: function(params) {
+    return request({
+      url: '/cyf/rawtype/typeList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/getCrudeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/crudeinfo/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/crudeinfo/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 保存每次读取库存
+  saveInfo: function(data) {
+    return request({
+      url: '/cyf/crudeinventory/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+}

src/api/rawMaterialType/rawMaterialType.js

@@ -0,0 +1,48 @@
+import request from '@/utils/request'
+
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/rawtype/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/rawtype/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/rawtype/getTypeBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/rawtype/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/rawtype/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+}

src/api/storehouse/storehouse.js

@@ -0,0 +1,50 @@
+import request from '@/utils/request'
+
+export default {
+
+  addInfo: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/warehouselocation/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+  fetchBySid: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/warehouselocation/getWarehouseBySid//' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      baseURL: "/api/crm",
+      url: '/v1/warehouselocation/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      baseURL: '/api/crm',
+      url: '/v1/warehouselocation/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+        baseURL: '/api/crm',
+      url: '/v1/warehouselocation/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+  },
+}

src/api/supplier/supplier.js

@@ -0,0 +1,62 @@
+import request from '@/utils/request'
+
+let tokens = window.sessionStorage.getItem('tokenValue')
+export default {
+
+  // 查询分页列表
+  listPage: function(params) {
+    return request({
+      url: '/cyf/supplier/listPage',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+  addInfo: function(data) {
+    return request({
+      url: '/cyf/supplier/save',
+      method: 'post',
+      data: data
+    });
+  },
+
+
+  fetchBySid: function(sid) {
+    return request({
+      url: '/cyf/supplier/getSupplierBySid/' + sid
+    })
+  },
+
+  updateData: function(data) {
+    return request({
+      url: '/cyf/supplier/update',
+      method: 'post',
+      data: data
+    });
+  },
+
+  delBySids: function(sid) {
+    return request({
+      url: '/cyf/supplier/delete/' + sid,
+      method: 'delete'
+    })
+  },
+
+  // 供应商 数据字典
+  supplierList: function(params) {
+    return request({
+      url: '/cyf/supplier/supplierList',
+      method: 'post',
+      data: params,
+      headers: {
+        'Content-Type': 'application/json',
+        'token': tokens
+      }
+    })
+  },
+
+}

src/api/system/Role/role.js

@@ -0,0 +1,47 @@
+import request from '@/utils/request'
+import qs from 'qs'
+const tokens = window.sessionStorage.getItem('token')
+//
+export function rolemenus(data) {
+  return request({
+    url: '/system/v1/rolemenus/' + data.roleSid,
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取左侧菜单
+export function getrolemenus(data) {
+  return request({
+    baseURL: '/api',
+    url: '/portal/v1/sysmenu/sourcemenutree',
+    method: 'POST',
+    async: false,
+//  data: {userSid: data.userSid, sourceSid: '000011'},
+    data: data,
+    headers: { 'Content-Type': 'application/json',
+    'token': tokens }
+  })
+}
+
+// 获取角色的主页菜单
+export function sourcesofrole(data) {
+  return request({
+    url: '/system/v1/rolemenus/sourcesofrole',
+    method: 'POST',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+// 根据token值获取登录后的用户信息
+export function loginDetails(data) {
+  return request({
+    baseURL: '/api',
+    url: '/portal/v1/sysuser/loginDetails',
+    method: 'post',
+    data: data,
+    headers: {
+      'Content-Type': 'application/json'
+    }
+  })
+}

src/api/system/user/login.js

@@ -0,0 +1,38 @@
+import request from '@/utils/request'
+import qs from 'qs'
+
+
+//获取菜单 分页列表
+export function login1(data) {
+  return request({
+    url: '/portal/v1/sysuser/login',
+    method: 'POST',
+    data: data,
+    headers: {'Content-Type': 'application/json',
+//  'token':tokens
+    }
+  })
+}
+
+class user {
+  login(data) { // 登录
+    return request({
+      url: '/portal/v1/sysuser/login',
+      method: 'post',
+      data
+    })
+  }
+  logout() {  // 退出
+    return request({
+      url: '/vue-admin-template/user/logout',
+      method: 'post'
+    })
+  }
+  updatePassword(data) { // 退出修改密码
+    return request({
+      url: '/system/user/updatePassword',
+      method: 'post',
+      data: qs.stringify(data)
+    })
+  }
+}

src/api/user.js

@@ -0,0 +1,72 @@
+import request from '@/utils/request'
+// eslint-disable-next-line no-unused-vars
+import qs from 'qs'
+
+// 登录
+export function doLogin(data) {
+  return request({
+    url: '/gf/sys/doLogin',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+// 获取登录人员信息
+ export function getUserById(sid) {
+    return request({
+      url: '/cyf/sys/getUserById/' + sid
+    })
+  
+ } 
+// 登录
+export function login(data) {
+  return request({
+    url: '/portal/v1/sysuser/login',
+    method: 'post',
+    data: data,
+    headers: { 'Content-Type': 'application/json' }
+  })
+}
+
+// 用户注册
+export function registUser(data) {
+  return request({
+    url: '/system/user/save',
+    method: 'post',
+    data,
+    headers: { 'Content-Type': 'application/x-www-form-urlencoded;' }
+  })
+}
+
+// 获取手机验证码
+export function getVerificationCode(data) {
+  return request({
+    url: '/system/user/getVerificationCode',
+    method: 'get',
+    params: data
+  })
+}
+
+// 获取登录验证码
+export function imgCode() {
+  return request({
+    url: '/system/api/defaultBlendCode?temm=' + new Date().getTime(),
+    method: 'get'
+  })
+}
+
+// 获取用信息
+export function getInfo(token) {
+  return request({
+    url: '/system/user/loginDetails',
+    method: 'post'
+  })
+}
+
+export function logout(data) { // 退出
+  return request({
+    url: '/portal/v1/sysuser/signOut',
+    method: 'post',
+    data: qs.stringify(data)
+  })
+}

src/components/AreaPicker/index.vue

@@ -0,0 +1,151 @@
+<template>
+  <div class="AreaPicker">
+    <el-select v-model="form.province"
+      @change="changeProvince(form.province)"
+      filterable
+      placeholder="请选择省份"
+      :loading="loading == 'province'">
+      <el-option
+        v-for="item in province_list"
+        :key="item.sid"
+        :label="item.name"
+        :value="item.sid"
+        >
+      </el-option>
+    </el-select>
+    <el-select v-model="form.city"
+      @change='changeCity(form.city)'
+      filterable
+      placeholder="请选择市"
+      :loading="loading == 'city'"
+      style="margin-left: 8px;">
+      <el-option
+        v-for="item in city_list"
+        :key="item.sid"
+        :label="item.name"
+        :value="item.sid">
+      </el-option>
+    </el-select>
+    <el-select v-model="form.county"
+      @change='changeCounty(form.county)'
+      filterable
+      :loading="loading == 'county'"
+      placeholder="请选择县/区"
+      style="margin-left: 8px;">
+      <el-option
+        v-for="item in county_list"
+        :key="item.sid"
+        :label="item.name"
+        :value="item.sid">
+      </el-option>
+    </el-select>
+  </div>
+</template>
+
+<script>
+  import {
+  	getProvince,
+  	getCity,
+  	getCounty
+  } from '@/api/Common/areaPicker.js'
+  export default {
+    props:{
+      province:{
+        type: String,
+        default: ''
+      },
+      city:{
+        type: String,
+        default: ''
+      },
+      county:{
+        type: String,
+        default: ''
+      }
+    },
+    data() {
+      return {
+        province_list: [],
+        city_list: [],
+        county_list: [],
+        form:{
+          province: this.province,
+          city: this.city,
+          county: this.county
+        },
+        loading: false
+      }
+    },
+    watch:{
+      province:function(newVal,oldVal){
+        this.form.province = newVal
+      },
+      city:function(newVal,oldVal){
+        this.form.city = newVal
+      },
+      county:function(newVal,oldVal){
+        this.form.county = newVal
+      }
+    },
+    async mounted() {
+      let provincelist =  await getProvince()
+      this.province_list = provincelist.data
+      if(this.province){
+        let citylist =  await getCity({ sid: this.province })
+        this.city_list = citylist.data
+      }
+      if(this.city){
+        let countylist =  await getCounty({ sid: this.city })
+        this.county_list = countylist.data
+      }
+      this.loading = false
+    },
+    methods: {
+      changeProvince(val){
+        console.log(val)
+        getCity({ sid: val }).then(res => {
+          this.city_list = res.data
+          this.loading = false
+        })
+        let obj = {};
+        obj = this.province_list.find((item)=>{
+            return item.sid === val;//筛选出匹配数据
+        });
+        console.log(obj)
+        this.form.city = ''
+        this.form.county = ''
+        this.city_list = []
+        this.county_list = []
+        this.loading = 'city'
+        this.$emit('areaPicker', obj.sidPath)
+      },
+      changeCity(val){
+        let obj = {};
+        obj = this.city_list.find((item)=>{
+            return item.sid === val;//筛选出匹配数据
+        });
+        console.log(obj)
+        this.form.county = ''
+        this.county_list = []
+        this.loading = 'county'
+        this.$emit('areaPicker', obj.sidPath)
+        getCounty({ sid: val }).then(res => {
+          this.county_list = res.data
+          this.loading = false
+        })
+      },
+      changeCounty(val){
+        let obj = {};
+        obj = this.county_list.find((item)=>{
+            return item.sid === val;//筛选出匹配数据
+        });
+        this.$emit('areaPicker', obj.sidPath)
+      }
+    }
+  }
+</script>
+
+
+<style>
+
+</style>

src/components/Breadcrumb/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <el-breadcrumb class="app-breadcrumb" separator="/">
+    <transition-group name="breadcrumb">
+      <el-breadcrumb-item v-for="(item,index) in levelList" :key="item.path">
+        <span v-if="item.redirect==='noRedirect'||index==levelList.length-1" class="no-redirect">{{ item.meta.title }}</span>
+        <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
+      </el-breadcrumb-item>
+    </transition-group>
+  </el-breadcrumb>
+</template>
+
+<script>
+import pathToRegexp from 'path-to-regexp'
+
+export default {
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  watch: {
+    $route() {
+      this.getBreadcrumb()
+    }
+  },
+  created() {
+    this.getBreadcrumb()
+  },
+  methods: {
+    getBreadcrumb() {
+      // only show routes with meta.title
+      let matched = this.$route.matched.filter(item => item.meta && item.meta.title)
+      const first = matched[0]
+
+      if (!this.isDashboard(first)) {
+        matched = [{ path: '/dashboard', meta: { title: 'Dashboard' }}].concat(matched)
+      }
+
+      this.levelList = matched.filter(item => item.meta && item.meta.title && item.meta.breadcrumb !== false)
+    },
+    isDashboard(route) {
+      const name = route && route.name
+      if (!name) {
+        return false
+      }
+      return name.trim().toLocaleLowerCase() === 'Dashboard'.toLocaleLowerCase()
+    },
+    pathCompile(path) {
+      // To solve this problem https://github.com/PanJiaChen/vue-element-admin/issues/561
+      const { params } = this.$route
+      var toPath = pathToRegexp.compile(path)
+      return toPath(params)
+    },
+    handleLink(item) {
+      const { redirect, path } = item
+      if (redirect) {
+        this.$router.push(redirect)
+        return
+      }
+      this.$router.push(this.pathCompile(path))
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.app-breadcrumb.el-breadcrumb {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 50px;
+  margin-left: 8px;
+
+  .no-redirect {
+    color: #97a8be;
+    cursor: text;
+  }
+}
+</style>

src/components/ButtonBar/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <!--标题按钮部分开始-->
+  <div class="tab-header webtop">
+    <!--标题-->
+    <div>{{ viewTitle }}</div>
+    <!--start 按钮部分开始 :icon="item.icon"-->
+    <div>
+      <el-button v-for="item in btnList" :key="item.btnKey" :type="item.type" :size="item.size" :disabled="btndisabled" @click="btnHandle(item.btnKey)">
+        <svg-icon v-if="item.icon" :iconClass="item.icon"/>{{ item.btnLabel }}
+      </el-button>
+    </div>
+    <!--end 按钮部分结束-->
+  </div>
+  <!--标题按钮部分结束-->
+</template>
+
+<script>
+export default {
+  name: 'ButtonBar',
+  props: {
+    viewTitle: String,
+    btndisabled: { type: Boolean, default: false }
+  },
+  data() {
+    return {
+      currentPath: this.$route.path,
+      userSid: this.$store.getters.userInfo ? this.$store.getters.userInfo.userSid : '',
+      btnList: [
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'plus',
+          btnKey: 'toAdd',
+          btnLabel: '新增'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'edit',
+          btnKey: 'toEdit',
+          btnLabel: '编辑'
+        },
+        {
+          type: 'primary',
+          size: 'small',
+          icon: 'submit',
+          btnKey: 'doSubmit',
+          btnLabel: '提交'
+        },
+        {
+          type: 'danger',
+          size: 'small',
+          icon: 'del',
+          btnKey: 'doDel',
+          btnLabel: '删除'
+        },
+        {
+          type: 'success',
+          size: 'small',
+          icon: 'Import',
+          btnKey: 'doImport',
+          btnLabel: '导入'
+        },
+        {
+          type: 'success',
+          size: 'small',
+          icon: 'export',
+          btnKey: 'build',
+          btnLabel: '导出'
+        },
+        {
+          type: 'info',
+          size: 'small',
+          icon: 'cross',
+          btnKey: 'doClose',
+          btnLabel: '关闭'
+        }
+      ]
+    }
+  },
+  created: function() {
+    this.initPermission()
+  },
+  methods: {
+    initPermission() {
+      console.log('*******************当前路径    ' + this.currentPath)
+      console.log('*******************当前用户    ' + this.userSid)
+      const params = {
+        currentPath: this.currentPath,
+        userSid: this.userSid
+      }
+      // req
+      //   .buttonPermission(params)
+      //   .then(resp => {
+      //     if (resp.success) {
+      //       this.btnList = resp.data
+      //     }
+      //   })
+      //   .catch(e => {
+      //     console.log('请求权限按钮组出错：' + e)
+      //   })
+    },
+    btnHandle(btnKey) {
+      this.$emit('btnhandle', btnKey)
+    },
+    setButtonList(value) {
+      this.btnList = value
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.16em;
+  fill: currentColor;
+  overflow: hidden;
+  margin-right: 3px;
+}
+</style>

src/components/E-image/index.vue

@@ -0,0 +1,45 @@
+<template>
+  <el-image
+    :preview-src-list="[url]"
+    class="block-img"
+    :src="url"
+    @click.stop="handleClickItem"></el-image>
+</template>
+
+<script>
+  export default {
+    props: {
+      url: {
+        type: String,
+        default: ''
+      },
+    },
+    data() {
+      return {
+      }
+    },
+    methods: {
+      handleClickItem() {
+        // 获取遮罩层dom
+        let domImageMask = document.querySelector(".el-image-viewer__mask");
+        if (!domImageMask) {
+          return;
+        }
+        domImageMask.addEventListener("click", () => {
+          // 点击遮罩层时调用关闭按钮的 click 事件
+          document.querySelector(".el-image-viewer__close").click();
+        });
+      }
+    }
+  }
+</script>
+
+<style>
+  .block-img{
+    width: 30px;
+    height: 30px;
+  }
+  .el-icon-circle-close{
+    color: white;
+  }
+</style>