From 2adac54895ed988008e03ad643659f9f9e980357 Mon Sep 17 00:00:00 2001 From: zhangds Date: Thu, 28 Jul 2022 10:12:00 +0800 Subject: [PATCH] update --- src/assets/api.js | 769 +++++++++--------- .../UseUploadExcel/index copy 2.jsx | 362 --------- src/components/UseUploadExcel/index copy.jsx | 182 ++++- src/components/UseUploadExcel/index.jsx | 49 +- src/pages/plan/key/detail/list.js | 2 +- 5 files changed, 562 insertions(+), 802 deletions(-) delete mode 100644 src/components/UseUploadExcel/index copy 2.jsx diff --git a/src/assets/api.js b/src/assets/api.js index 887dc247..41ccccc7 100644 --- a/src/assets/api.js +++ b/src/assets/api.js @@ -1,30 +1,30 @@ -import { Notify } from 'zent' +import { Notify } from "zent"; // export const baseurl = 'https://marketapi.1688sup.com' -const Version = 'v1.3.0' +const Version = "v1.3.0"; // window.baseurl = 'http://pre.marketapi.1688sup.com' -let baseurl = '' -if (process.env.NODE_ENV == 'test' || process.env.NODE_ENV == 'development') { +let baseurl = ""; +if (process.env.NODE_ENV == "test" || process.env.NODE_ENV == "development") { // 测试环境 - baseurl = 'http://192.168.6.75' - window.baseurl = 'http://192.168.6.75' + baseurl = "http://192.168.6.75"; + window.baseurl = "http://192.168.6.75"; } -if (process.env.NODE_ENV == 'production') { +if (process.env.NODE_ENV == "production") { // 生成环境 - baseurl = 'https://marketapi.1688sup.com' - window.baseurl = 'https://marketapi.1688sup.com' + baseurl = "https://marketapi.1688sup.com"; + window.baseurl = "https://marketapi.1688sup.com"; } const upload = (method, url, params, responseType) => { let obj = { method: method, headers: new Headers({ - authorization: sessionStorage.getItem('authorization'), - Version: Version + authorization: sessionStorage.getItem("authorization"), + Version: Version, }), - body: params - } + body: params, + }; let http = fetch(url, obj).then((res) => { if (res.status == 200) { - return res.json() + return res.json(); } else { switch (res.status) { // 401: 未登录 @@ -33,53 +33,53 @@ const upload = (method, url, params, responseType) => { .json() .then((response) => { if (response.code == 403) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); setTimeout(() => { - window.location.href = '/' - }, 2000) + window.location.href = "/"; + }, 2000); } else if (response.code == 401) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); } }) - .catch() - break + .catch(); + break; default: - return + return; } } - }) + }); return http .then((response) => response) - .catch((error) => console.error('Error:', error)) -} + .catch((error) => console.error("Error:", error)); +}; const derive = (method, url, params, responseType) => { var obj = { - responseType: 'blob', + responseType: "blob", headers: new Headers({ - authorization: sessionStorage.getItem('authorization'), - Version: Version - }) - } - if (method == 'get') { + authorization: sessionStorage.getItem("authorization"), + Version: Version, + }), + }; + if (method == "get") { if (params) { - let paramsArray = [] + let paramsArray = []; //拼接参数 Object.keys(params).forEach((key) => - paramsArray.push(key + '=' + params[key]) - ) + paramsArray.push(key + "=" + params[key]) + ); if (url.search(/\?/) === -1) { - url += '?' + paramsArray.join('&') + url += "?" + paramsArray.join("&"); } else { - url += '&' + paramsArray.join('&') + url += "&" + paramsArray.join("&"); } } } let http = fetch(url, obj).then((res) => { if (res.status == 200) { - return res.blob() + return res.blob(); } else { switch (res.status) { // 401: 未登录 @@ -88,57 +88,57 @@ const derive = (method, url, params, responseType) => { .json() .then((response) => { if (response.code == 403) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); setTimeout(() => { - window.location.href = '/' - }, 2000) + window.location.href = "/"; + }, 2000); } else if (response.code == 401) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); } }) - .catch() - break + .catch(); + break; default: - return + return; } } - }) + }); return http .then((response) => response) - .catch((error) => console.error('Error:', error)) -} + .catch((error) => console.error("Error:", error)); +}; const getData = (method, url, params, responseType) => { - var obj = null - if (method == 'get') { + var obj = null; + if (method == "get") { obj = { headers: new Headers({ - authorization: sessionStorage.getItem('authorization'), - Version: Version - }) - } + authorization: sessionStorage.getItem("authorization"), + Version: Version, + }), + }; if (params) { - let paramsArray = [] + let paramsArray = []; //拼接参数 Object.keys(params).forEach((key) => - paramsArray.push(key + '=' + params[key]) - ) + paramsArray.push(key + "=" + params[key]) + ); if (url.search(/\?/) === -1) { - url += '?' + paramsArray.join('&') + url += "?" + paramsArray.join("&"); } else { - url += '&' + paramsArray.join('&') + url += "&" + paramsArray.join("&"); } } } let http = fetch(url, obj).then((res) => { - window.timeshow = res.headers.get('Date-Time') + window.timeshow = res.headers.get("Date-Time"); if (res.status == 200) { - console.log('当前返回', res.body) + console.log("当前返回", res.body); - return res.text() + return res.text(); } else { switch (res.status) { // 401: 未登录 @@ -147,80 +147,80 @@ const getData = (method, url, params, responseType) => { .json() .then((response) => { if (response.code == 403) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); setTimeout(() => { - window.location.href = '/' - }, 2000) + window.location.href = "/"; + }, 2000); } else if (response.code == 401) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); } }) - .catch() + .catch(); - break + break; default: - return + return; } } - }) + }); return http .then((response) => response) - .catch((error) => console.error('Error:', error)) -} + .catch((error) => console.error("Error:", error)); +}; const req = (method, url, params, responseType) => { - var obj = null - if (method == 'get') { + var obj = null; + if (method == "get") { obj = { headers: new Headers({ - authorization: sessionStorage.getItem('authorization'), - Version: Version - }) - } + authorization: sessionStorage.getItem("authorization"), + Version: Version, + }), + }; if (params) { - let paramsArray = [] + let paramsArray = []; //拼接参数 Object.keys(params).forEach((key) => - paramsArray.push(key + '=' + params[key]) - ) + paramsArray.push(key + "=" + params[key]) + ); if (url.search(/\?/) === -1) { - url += '?' + paramsArray.join('&') + url += "?" + paramsArray.join("&"); } else { - url += '&' + paramsArray.join('&') + url += "&" + paramsArray.join("&"); } } } - if (method == 'login') { + if (method == "login") { obj = { - method: 'post', + method: "post", body: JSON.stringify(params), headers: new Headers({ - 'Content-Type': 'application/json', - Version: Version - }) - } + "Content-Type": "application/json", + Version: Version, + }), + }; } - if (method == 'post' || method == 'put' || method == 'delete') { + if (method == "post" || method == "put" || method == "delete") { obj = { method: method, body: JSON.stringify(params), headers: new Headers({ - 'Content-Type': 'application/json', - authorization: sessionStorage.getItem('authorization'), - Version: Version - }) - } + "Content-Type": "application/json", + authorization: sessionStorage.getItem("authorization"), + Version: Version, + }), + }; } let http = fetch(url, obj).then((res) => { - window.timeshow = res.headers.get('Date-Time') + window.timeshow = res.headers.get("Date-Time"); if (res.status == 200) { - console.log('当前返回', res.body) + console.log("当前返回", res.body); - return res.json() + return res.json(); } else { switch (res.status) { // 401: 未登录 @@ -229,484 +229,484 @@ const req = (method, url, params, responseType) => { .json() .then((response) => { if (response.code == 403) { - Notify.clear() - Notify.error(response.message) + Notify.clear(); + Notify.error(response.message); setTimeout(() => { - window.location.href = '/' - }, 2000) + window.location.href = "/"; + }, 2000); } else if (response.code == 401) { // Notify.clear() // Notify.error(response.message) } }) - .catch() + .catch(); - break + break; default: - return + return; } } - }) + }); return http .then((response) => response) - .catch((error) => console.error('Error:', error)) -} + .catch((error) => console.error("Error:", error)); +}; export const handelResponse = (res, cb, errCb) => { if (res && res.code == 200) { - cb(res.data, res.message) + cb(res.data, res.message); } else { - if (res && typeof errCb == 'function') { - Notify.clear() + if (res && typeof errCb == "function") { + Notify.clear(); // Notify.error(res.message); - errCb(res.message) + errCb(res.message); } } -} +}; //营销计划列表 export const getPlanList = (params) => { - return req('get', baseurl + '/plan', params) -} + return req("get", baseurl + "/plan", params); +}; //获取key批次列表 export const getKeyList = (params) => { - return req('get', baseurl + '/keys', params) -} + return req("get", baseurl + "/keys", params); +}; //获取分销商下拉菜单 export const getReSellerOption = (params) => { - return req('get', baseurl + '/reseller/choice', params) -} + return req("get", baseurl + "/reseller/choice", params); +}; //新建营销计划 export const addPlanStep = (id, params) => { - let str = id ? '/' + id : '' + let str = id ? "/" + id : ""; if (str) { - return req('put', baseurl + '/plan/step' + str, params) + return req("put", baseurl + "/plan/step" + str, params); } - return req('post', baseurl + '/plan/step' + str, params) -} + return req("post", baseurl + "/plan/step" + str, params); +}; //获取营销计划草稿信息 export const getDraftInfo = (id, params) => { - return req('get', baseurl + '/plan/draft/' + id, params) -} + return req("get", baseurl + "/plan/draft/" + id, params); +}; //启用停用 营销计划 export const startOrStopPlan = (id, params) => { - return req('put', baseurl + '/plan/status/' + id, params) -} + return req("put", baseurl + "/plan/status/" + id, params); +}; //创建key批次信息 export const addKeysBatchInfo = (id, params) => { - return req('post', baseurl + '/plan/' + id + '/keys', params) -} + return req("post", baseurl + "/plan/" + id + "/keys", params); +}; //编辑修改 export const putPlanStep = (id, params) => { - return req('put', baseurl + '/plan/edit/' + id, params) -} + return req("put", baseurl + "/plan/edit/" + id, params); +}; //获取key批次信息 export const getKeysBatchInfo = (id, params) => { - return req('get', baseurl + '/keys', params) -} + return req("get", baseurl + "/keys", params); +}; //启用停用key批次信息 export const startOrStopKeybatch = (id, params) => { - return req('put', baseurl + '/keys/status/' + id, params) -} + return req("put", baseurl + "/keys/status/" + id, params); +}; //获取key批次详细信息 export const getKeyBatchDetail = (id, params) => { - return req('get', baseurl + '/keys/' + id, params) -} + return req("get", baseurl + "/keys/" + id, params); +}; //更新key批次详细信息 export const putKeyBatchDetail = (id, params) => { - return req('put', baseurl + '/keys/' + id, params) -} + return req("put", baseurl + "/keys/" + id, params); +}; //发送key批次压缩包和压缩包密码 export const planSend = (id, params) => { - return req('put', baseurl + '/plan/send/' + id, params) -} + return req("put", baseurl + "/plan/send/" + id, params); +}; //是否已经发送过邮件 export const planIsSend = (id) => { - return req('get', baseurl + '/plan/is_send/' + id) -} + return req("get", baseurl + "/plan/is_send/" + id); +}; //重新修改手机号邮箱 export const planReceive = (id, params) => { - return req('put', baseurl + '/plan/receive/' + id, params) -} + return req("put", baseurl + "/plan/receive/" + id, params); +}; //重新发送key批次压缩包和压缩包密码 export const planResend = (id, params) => { - return req('put', baseurl + '/plan/resend/' + id, params) -} + return req("put", baseurl + "/plan/resend/" + id, params); +}; export const keysIsSend = (id, params) => { - return req('get', baseurl + '/keys/is_send/' + id, params) -} + return req("get", baseurl + "/keys/is_send/" + id, params); +}; //作废key批次 export const cancelKey = (id, params) => { - return req('put', baseurl + '/keys/cancel/' + id, params) -} + return req("put", baseurl + "/keys/cancel/" + id, params); +}; //删除草稿key批次 export const deldraftCode = (id) => { - return req('delete', baseurl + '/plan/delete/' + id) -} + return req("delete", baseurl + "/plan/delete/" + id); +}; //发送密钥邮件 export const postKeyEmail = (id, params) => { - return req('put', baseurl + '/keys/send/' + id, params) -} + return req("put", baseurl + "/keys/send/" + id, params); +}; //修改密钥邮件 export const putKeyEmail = (id, params) => { - return req('put', baseurl + '/keys/receive/' + id, params) -} + return req("put", baseurl + "/keys/receive/" + id, params); +}; export const resKeyEmail = (id, params) => { - return req('put', baseurl + '/keys/resend/' + id, params) -} + return req("put", baseurl + "/keys/resend/" + id, params); +}; // 兑换码管理 //兑换码管理列表 export const getCodesList = (params) => { - return getData('get', baseurl + '/codes', params) -} + return getData("get", baseurl + "/codes", params); +}; //获取兑换码明细 export const getCodesDetail = (id) => { - return req('get', baseurl + '/codes/' + id) -} + return req("get", baseurl + "/codes/" + id); +}; //修改兑换码批次 export const putCodesBatch = (id, params) => { - return req('put', baseurl + '/codes/edit/' + id, params) -} + return req("put", baseurl + "/codes/edit/" + id, params); +}; //作废本批次兑换码 export const delCode = (id) => { - return req('delete', baseurl + '/codes/discard/' + id) -} + return req("delete", baseurl + "/codes/discard/" + id); +}; //作废本批次兑换码 export const putCodeStatus = (id, params) => { - return req('put', baseurl + '/codes/status/' + id, params) -} + return req("put", baseurl + "/codes/status/" + id, params); +}; //兑换码商品列表 export const getCodeProductList = (params) => { - return req('get', baseurl + '/codes/products', params) -} + return req("get", baseurl + "/codes/products", params); +}; //删除商品库存信息 export const delCodeProduct = (id) => { - return req('delete', baseurl + '/codes/products/' + id) -} + return req("delete", baseurl + "/codes/products/" + id); +}; //更新单个商品信息 export const putCodeProduct = (batch_id, id, params) => { - return req('put', baseurl + '/codes/products/' + batch_id + '/' + id, params) -} + return req("put", baseurl + "/codes/products/" + batch_id + "/" + id, params); +}; //获取商品库存明细 export const getCodeProduct = (batch_id, id) => { - return req('get', baseurl + '/codes/products/' + batch_id + '/' + id) -} + return req("get", baseurl + "/codes/products/" + batch_id + "/" + id); +}; //获取商品库存明细 export const getIsRequireApproval = (id, data) => { - return req('post', baseurl + '/codes/' + id + '/is_require_approval', data) -} + return req("post", baseurl + "/codes/" + id + "/is_require_approval", data); +}; // //蓝色兄弟映射商品 export const getProductInfoSelect = (params) => { - return req('get', baseurl + '/product/market/products', params) -} + return req("get", baseurl + "/product/market/products", params); +}; // 上传 export const uploadImg = (params) => { - return upload('post', baseurl + '/upload/simple', params) -} + return upload("post", baseurl + "/upload/simple", params); +}; // 订单管理 //订单管理列表 export const getOrderList = (params) => { - return req('get', baseurl + '/order', params) -} + return req("get", baseurl + "/order", params); +}; //订单管理详情 export const getOrderDetails = (id) => { - return req('get', baseurl + '/order/' + id) -} + return req("get", baseurl + "/order/" + id); +}; //订单导出 export const getOrderExport = (params) => { - return derive('get', baseurl + '/order/export', params) -} + return derive("get", baseurl + "/order/export", params); +}; //订单改为成功 export const putOrderSuccess = (id) => { - return req('put', baseurl + '/order/success/' + id) -} + return req("put", baseurl + "/order/success/" + id); +}; //订单日志 export const getOrderLog = (orderId, params) => { - return req('get', baseurl + '/order/' + orderId + '/log', params) -} + return req("get", baseurl + "/order/" + orderId + "/log", params); +}; //订单作废 export const putOrderCancel = (id) => { - return req('put', baseurl + '/order/cancel/' + id) -} + return req("put", baseurl + "/order/cancel/" + id); +}; // 分销商管理 //分销商管理列表 export const getResellerList = (params) => { - return req('get', baseurl + '/reseller', params) -} + return req("get", baseurl + "/reseller", params); +}; //新建分销商异步校验分销商名称是否重复 export const getExistName = (name) => { - return req('get', baseurl + '/reseller/exist_name?name=' + name) -} + return req("get", baseurl + "/reseller/exist_name?name=" + name); +}; //编辑分销商异步校验分销商名称是否重复 export const geteditExistName = (name, params) => { - return req('get', baseurl + '/reseller/exist_name?name=' + name, params) -} + return req("get", baseurl + "/reseller/exist_name?name=" + name, params); +}; //新建分销商异步校验分销商登陆账号是否重复 export const getExistAccount = (name) => { - return req('get', baseurl + '/reseller/exist_account/' + name) -} + return req("get", baseurl + "/reseller/exist_account/" + name); +}; //编辑分销商异步校验分销商登陆账号是否重复 export const geteditExistAccount = (name, params) => { - return req('get', baseurl + '/reseller/exist_account/' + name, params) -} + return req("get", baseurl + "/reseller/exist_account/" + name, params); +}; //新建分销商-销售人员 export const getPersonnel = () => { - return req('get', baseurl + '/auth/admin/all') -} + return req("get", baseurl + "/auth/admin/all"); +}; //新建分销商-签约公司 export const getCompany = () => { - return req('get', baseurl + '/auth/company/all') -} + return req("get", baseurl + "/auth/company/all"); +}; //删除分销商 export const delReseller = (id) => { - return req('delete', baseurl + '/reseller/' + id) -} + return req("delete", baseurl + "/reseller/" + id); +}; //修改分销商状态 export const putResellerStatus = (id, data) => { - return req('put', baseurl + '/reseller/status/' + id, data) -} + return req("put", baseurl + "/reseller/status/" + id, data); +}; //新建分销商 export const postCreateReseller = (data) => { - return req('post', baseurl + '/reseller/create', data) -} + return req("post", baseurl + "/reseller/create", data); +}; //获取分销商详情 export const getReseller = (id) => { - return req('get', baseurl + '/reseller/' + id) -} + return req("get", baseurl + "/reseller/" + id); +}; //编辑分销商 export const putResellerInfo = (id, data) => { - return req('put', baseurl + '/reseller/' + id, data) -} + return req("put", baseurl + "/reseller/" + id, data); +}; //重置分销商密码 export const putResellerPwd = (id, data) => { - return req('put', baseurl + '/reseller/password/' + id, data) -} + return req("put", baseurl + "/reseller/password/" + id, data); +}; //重置分销商密码 export const getResellerSelect = (data) => { - return req('get', baseurl + '/reseller/exist_account/name', data) -} + return req("get", baseurl + "/reseller/exist_account/name", data); +}; // 账号管理 //账号管理列表 export const getAccountList = (params) => { - return req('get', baseurl + '/auth/admin', params) -} + return req("get", baseurl + "/auth/admin", params); +}; //修改账号状态 export const putAccountStatus = (id, params) => { - return req('put', baseurl + '/auth/admin/status/' + id, params) -} + return req("put", baseurl + "/auth/admin/status/" + id, params); +}; // 删除账号 export const delAccount = (id) => { - return req('delete', baseurl + '/auth/admin/' + id) -} + return req("delete", baseurl + "/auth/admin/" + id); +}; // 重置账号密码 export const putModifypwd = (id, data) => { - return req('put', baseurl + '/auth/admin/password/' + id, data) -} + return req("put", baseurl + "/auth/admin/password/" + id, data); +}; //添加账号-获取部门 export const getDepartment = (params) => { - return req('get', baseurl + '/auth/department', params) -} + return req("get", baseurl + "/auth/department", params); +}; //添加账号-获取岗位 export const getDepartmentJob = (params) => { - return req('get', baseurl + '/auth/departmentJob', params) -} + return req("get", baseurl + "/auth/departmentJob", params); +}; //添加账号-获取角色 export const getRole = (params) => { - return req('get', baseurl + '/auth/adminRole', params) -} + return req("get", baseurl + "/auth/adminRole", params); +}; //添加账号-新增账号 export const postAddAcc = (params) => { - return req('post', baseurl + '/auth/admin', params) -} + return req("post", baseurl + "/auth/admin", params); +}; //添加账号-编辑账号 export const putAddAcc = (id, params) => { - return req('put', baseurl + '/auth/admin/' + id, params) -} + return req("put", baseurl + "/auth/admin/" + id, params); +}; //子账号 //获取子账号权限 export const getsubAccount = (id) => { - return req('get', baseurl + '/auth/admin/adminRoleRules/' + id) -} + return req("get", baseurl + "/auth/admin/adminRoleRules/" + id); +}; //新增子账号 export const postAddSubAcc = (params) => { - return req('post', baseurl + '/auth/admin/createSon', params) -} + return req("post", baseurl + "/auth/admin/createSon", params); +}; //修改子账号 export const putAddSubAcc = (id, data) => { - return req('put', baseurl + '/auth/admin/editSon/' + id, data) -} + return req("put", baseurl + "/auth/admin/editSon/" + id, data); +}; //子账号列表 export const getSubAccList = (params) => { - return req('get', baseurl + '/auth/admin/sonIndex', params) -} + return req("get", baseurl + "/auth/admin/sonIndex", params); +}; //获取指定账号下的子账号列表 export const getsubAppoint = (id, params) => { - return req('get', baseurl + '/auth/admin/accountSonIndex/' + id, params) -} + return req("get", baseurl + "/auth/admin/accountSonIndex/" + id, params); +}; // 数据迁移获取角色下主账号（平级） export const getLevelSubList = (id) => { - return req('get', baseurl + '/auth/admin/roleAccounts/' + id) -} + return req("get", baseurl + "/auth/admin/roleAccounts/" + id); +}; //主账号数据向下迁移 export const putAcctransfer = (data) => { - return req('put', baseurl + '/auth/admin/downMigration', data) -} + return req("put", baseurl + "/auth/admin/downMigration", data); +}; // 主账号数据平行迁移 export const putequalMigration = (data) => { - return req('put', baseurl + '/auth/admin/equalMigration', data) -} + return req("put", baseurl + "/auth/admin/equalMigration", data); +}; // 角色管理 //角色管理列表 export const getRoleList = (params) => { - return req('get', baseurl + '/auth/adminRole', params) -} + return req("get", baseurl + "/auth/adminRole", params); +}; //角色获取权限列表 export const getMenuList = (params) => { - return req('get', baseurl + '/auth/menu/tree', params) -} + return req("get", baseurl + "/auth/menu/tree", params); +}; //角色删除 export const delRole = (id) => { - return req('delete', baseurl + '/auth/adminRole/' + id) -} + return req("delete", baseurl + "/auth/adminRole/" + id); +}; //角色添加 export const postRole = (data) => { - return req('post', baseurl + '/auth/adminRole', data) -} + return req("post", baseurl + "/auth/adminRole", data); +}; //角色编辑 export const putEditRole = (id, data) => { - return req('put', baseurl + '/auth/adminRole/' + id, data) -} + return req("put", baseurl + "/auth/adminRole/" + id, data); +}; //岗位列表 //新建公司 export const postCompany = (data) => { - return req('post', baseurl + '/auth/company', data) -} + return req("post", baseurl + "/auth/company", data); +}; //删除公司 export const delCompany = (id) => { - return req('delete', baseurl + '/auth/company/' + id) -} + return req("delete", baseurl + "/auth/company/" + id); +}; //编辑公司 export const postCompanyEdit = (id, data) => { - return req('put', baseurl + '/auth/company/' + id, data) -} + return req("put", baseurl + "/auth/company/" + id, data); +}; //新建部门 export const postDepartment = (data) => { - return req('post', baseurl + '/auth/department', data) -} + return req("post", baseurl + "/auth/department", data); +}; //删除部门 export const delDepartment = (id) => { - return req('delete', baseurl + '/auth/department/' + id) -} + return req("delete", baseurl + "/auth/department/" + id); +}; //编辑部门 export const postDepartmentEdit = (id, data) => { - return req('put', baseurl + '/auth/department/' + id, data) -} + return req("put", baseurl + "/auth/department/" + id, data); +}; //新建岗位 export const postDepartmentJob = (data) => { - return req('post', baseurl + '/auth/departmentJob', data) -} + return req("post", baseurl + "/auth/departmentJob", data); +}; //删除岗位 export const delDepartmentJob = (id) => { - return req('delete', baseurl + '/auth/departmentJob/' + id) -} + return req("delete", baseurl + "/auth/departmentJob/" + id); +}; //编辑岗位 export const postDepartmentJobEdit = (id, data) => { - return req('put', baseurl + '/auth/departmentJob/' + id, data) -} + return req("put", baseurl + "/auth/departmentJob/" + id, data); +}; //枚举 export const getAllEnum = (data) => { - return req('get', baseurl + '/enum', data) -} + return req("get", baseurl + "/enum", data); +}; //菜单维护 //新建菜单 export const postCreateMenu = (data) => { - return req('post', baseurl + '/auth/menu', data) -} + return req("post", baseurl + "/auth/menu", data); +}; //编辑菜单 export const putmodifyMenu = (id, data) => { - return req('put', baseurl + '/auth/menu/' + id, data) -} + return req("put", baseurl + "/auth/menu/" + id, data); +}; //删除菜单 export const delMenu = (id) => { - return req('delete', baseurl + '/auth/menu/' + id) -} + return req("delete", baseurl + "/auth/menu/" + id); +}; //添加定制化模板 export const postThemecustom = (data) => { - return upload('post', baseurl + '/plan/theme/custom', data) -} + return upload("post", baseurl + "/plan/theme/custom", data); +}; //添加定制化模板 export const copyThemecustom = (id, data) => { - return upload('put', baseurl + '/plan/theme/clone/' + id, data) -} + return upload("put", baseurl + "/plan/theme/clone/" + id, data); +}; //登录 export const postLogin = (data) => { - return req('login', baseurl + '/auth/login', data) -} + return req("login", baseurl + "/auth/login", data); +}; // logout退出登录 //连续输入三次，需验证码校验 export const getVerify = (params) => { - return req('post', baseurl + '/auth/login/verify', params) -} + return req("post", baseurl + "/auth/login/verify", params); +}; //获取用户信息接口 export const getUserinfo = (params) => { - return req('get', baseurl + '/auth/admin/userinfo', params) -} + return req("get", baseurl + "/auth/admin/userinfo", params); +}; //设置登录密码 export const putmodifySelf = (data) => { - return req('put', baseurl + '/auth/admin/setPassword', data) -} + return req("put", baseurl + "/auth/admin/setPassword", data); +}; //验证码登录发送验证码 export const postsendLoginCode = (data) => { - return req('post', baseurl + '/sms/sendLoginCode', data) -} + return req("post", baseurl + "/sms/sendLoginCode", data); +}; // 短信验证码登录 export const postLoginCode = (data) => { - return req('post', baseurl + '/auth/login/mobile', data) -} + return req("post", baseurl + "/auth/login/mobile", data); +}; // { // "mobile": "15184345039", // "code": "04593" @@ -714,156 +714,161 @@ export const postLoginCode = (data) => { //获取落地页下拉菜单 export const getThemeSel = (id) => { - return req('get', baseurl + '/plan/choice_theme') -} + return req("get", baseurl + "/plan/choice_theme"); +}; //获取落地页列表 export const getThemeList = (data) => { - return req('get', baseurl + '/plan/plan_theme', data) -} + return req("get", baseurl + "/plan/plan_theme", data); +}; //删除落地页 export const delTheme = (id) => { - return req('delete', baseurl + '/plan/theme/' + id) -} + return req("delete", baseurl + "/plan/theme/" + id); +}; //编辑模板 export const putMyTheme = (id, data) => { - return req('put', baseurl + '/plan/theme/' + id, data) -} + return req("put", baseurl + "/plan/theme/" + id, data); +}; export const getThemeChoice = (data) => { - return req('get', baseurl + '/plan/theme/choice', data) -} + return req("get", baseurl + "/plan/theme/choice", data); +}; //新增落地页模板 export const addTheme = (data) => { - return req('post', baseurl + '/plan/theme', data) -} + return req("post", baseurl + "/plan/theme", data); +}; //编辑落地页模板 export const putTheme = (id, data) => { - return req('put', baseurl + '/plan/plan_theme/' + id, data) -} + return req("put", baseurl + "/plan/plan_theme/" + id, data); +}; //我的模板列表查询 export const getTheme = (data) => { - return req('get', baseurl + '/plan/theme', data) -} + return req("get", baseurl + "/plan/theme", data); +}; //克隆落地页模板 export const cloneTheme = (data) => { - return req('put', baseurl + '/plan/theme/clone', data) -} + return req("put", baseurl + "/plan/theme/clone", data); +}; //获取系统模板 export const getSystemTemplate = (data) => { - return req('get', baseurl + '/plan/theme/system', data) -} + return req("get", baseurl + "/plan/theme/system", data); +}; //编辑系统模板 export const putSystemTemplate = (id, data) => { - return req('put', baseurl + '/plan/theme/system/' + id, data) -} + return req("put", baseurl + "/plan/theme/system/" + id, data); +}; //新增系统模板 export const addSystemTemplate = (data) => { - return req('post', baseurl + '/plan/theme/system', data) -} + return req("post", baseurl + "/plan/theme/system", data); +}; //删除系统模板 export const delSystemTemplate = (id) => { - return req('delete', baseurl + '/plan/theme/system/' + id) -} + return req("delete", baseurl + "/plan/theme/system/" + id); +}; //获取系统模板分类 export const getThemeType = () => { - return req('get', baseurl + '/plan/theme/getThemeType') -} + return req("get", baseurl + "/plan/theme/getThemeType"); +}; //key码列表 export const getkeyDetailList = (id, data) => { - return req('get', baseurl + '/key/' + id, data) -} + return req("get", baseurl + "/key/" + id, data); +}; //提交审核 export const approvals = (id, data) => { - return req('post', baseurl + '/plan/' + id + '/approvals', data) -} + return req("post", baseurl + "/plan/" + id + "/approvals", data); +}; export const getApprovalsInfo = (id, data) => { return req( - 'get', - baseurl + '/approvals/' + id + '/market_approval_data', + "get", + baseurl + "/approvals/" + id + "/market_approval_data", data - ) -} + ); +}; export const terminateApprovals = (id, data) => { - return req('put', baseurl + '/approvals/' + id + '/terminate', data) -} + return req("put", baseurl + "/approvals/" + id + "/terminate", data); +}; export const getApprovalsStatus = (id, data) => { - return req('get', baseurl + '/approvals/' + id + '/status') -} + return req("get", baseurl + "/approvals/" + id + "/status"); +}; //作废 export const keyBatchCancel = (data) => { - return req('put', baseurl + '/key/batch_cancel', data) -} + return req("put", baseurl + "/key/batch_cancel", data); +}; //作废 export const keyCancel = (data) => { - return req('put', baseurl + '/key/cancel', data) -} + return req("put", baseurl + "/key/cancel", data); +}; //标记使用 export const keyBatchUsage = (data) => { - return req('put', baseurl + '/key/batch_usage', data) -} + return req("put", baseurl + "/key/batch_usage", data); +}; //标记使用 export const keyUsage = (data) => { - return req('put', baseurl + '/key/usage', data) -} + return req("put", baseurl + "/key/usage", data); +}; //获取日志 export const getKeyLog = (data) => { - return req('get', baseurl + '/key/log/list', data) -} + return req("get", baseurl + "/key/log/list", data); +}; //白名单数据校验 export const getAccessVerification = (data) => { - return req('post', baseurl + '/keys/mobileAccessVerification', data) -} + return req("post", baseurl + "/keys/mobileAccessVerification", data); +}; //计划作废 export const planCancel = (id) => { - return req('put', baseurl + '/plan/cancel/' + id) -} + return req("put", baseurl + "/plan/cancel/" + id); +}; //key审批 export const keyApproval = (plan_id, key_id, data) => { return req( - 'post', - baseurl + '/plan/' + plan_id + '/keys/' + key_id + '/approval', + "post", + baseurl + "/plan/" + plan_id + "/keys/" + key_id + "/approval", data - ) -} + ); +}; export const keyEditApproval = (key_id, data) => { - return req('post', baseurl + '/keys/' + key_id + '/approval', data) -} + return req("post", baseurl + "/keys/" + key_id + "/approval", data); +}; // logout退出登录 //退出登录接口 export const postLogOut = (data) => { - return req('get', baseurl + '/auth/logout', data) -} + return req("get", baseurl + "/auth/logout", data); +}; // 请求分销商 export const getDirectList = (data) => { - return req('get', baseurl + '/reseller/direct', data) -} + return req("get", baseurl + "/reseller/direct", data); +}; // 获取预警人 export const getVoucherWarningAccount = () => { - return req('get', baseurl + '/auth/admin/voucherWarningAccount') -} + return req("get", baseurl + "/auth/admin/voucherWarningAccount"); +}; // 加款 export const addFund = (data, id) => { - return req('post', baseurl + `/codes/voucher/fund/${id}`, data) -} + return req("post", baseurl + `/codes/voucher/fund/${id}`, data); +}; -export { req } +// 批量上传查询 +export const bachUploadQuery = (file) => { + return upload("post", baseurl + "/key/import?type=1", file); +}; + +export { req }; diff --git a/src/components/UseUploadExcel/index copy 2.jsx b/src/components/UseUploadExcel/index copy 2.jsx deleted file mode 100644 index 93eb3167..00000000 --- a/src/components/UseUploadExcel/index copy 2.jsx +++ /dev/null @@ -1,362 +0,0 @@ -import React, { useState } from "react"; -import { Button, Icon, BlockLoading, Notify, Grid } from "zent"; -import "./style.less"; - -const columns = [ - { - title: "行号", - name: "id", - }, - { - title: "key", - name: "key", - }, - { - title: "错误原因", - name: "msg", - }, -]; - -const UseUploadExcel = (props) => { - const datasets = []; - for (let i = 0; i < 30; i++) { - datasets.push({ - id: `${i}`, - key: `key ${i}`, - msg: `meg ${i}`, - }); - } - - const { title = "提示", onClose, visible = false } = props; - - const [fileState, setFilesState] = useState(null); // 文件 - const [filesName, setFilesName] = useState(""); // 文件名 - const [filesTip, setFilesTip] = useState(0); // 解析 tip - const [loading, setLoading] = useState(false); // 解析 loading - const [sha1, setSha1] = useState(""); // 后端值 - const [disabledSureBtn, setDisabledSureBtn] = useState(true); // 导入 按钮 - const [partSuccessTag, setPartSuccessTag] = useState(false); // 部分成功 - const [showUpType, setShowUpType] = useState(2); // 0无文件上传 1文件上传 - /** - * 文件后端解析 - */ - const excelParseFun = () => { - setLoading(true); - - setTimeout(() => { - setLoading(false); - - // 200 全部成功 - // setFilesTip(true); - // setDisabledSureBtn(false); - - // 400 全部失败 - setFilesTip(false); - setDisabledSureBtn(true); - - // 401 部分成功 - }, 3000); - - // const wfForm = new FormData(); - // wfForm.append("file", fileState); - // wfForm.append("remark", fileState.name); - // this.apiUpload(`/admin/blacklist/parse`, wfForm).then((res) => { - // console.log("res =>", res); - // setLoading(false); - // if (res.code === 200) { - // // 全部成功 - // setFilesTip(true); - // setSha1(res.data); - // setDisabledSureBtn(false); - // } else if (res.code === 400) { - // // 全部失败 - // setFilesTip(false); - // this.isUploadStateTip400 = true; - // } else if (res.code === 401) { - // // 有些成功有些失败 - // setFilesTip(false); - // } else { - // Notify.error(res.error); - // } - // }); - }; - - /** - * input 文件改变 - * @param {file} e - */ - const fileChange = (e) => { - let my_file = e.target.files[0]; - setFilesState(my_file); - setFilesName(my_file.name); - - setShowUpType(1); - - excelParseFun(); // 文件解析 - console.log("file =>", my_file); - }; - - /** - * 表格文件模版下载 - */ - const downloadMBExcel = () => { - window.location.href = - "http://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/key%E6%A8%A1%E7%89%88.xlsx"; - }; - - /** - * 确定导入 - */ - const importBtn = () => {}; - - /** - * 重新上传 - */ - const resetUpload = () => {}; - - /** - * 弹窗 顶部信息 - * @returns - */ - const uploadTop = () => { - return ( -
-
-
-
1
- 上传文件 -
-
-
-
-
-
2
- 导入完成 -
-
- -
-
直接上传
-
-
- 支持文件类型：xls，xlsx，csv
-
- - 支持所有基础字段的导入，一次至多导入 10000 - 条手机号（不符合规则整条任务不予以导入） -
-
-
-
- ); - }; - - /** - * 无，文件上传 - * @returns - */ - const uploadExcel = () => { - return ( -
- fileChange(e)} - /> - -
- ); - }; - - /** - * 解析 tip - * @returns - */ - const tipSuccess = () => { - return ( -
- - 文件解析成功， 点击 "确定导入" 即可导入 -
- ); - }; - const tipErr = () => { - return ( -
- - 文件解析失败, 请查看导入规则并更新文件 -
- ); - }; - - /** - * 文件上传 - * @returns - */ - const upFilesExcel = () => { - return ( -
-
-

- - {filesName} -

-
- fileChange(e)} - /> - - 更新文件 -
-
- {/* tip */} - {filesTip === 1 ? tipSuccess() : tipErr()} -
- ); - }; - - /** - * 底部 - * @returns - */ - const uploadFooter = () => { - return ( -
-
下载模板并填写后上传
-
-
- 请先下载「数字世界营销管理系统_keys_模板」并按照模板填写后再上传。 -
-
- - -
- - -
-
- ); - }; - - /** - * 全部错误和全部正确 - */ - const successErrAll = () => { - let el = null; - if (showUpType === 0) { - el = uploadExcel(); - } else if (showUpType === 1) { - el = upFilesExcel(); - } - return ( -
- {uploadTop()} - {el} - {uploadFooter()} -
- ); - }; - - /** - * 部分正确 - */ - const partSuccess = () => { - return ( -
-
- 文件上传成功.共 20 条手机号,其中 10 条可成功导入 -
-
- 发现以下 10 条不符合要求,将不会被导入 -
- -
- -
- -
-
- - -
-
-
- ); - }; - - return ( -
- {visible ? ( -
-
-
- -
-
{title}
- -
- {partSuccessTag ? partSuccess() : successErrAll()} - -
-
- ) : null} -
- ); -}; - -export default UseUploadExcel; diff --git a/src/components/UseUploadExcel/index copy.jsx b/src/components/UseUploadExcel/index copy.jsx index 0738557b..063e3eaa 100644 --- a/src/components/UseUploadExcel/index copy.jsx +++ b/src/components/UseUploadExcel/index copy.jsx @@ -1,13 +1,42 @@ import React, { useState } from "react"; -import { Dialog, Button, Icon, BlockLoading, InlineLoading } from "zent"; +import { Button, Icon, BlockLoading, Notify, Grid } from "zent"; import "./style.less"; + +const columns = [ + { + title: "行号", + name: "id", + }, + { + title: "key", + name: "key", + }, + { + title: "错误原因", + name: "msg", + }, +]; + const UseUploadExcel = (props) => { + const datasets = []; + for (let i = 0; i < 30; i++) { + datasets.push({ + id: `${i}`, + key: `key ${i}`, + msg: `meg ${i}`, + }); + } + const { title = "提示", onClose, visible = false } = props; - const [fileState, setFilesState] = useState(null); - const [filesName, setFilesName] = useState(""); - const [filesTip, setFilesTip] = useState(false); - const [loading, setLoading] = useState(true); + const [fileState, setFilesState] = useState(null); // 文件 + const [filesName, setFilesName] = useState(""); // 文件名 + const [filesTip, setFilesTip] = useState(2); // 解析 tip 0失败 1成功 2无事发生 + const [loading, setLoading] = useState(false); // 解析 loading + const [sha1, setSha1] = useState(""); // 后端值 + const [disabledSureBtn, setDisabledSureBtn] = useState(true); // 导入 按钮 + const [partSuccessTag, setPartSuccessTag] = useState(false); // 部分成功 + const [showUpType, setShowUpType] = useState(false); // false无文件上传 true文件上传 /** * 文件后端解析 */ @@ -16,8 +45,40 @@ const UseUploadExcel = (props) => { setTimeout(() => { setLoading(false); - setFilesTip(true); + + // 200 全部成功 + setFilesTip(1); + setDisabledSureBtn(false); + + // 400 全部失败 + // setFilesTip(0); + // setDisabledSureBtn(true); + + // 401 部分成功 }, 3000); + + // const wfForm = new FormData(); + // wfForm.append("file", fileState); + // wfForm.append("remark", fileState.name); + // this.apiUpload(`/admin/blacklist/parse`, wfForm).then((res) => { + // console.log("res =>", res); + // setLoading(false); + // if (res.code === 200) { + // // 全部成功 + // setFilesTip(true); + // setSha1(res.data); + // setDisabledSureBtn(false); + // } else if (res.code === 400) { + // // 全部失败 + // setFilesTip(false); + // this.isUploadStateTip400 = true; + // } else if (res.code === 401) { + // // 有些成功有些失败 + // setFilesTip(false); + // } else { + // Notify.error(res.error); + // } + // }); }; /** @@ -28,7 +89,7 @@ const UseUploadExcel = (props) => { let my_file = e.target.files[0]; setFilesState(my_file); setFilesName(my_file.name); - + setShowUpType(true); excelParseFun(); // 文件解析 console.log("file =>", my_file); }; @@ -46,6 +107,11 @@ const UseUploadExcel = (props) => { */ const importBtn = () => {}; + /** + * 重新上传 + */ + const resetUpload = () => {}; + /** * 弹窗 顶部信息 * @returns @@ -141,12 +207,26 @@ const UseUploadExcel = (props) => { {filesName}

+ fileChange(e)} + /> 更新文件
{/* tip */} - {filesTip ? tipSuccess() : tipErr()} + {(() => { + switch (filesTip) { + case 0: + return tipErr(); + case 1: + return tipSuccess(); + default: + } + })()} ); }; @@ -178,6 +258,7 @@ const UseUploadExcel = (props) => { + + + + + ); + }; + return (
- - - {visible ? ( -
-
-
+ {visible ? ( +
+
+
+
{title}
- {uploadTop()} - {fileState ? upFilesExcel() : uploadExcel()} - {uploadFooter()} -
+ {partSuccessTag ? partSuccess() : successErrAll()} +
- ) : null} - +
+ ) : null}
); }; diff --git a/src/components/UseUploadExcel/index.jsx b/src/components/UseUploadExcel/index.jsx index 063e3eaa..60eca9dd 100644 --- a/src/components/UseUploadExcel/index.jsx +++ b/src/components/UseUploadExcel/index.jsx @@ -1,5 +1,6 @@ import React, { useState } from "react"; import { Button, Icon, BlockLoading, Notify, Grid } from "zent"; +import { bachUploadQuery, handelResponse } from "../../assets/api.js"; import "./style.less"; const columns = [ @@ -42,43 +43,17 @@ const UseUploadExcel = (props) => { */ const excelParseFun = () => { setLoading(true); - - setTimeout(() => { - setLoading(false); - - // 200 全部成功 - setFilesTip(1); - setDisabledSureBtn(false); - - // 400 全部失败 - // setFilesTip(0); - // setDisabledSureBtn(true); - - // 401 部分成功 - }, 3000); - - // const wfForm = new FormData(); - // wfForm.append("file", fileState); - // wfForm.append("remark", fileState.name); - // this.apiUpload(`/admin/blacklist/parse`, wfForm).then((res) => { - // console.log("res =>", res); - // setLoading(false); - // if (res.code === 200) { - // // 全部成功 - // setFilesTip(true); - // setSha1(res.data); - // setDisabledSureBtn(false); - // } else if (res.code === 400) { - // // 全部失败 - // setFilesTip(false); - // this.isUploadStateTip400 = true; - // } else if (res.code === 401) { - // // 有些成功有些失败 - // setFilesTip(false); - // } else { - // Notify.error(res.error); - // } - // }); + let formdata = new FormData(); + formdata.append("file", fileState); + bachUploadQuery(formdata).then((res) => { + handelResponse( + res, + (req, msg) => { + console.log("res file =>", res); + }, + (err) => {} + ); + }); }; /** diff --git a/src/pages/plan/key/detail/list.js b/src/pages/plan/key/detail/list.js index 15e89ba7..7dc9f26b 100644 --- a/src/pages/plan/key/detail/list.js +++ b/src/pages/plan/key/detail/list.js @@ -382,7 +382,7 @@ export default class acclist extends React.Component { // 标记已使用 bachUploadTagUse() {} - // 取消安妮 + // 取消按钮 bachOnClose() { this.setState({ bachVisible: false }); }