是否取消本次操作？
, - onConfirm: () => { - window.history.back() - }, - onCancel: this.onCancel, - className: 'questModal', - parentComponent: this - }) - } - onCheckChange = (arr) => { - this.setState({ checkedList: arr }) - let checkedList = arr - } - - onStyleChange(e) { - let model2 = this.state.model - model2.style = e.target.value - model2.quantity = 0 - this.setState({ model: model2 }) - if (e.target.value == 6) { - this.setState({ white_visible: true }) - } else { - this.setState({ white_visible: false }) - } - } - - onRepetitionChange(e) { - let model2 = this.state.model - model2.allow_repetition = e.target.value - this.setState({ model: model2 }) - } - - onLossChange(e) { - let model2 = this.state.model - model2.allow_loss = e.target.value - this.setState({ model: model2 }) - } - checkIndex(e) { - switch (e) { - case 0: - this.setState({ draw_title: '新建兑换码' }) - break - case 1: - this.setState({ draw_title: '新建优惠券' }) - break - case 2: - this.setState({ draw_title: '新建立减金' }) - break - default: - return - } - this.setState({ drawerVisible: false }) - this.state.codeInfo = { - //数据模型不可少 - code_name: '', - issued: '', //发放总量 - describe: '', - date_time: [this.state.begintime, this.state.endtime], - range: '' - } - this.setState({ tempdata: [] }) - this.setState({ rank: null }) - this.setState({ rankoptions: [] }) - this.setState({ drawerVisible: true }) - sessionStorage.setItem('productData', '') - sessionStorage.setItem('knockGoldData', '') - } - closeDraw() { - this.setState({ drawerVisible: false }) - } - addProduct(type) { - this.setState({ addIsType: type }) /* 类型 */ - let direct_reseller_ids = this.state.direct_reseller_id - if (direct_reseller_ids <= 0) { - // 老数据不能进行新增商品操作 - Notify.error(`请添加映射分销商`) - return - } - - if (type === 'addProduct') { - this.setState({ product_title: '新建商品', newGoodsBtnLoading: true }) - } else { - this.setState({ product_title: '新增立减金', newGoldLoading: true }) - } - let param = { - reseller_id: direct_reseller_ids - } - try { - getProductInfoSelect(param).then((res) => { - if (res.code === 200) { - sessionStorage.setItem('productsList', JSON.stringify(res.data.data)) - this.setState({ productData: null }) - this.setState({ drawerVisible2: true }) - } - if (type === 'addProduct') { - this.setState({ - newGoodsBtnLoading: false - }) - } else { - this.setState({ - newGoldLoading: false - }) - } - }) - } catch (err) { - if (type === 'addProduct') { - this.setState({ - newGoodsBtnLoading: false - }) - } else { - this.setState({ - newGoldLoading: false - }) - } - } - } - //渲染范围列表数据以及数据转换 - async productSubmit() { - let visible = '' - if (this.state.addIsType === 'addProduct') { - visible = await this.refs.product.submit() - } else { - visible = await this.refs.knockGold.submit() - } - - if (visible) { - Notify.success('保存成功') - this.setState({ drawerVisible2: false }) - setTimeout(() => { - let data = null - let temp = null - let concatData = [] - /* 处理商品 */ - if (this.state.addIsType === 'addProduct') { - data = JSON.parse(sessionStorage.getItem('productData')).filter( - (item) => item.type !== 2 - ) - - concatData = this.state.tempdata.filter((item) => item.type !== 1) - - temp = _.map(data, (item) => { - let index = this.state.tempdata.findIndex((o) => { - return o.product_id == item.product_id - }) - - if (index > -1) { - item.checked = this.state.tempdata[index].checked - } - item.type = 1 - item.only = item.product_id - item.upstream = '直连天下' - return item - }) - } else { - /* 处理立减金 */ - data = JSON.parse(sessionStorage.getItem('knockGoldData')).filter( - (item) => item.type !== 1 - ) - - concatData = this.state.tempdata.filter((item) => item.type !== 2) - - temp = _.map(data, (item) => { - let index = this.state.tempdata.findIndex((o) => { - return o.channel_activity_id === item.channel_activity_id - }) - - if (index > -1) { - item.checked = this.state.tempdata[index].checked - } - - /* 转换商品结构 */ - // temp - const newObj = {} - newObj.product_name = item.batch_goods_name - ? item.batch_goods_name - : item.product_name //名字 - newObj.map_product_name = item.product_name - newObj.channel_activity_id = item.channel_activity_id //批次号 - newObj.only = item.channel_activity_id //批次号 - newObj.type = 2 //类型 - newObj.checked = item?.checked - newObj.upstream = String(item.channel) === '1' ? '支付宝' : '微信' //上游 - newObj.edit = 'edit' - newObj.effectDate = item.effectDate - ? item.effectDate - : item.time_limit?.effect_time.start_time + - ' 至 ' + - item.time_limit?.effect_time.end_time //有效时间 - newObj.contract_price = item.contract_price - ? item.contract_price - : item.price //单价 - newObj.official_price = item.official_price - ? item.official_price - : item.reduce_amount //官方价 - newObj.quantity = item.quantity - ? item.quantity - : Math.trunc(item.all_budget / item.reduce_amount) //总库 - newObj.origin = item?.origin ? item?.origin : item - return newObj - }) - } - let newArray = deWeightThree(temp.concat(concatData), 'only') - - //select数据 - let arr = [] - let rank = [] - _.map(newArray, (res) => { - arr.push({ key: res.only, text: res.product_name }) - if (res.checked) { - rank.push({ key: res.only, text: res.product_name }) - } - }) - - arr = deWeightThree(arr, 'key') - this.setState({ tempdata: newArray, rankoptions: arr, rank }) - }, 500) - } - } - onChangeCombinedDate(e) { - let model2 = this.state.codeInfo - model2.date_time = e - this.setState({ codeInfo: model2 }) - } - submit2() { - this.refs.form2.validator() - } - //select - onRankChange(e) { - _.forEach(this.state.tempdata, (item) => { - item.checked = - e.findIndex((checks) => { - return checks.key == item.only - }) > -1 - }) - this.setState({ tempdata: this.state.tempdata }) - this.setState({ rank: e }) - } - codeSubmit() { - if (this.refs.code_info.validator() && this.refs.code_rule.validator()) { - if (this.state.uploading) { - Notify.error('还有图片上传中，不可提交') - return - } - - let productlist = _.filter(this.state.tempdata, (item) => { - return item.checked == true - }) - let sum = 0 - _.forEach(productlist, (o) => { - sum += parseInt(o.quantity) - }) - if (sum < this.state.codeInfo.issued) { - Notify.error('所选商品库存总数小于发放量') - return - } - // let productList = JSON.parse(sessionStorage.getItem("productsList")); - - this.setState({ drawerVisible: false }) - let rank = _.map(this.state.rank, (item) => { - return item.text - }) - - let temp = { - title: this.state.codeInfo.code_name, - describe: this.state.codeInfo.describe, - begin_time: this.state.codeInfo.date_time[0], - end_time: this.state.codeInfo.date_time[1], - quantity: this.state.codeInfo.issued, - range: rank.toString(), - restrict: this.state.codeInfo.restrict - } - - let arr = _.map(productlist, (item) => { - let obj = {} - obj.product_id = item.product_id - obj.product_type = item.product_type - obj.product_name = item.product_name - obj.account_type = item.account_type - obj.contract_price = item.contract_price - obj.cost_price = item.cost_price - obj.official_price = item.official_price - obj.quantity = item.quantity - obj.show_url = item.show_url - obj.describe_url = item.describe_url - obj.detail_url = item.detail_url - obj.map_product_name = item.map_product_name - if (item.type === 2) { - obj.channel_activity_id = item.channel_activity_id //批次号 - obj.effectDate = item.effectDate //有效时间 - obj.origin = item.origin // 原始数据 - } - obj.only = item.only - obj.weight = item.weight - obj.type = item.type - obj.upstream = item.upstream - return obj - }) - temp.product = arr - - if (this.state.rowIndex > -1) { - this.state.distdata[this.state.rowIndex] = temp - this.setState({ distdata: this.state.distdata }) - } else { - let tempdata = this.state.distdata - tempdata.push(temp) - this.setState({ distdata: tempdata }) - } - } - } - onAddKey() { - let obj = { - style: '1', - quantity: '', - allow_repetition: 0, - allow_loss: 0, - merge_stock: '1', - code_batch: '', - draw_title: '', - batch_name: '' - } - let keys = this.state.keys - keys.push(obj) - - this.setState({ keys: keys }) - } - onAudit() { - if (!this.state.reseller) { - Notify.error('对应分销商数据不存在') - return - } - - if (this.state.isEdit) { - let selection = this.refs.bindObj.getSelectData() - let formdata = selection.filter((item) => { - return !item.hasOwnProperty('disabled') - }) - - let id = sessionStorage.getItem('keybatch_id') - let data = { - code_batch: formdata - } - putKeyBatchDetail(id, data).then((res) => { - handelResponse( - res, - (req, msg) => { - setTimeout(() => { - window.history.back() - }, 1000) - }, - (err) => { - Notify.error(err) - } - ) - }) - } else { - if (this.refs.form1.validator()) { - /* 处理数据 区分立减金和商品 开始 2022-05-30 13:40*/ - const dataCopy = this.refs.bindObj.getSelectData() - - dataCopy.map((item) => { - item.products = item.product - }) - - dataCopy.map((item) => - item.products.map(() => { - item.product = { - legal: item.products.filter((item2) => item2.type === 1), - reduce: item.products - .map((item2) => { - if (item2.type === 2) return item2.origin - }) - .filter((item3) => item3) - } - }) - ) - - dataCopy.map((item) => { - delete item.products - }) - /* 处理数据 区分立减金和商品 完成 2022-05-30 13:40*/ - - let data = {} - data.batch_name = this.state.model.batch_name - data.copy_code_batch_id = this.state.model?.copy_code_batch_id - data.style = this.state.model.style - data.quantity = this.state.model.quantity - data.bind_object = this.state.checkedList - data.allow_repetition = this.state.model.allow_repetition - data.allow_loss = this.state.model.allow_loss - data.merge_stock = this.state.model.merge_stock - data.code_batch = dataCopy - - data.reseller_id = this.state.reseller.id - data.reseller_name = this.state.reseller.name - data.company_name = this.state.reseller.company_name - data.receive_email = this.state.reseller.contact_email[0] - data.payment_direction = - this.state.payment_direction[this.state.paytype - 1] - - data.mobile_excel = this.state.mobile_excel - data.mobile_repeat = this.state.mobile_repeat - - if (data.code_batch.length == 0) { - Notify.error('请绑定对象') - return - } - this.setState({ audit_visible: false }) - - let id = sessionStorage.getItem('key_plan_id') - addKeysBatchInfo(id, data).then((res) => { - handelResponse( - res, - (req, msg) => { - keyApproval(id, req.key_batch_id, data).then((res) => { - handelResponse( - res, - (req, msg) => { - Notify.success('成功发起审批') - setTimeout(() => { - // this.props.history.push('/home/key-list/') - window.history.back() - }, 2000) - }, - (err) => { - Notify.error(err) - } - ) - }) - }, - (err) => { - Notify.error(err) - } - ) - }) - } - } - } - - onBindNum(e, row, rowIndex) { - this.state.distdata[rowIndex].restrict = e.target.value - this.setState({ distdata: this.state.distdata }) - } - - onDisabledRange = (date, type) => { - let step1 = JSON.parse(sessionStorage.getItem('plan_item')) - let isdisabled = false - let str = moment(date).format('YYYY-MM-DD HH:mm:ss') - if (type == 'start') { - isdisabled = - moment(str).isBefore(step1.begin_time) || - moment(str).isAfter(step1.end_time) - } - - if (type == 'end') { - isdisabled = - moment(str).add(1, 'days').isBefore(step1.begin_time) || - moment(str).isAfter(step1.end_time) - } - return isdisabled - } - - rowItemClick(row, rowIndex) { - let codeInfo = { - //数据模型不可少 - code_name: row.title, - issued: row.quantity, //发放总量 - describe: row.describe, - date_time: [row.begin_time, row.end_time], - range: row.range, - restrict: row.restrict - } - - let arr = _.map(row.product, (res) => { - let obj = {} - obj.key = res.only - obj.text = res.product_name - return obj - }) - this.setState({ - draw_title: '编辑兑换码', - rankoptions: arr, - rank: arr, - codeInfo: codeInfo, - rowIndex: rowIndex - }) - - let temp = _.map(row.product, (o) => { - o.checked = true - return o - }) - - sessionStorage.setItem('productData', JSON.stringify(row.product)) - sessionStorage.setItem('knockGoldData', JSON.stringify(row.product)) - this.setState({ drawerVisible: true, tempdata: temp }) - } - - onUpload = (file, report) => { - return new Promise((resolve, reject) => { - let path = '' - let formdata = new FormData() - formdata.append('file', file) - formdata.append('path', 'common_image') - uploadImg(formdata).then((res) => { - handelResponse( - res, - (req, msg) => { - path = req.path - }, - (err) => { - reject() - } - ) - }) - - let count = 0 - const update = () => { - if (path) { - resolve(path) - } else { - if (count < 100) { - count += 2 - report(count) - setTimeout(update, 500) - } else { - reject() - } - } - } - setTimeout(update, 500) - }) - } - - onUploadError = (type, data) => { - if (type === 'overMaxAmount') { - Notify.error(`最多可上传 ${data.maxAmount} 张图片`) - } else if (type === 'overMaxSize') { - Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`) - } - } - - onUploadChange1(file, row) { - if (file.length > 0 && file[0].status == 'success') { - let rowIndex = this.state.tempdata.findIndex((o) => { - return o.product_id == row.product_id - }) - this.state.tempdata[rowIndex].describe_url = file[0].src - this.setState({ tempdata: this.state.tempdata }) - } - } - onUploadChange2(file, row) { - if (file.length > 0 && file[0].status == 'success') { - let rowIndex = this.state.tempdata.findIndex((o) => { - return o.product_id == row.product_id - }) - - this.state.tempdata[rowIndex].describe_url = file[0].src - this.setState({ tempdata: this.state.tempdata }) - } - } - - onNameChange(e, row, rowIndex) { - this.state.tempdata[rowIndex].product_name = e.target.value - this.setState({ tempdata: this.state.tempdata }) - } - onQuantityChange(e, row, rowIndex) { - this.state.tempdata[rowIndex].quantity = - e.target.value == '' ? 0 : e.target.value - this.setState({ tempdata: this.state.tempdata }) - } - onPriceChange(e, row, rowIndex) { - let str = e.target.value - let value = str - .replace(/[^\d^\.]+/g, '') - .replace('.', '$#$') - .replace(/\./g, '') - .replace('$#$', '.') - - this.state.tempdata[rowIndex].contract_price = value - this.setState({ tempdata: this.state.tempdata }) - } - onDisabledTime = (date, type) => { - const min = new Date() - const hour = min.getHours() - const minute = min.getMinutes() - const second = min.getSeconds() - const isSame = isSameDay(date, min) - - return isSame - ? { - disabledHours: () => initArray(hour), - disabledMinutes: (hourValue) => - hourValue === hour ? initArray(minute) : [], - disabledSeconds: (hourValue, minuteValue) => - hourValue === hour && minuteValue === minute - ? initArray(second) - : [] - } - : {} - } - - onReturn() { - let self = this - Sweetalert.confirm({ - type: 'warning', - closeBtn: true, - title: '确认操作', - content:是否返回key列表?
, - onConfirm: () => { - self.props.history.push('/home/key-list/') - }, - onCancel: this.onCancel, - className: 'questModal', - parentComponent: this - }) - } - onPhoneChange(e) { - this.setState({ phone_radio: e.target.value }) - } - onEmailChange(e) { - this.setState({ email_radio: e.target.value }) - } - cancel(e) { - this.setState({ audit_visible: false }) - } - phoneChange = (e) => { - this.setState({ phone: e.target.value }) - } - emailChange = (e) => { - this.setState({ email: e.target.value }) - } - initUpload() { - this.setState({ import_visible: false }) - this.setState({ success_visible: false }) - this.setState({ fail_visible: false }) - this.setState({ file_loading: false }) - this.setState({ upload_visible: false }) - this.setState({ excel_visible: false }) - this.setState({ accessVerify: false }) - } - - fileChange(e) { - // this.initUpload(); - - let my_file = e.target.files[0] - this.setState({ myfile: my_file }) - this.setState({ upload_visible: true }) - - if ( - my_file.name.indexOf('.xls') || - my_file.name.indexOf('.xlsx') || - my_file.name.indexOf('.csv') - ) { - if (my_file.size > 1024000) { - Notify.error('文件大小不能大于2M') - return - } - let formdata = new FormData() - formdata.append('file', my_file) - formdata.append('path', 'white_list_excel') - this.setState({ file_loading: true }) - uploadImg(formdata).then((res) => { - handelResponse( - res, - (req, msg) => { - let data = { - excel: req.path - } - - this.setState({ mobile_excel: req.path }) - getAccessVerification(data).then((res) => { - this.setState({ file_loading: false }) - handelResponse( - res, - (req, msg) => { - this.setState({ accessVerify: true }) - this.setState({ excel_count: req.count }) - this.setState({ error_count: req.errorCount }) - let success = req.count - req.errorCount - this.setState({ success_count: success }) - this.setState({ exceldata: req.validationFailed }) - - this.setState({ success_visible: true }) - }, - (err) => { - Notify.error(err) - this.setState({ success_visible: false }) - } - ) - }) - }, - (err) => { - Notify.error(err) - this.setState({ success_visible: false }) - } - ) - }) - } else { - this.setState({ success_visible: false }) - } - } - - resetUpload() { - this.setState({ excel_visible: false }) - this.setState({ import_visible: true }) - this.setState({ accessVerify: true }) - } - allowImport(data) { - let arr = this.state.mobile_repeat - if (arr.indexOf(data.mobile) < 0) { - arr.push(data.mobile) - } - data.type = 'success' - this.setState({ mobile_repeat: arr }) - } - importConfirmClick() { - let temp = this.state.exceldata.filter((o) => o.type == 'success') - let mobile_repeat = _.map(temp, (o) => { - return o.mobile - }) - this.setState({ mobile_repeat: mobile_repeat }) - - let model = this.state.model - model.quantity = - this.state.excel_count - this.state.error_count + mobile_repeat.length - this.setState({ model: model }) - this.setState({ accessVerify: false }) - this.setState({ excel_visible: false }) - this.setState({ import_visible: false }) - this.setState({ import_success: true }) - } - resetUpload() { - this.setState({ excel_visible: false }) - this.setState({ import_visible: true }) - this.setState({ accessVerify: true }) - } - switchChange(e, rowData) { - if (e) { - rowData.type = 'success' - } else { - rowData.type = rowData.type == 'success' ? 'repeat' : 'error' - } - } - downLoadTemplate() { - window.location.href = - 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/%E7%99%BD%E5%90%8D%E5%8D%95%E6%A8%A1%E6%9D%BF.xlsx' - } - submitAudit() { - if (this.refs.form1.validator()) { - this.setState({ audit_visible: true }) - } - } - keyProductClick(row, index) { - console.log('keyProductClick 13==>', row) - if (this.state.direct_reseller_id > 0) { - /* 区分立减金 */ - if (row.type === 2) { - this.setState({ - product_title: '编辑立减金', - productData: row.origin, - addIsType: 'addKnockGold', - drawerVisible2: true - }) - } else { - this.setState({ - product_title: '编辑商品', - productData: row, - addIsType: 'addProduct', - drawerVisible2: true - }) - } - } else { - // 老数据不能进行新增商品操作 - Notify.error(`请添加映射分销商`) - return - } - } - render() { - const Column = [ - { - title: '兑换名称', - name: 'title', - prop: 'title', - type: 'normal', - width: 'auto' - }, - { - title: '兑换码范围', - - type: 'normal', - prop: 'range', - width: 'auto' - }, - { - title: '有效开始日期', - prop: 'begin_time', - name: 'begin_time', - width: 'auto', - type: 'normal' - }, - { - title: '有效结束日期', - name: 'end_time', - prop: 'end_time', - type: 'normal', - width: 'auto' - }, - { - title: '兑换码数量', - name: 'quantity', - type: 'normal', - prop: 'quantity', - defaultText: 'PM', - width: 'auto' - }, - { - title: '绑定数', - prop: 'restrict', - name: 'restrict', - type: 'slot', - width: 'auto' - }, - { - title: '操作', - prop: 'edit', - name: 'edit', - type: 'slot', - width: 'auto' - } - ] - //校验规则 - const rules = { - quantity: [ - { type: 'required', message: '请输入key数量' }, - { - type: 'regExp', - message: '请输入正整数', - reg: '^([1-9][0-9]*){1,3}$' - } - ], - bind_object: [{ type: 'required', message: '请选择绑定类型' }], - - batch_name: [{ type: 'required', message: '请输入key批次名称' }] - } - - const Column2 = [ - { - title: '商品ID', - name: 'product_id', - prop: 'product_id', - width: 'auto', - type: 'normal' - }, - { - title: '立减金平台批次号', - width: '250px', - prop: 'channel_activity_id', - name: 'channel_activity_id', - type: 'normal' - }, - { - title: '类型', - width: 'auto', - prop: 'type', - name: 'type', - type: 'slot' - }, - { - title: '上游平台', - width: 'auto', - prop: 'upstream', - name: 'upstream', - type: 'normal' - }, - { - title: '有效时间段', - width: '575px', - prop: 'effectDate', - name: 'effectDate', - type: 'normal' - }, - { - title: '商品名称', - width: 'auto', - prop: 'product_name', - name: 'product_name', - type: 'normal' - }, - { - title: '当前成本价格', - prop: 'cost_price', - name: 'cost_price', - width: '250px', - type: 'slot' - }, - { - title: '合同价', - name: 'contract_price', - prop: 'contract_price', - type: 'normal', - width: 'auto' - }, - { - title: '商品官方价', - type: 'normal', - prop: 'official_price', - width: 'auto' - }, - { - title: '库存数量', - prop: 'quantity', - name: 'quantity', - type: 'normal', - width: 'auto' - }, - { - title: '操作', - prop: 'edit', - name: 'edit', - type: 'slot', - width: 'auto' - } - ] - - //基本信息 - const codeInfo = { - code_name: [{ type: 'required', message: '请输入兑换码名称' }], - issued: [ - { type: 'required', message: '请输入发放总量' }, - { - type: 'regExp', - message: '请输入正整数', - reg: '^([1-9][0-9]*){1,3}$' - } - ] - } - - //基本规则 - const rulesInfo = { - date_time: [{ type: 'required', message: '请选择生效时间段' }], - rank: [{ type: 'required', message: '请选择商品范围' }] - } - - const excelColumn = [ - { - title: '行号', - name: 'line', - prop: 'line', - width: '30px', - type: 'normal' - }, - { - title: '手机号', - width: '80px', - prop: 'mobile', - name: 'mobile', - type: 'normal' - }, - { - title: '错误原因', - width: '80px', - prop: 'tips', - name: 'tips', - type: 'normal' - }, - { - title: '是否导入', - width: '50px', - prop: 'is_import', - name: 'is_import', - type: 'slot' - } - ] - return ( -