1) 增加营销系统一键复制功能
This commit is contained in:
zhangds
parent
e131dbcda0
commit
0d30d79c86
|
|
@ -421,12 +421,7 @@ export const getIsRequireApproval = (id, data) => {
|
||||||
|
|
||||||
// //蓝色兄弟映射商品
|
// //蓝色兄弟映射商品
|
||||||
export const getProductInfoSelect = (params) => {
|
export const getProductInfoSelect = (params) => {
|
||||||
// return req("get", baseurl + "/product/market/products", params);
|
return req("get", baseurl + "/product/market/products", params);
|
||||||
return req(
|
|
||||||
"get",
|
|
||||||
"https://marketapi.1688sup.com" + "/product/market/products",
|
|
||||||
params
|
|
||||||
);
|
|
||||||
};
|
};
|
||||||
|
|
||||||
// 上传
|
// 上传
|
||||||
|
|
|
||||||
|
|
@ -30,6 +30,7 @@ import planlist from "../plan/list/list";
|
||||||
import planadd from "../plan/add/add";
|
import planadd from "../plan/add/add";
|
||||||
import planedit from "../plan/add/edit";
|
import planedit from "../plan/add/edit";
|
||||||
import plancopy from "../plan/copy/index";
|
import plancopy from "../plan/copy/index";
|
||||||
|
import planeditcopy from "../plan/add/edit-copy";
|
||||||
|
|
||||||
import keylist from "../plan/key/list";
|
import keylist from "../plan/key/list";
|
||||||
import keysList from "../plan/keyList";
|
import keysList from "../plan/keyList";
|
||||||
|
|
@ -479,6 +480,11 @@ export default class App extends Component {
|
||||||
component={plancopy}
|
component={plancopy}
|
||||||
></Route>
|
></Route>
|
||||||
<Route path="/home/plan-edit" exact={true} component={planedit} />
|
<Route path="/home/plan-edit" exact={true} component={planedit} />
|
||||||
|
<Route
|
||||||
|
path="/home/plan-edit-copy"
|
||||||
|
exact={true}
|
||||||
|
component={planeditcopy}
|
||||||
|
></Route>
|
||||||
<Route path="/home/key-list" exact={true} component={keylist} />
|
<Route path="/home/key-list" exact={true} component={keylist} />
|
||||||
<Route
|
<Route
|
||||||
path="/home/plan-keyList"
|
path="/home/plan-keyList"
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
.plan-right{
|
||||||
|
margin-left:0;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,812 @@
|
||||||
|
/* 编辑 */
|
||||||
|
import React from "react";
|
||||||
|
import {
|
||||||
|
Button,
|
||||||
|
Card,
|
||||||
|
Icon,
|
||||||
|
Notify,
|
||||||
|
Radio,
|
||||||
|
RadioGroup,
|
||||||
|
Sweetalert,
|
||||||
|
} from "zent";
|
||||||
|
import "./edit.less";
|
||||||
|
import Step1 from "./step1.js";
|
||||||
|
import Step2 from "./step2.js";
|
||||||
|
import Step3 from "./step3.js";
|
||||||
|
import _ from "lodash";
|
||||||
|
import {
|
||||||
|
addPlanStep,
|
||||||
|
handelResponse,
|
||||||
|
getReseller,
|
||||||
|
planSend,
|
||||||
|
getDraftInfo,
|
||||||
|
getApprovalsInfo,
|
||||||
|
approvals,
|
||||||
|
terminateApprovals,
|
||||||
|
getApprovalsStatus,
|
||||||
|
} from "../../../assets/api.js";
|
||||||
|
|
||||||
|
export default class add extends React.Component {
|
||||||
|
constructor(props) {
|
||||||
|
super(props);
|
||||||
|
this.state = {
|
||||||
|
keys: [],
|
||||||
|
step1_pagetitle: "修改计划",
|
||||||
|
step2_pagetitle: "生成key",
|
||||||
|
step3_pagetitle: "绑定卡券",
|
||||||
|
curstep: 1,
|
||||||
|
menuList: [
|
||||||
|
{ id: 1, title: "营销计划", child: [{ step: 1, title: "新建计划" }] },
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "key",
|
||||||
|
child: [
|
||||||
|
{ step: 1, title: "生成key" },
|
||||||
|
{ step: 2, title: "绑定卡券" },
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{ id: 3, title: "落地页", child: [{ step: 1, title: "绑定落地页" }] },
|
||||||
|
],
|
||||||
|
phone_list: [],
|
||||||
|
|
||||||
|
email_list: [],
|
||||||
|
phone: "",
|
||||||
|
email: "",
|
||||||
|
email_radio: -1,
|
||||||
|
phone_radio: -1,
|
||||||
|
audit_visible: false,
|
||||||
|
card_visible: false,
|
||||||
|
recall_visible: false,
|
||||||
|
step1_data: null,
|
||||||
|
step2_data: null,
|
||||||
|
step3_data: null,
|
||||||
|
disabled: false,
|
||||||
|
disabled_time: false,
|
||||||
|
paytype: 3,
|
||||||
|
reseller: null,
|
||||||
|
payment_direction: ["对私账户", "对公账户", "预付款扣除"],
|
||||||
|
approvalLoading: false,
|
||||||
|
timer: 3,
|
||||||
|
theme_options: [],
|
||||||
|
isload: false,
|
||||||
|
is_Edit: false,
|
||||||
|
whiteStyle: false,
|
||||||
|
btn_loading: false,
|
||||||
|
direct_reseller_id: 0,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
submit() {
|
||||||
|
this.refs.step1.submit();
|
||||||
|
}
|
||||||
|
onReturn() {
|
||||||
|
let self = this;
|
||||||
|
Sweetalert.confirm({
|
||||||
|
type: "warning",
|
||||||
|
closeBtn: true,
|
||||||
|
title: "确认操作",
|
||||||
|
content: <p> 是否返回计划列表?</p>,
|
||||||
|
onConfirm: () => {
|
||||||
|
self.props.history.push("/home/plan-list/");
|
||||||
|
},
|
||||||
|
onCancel: this.onCancel,
|
||||||
|
className: "questModal",
|
||||||
|
parentComponent: this,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
componentDidMount(e) {
|
||||||
|
// let plan_status = sessionStorage.getItem("plan_status");
|
||||||
|
// if (plan_status == 3 || plan_status == 4 || plan_status == 5) {
|
||||||
|
// this.setState({ disabled: true });
|
||||||
|
// }
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
let approval_id = sessionStorage.getItem("approval_id");
|
||||||
|
let copy_count_golod = sessionStorage.getItem("copy_count_golod");
|
||||||
|
console.log("plan_id =>", plan_id);
|
||||||
|
console.log("approval_id =>", approval_id);
|
||||||
|
console.log("copy_count_golod =>", copy_count_golod);
|
||||||
|
//获取审批接口的编辑信息
|
||||||
|
if (Number(approval_id) > 0) {
|
||||||
|
getApprovalsInfo(approval_id).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
console.log("res 1", res);
|
||||||
|
try {
|
||||||
|
//获取分销商
|
||||||
|
getReseller(req.info.reseller_id).then((res) => {
|
||||||
|
handelResponse(res, (req, msg) => {
|
||||||
|
this.setState({
|
||||||
|
direct_reseller_id: req.direct_reseller_id,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
} catch (err) {
|
||||||
|
console.log("err =>", err);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (req.info) {
|
||||||
|
this.refs.step1.edit(req.info);
|
||||||
|
}
|
||||||
|
if (req.keys.length > 0 && this.state.disabled == false) {
|
||||||
|
this.setState({ curstep: 2 });
|
||||||
|
//转译
|
||||||
|
req.keys = this.tranFormData(req);
|
||||||
|
for (let i = 0; i < req.keys.length; i++) {
|
||||||
|
this.addNewkey();
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
for (let i = 0; i < this.state.keys.length; i++) {
|
||||||
|
console.log(req.keys[i]);
|
||||||
|
this.refs["step2-" + i].edit(req.keys[i]);
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
if (req.theme) {
|
||||||
|
let theme_data = {
|
||||||
|
theme_id: req.theme.theme_id,
|
||||||
|
use: req.theme.theme_data.use,
|
||||||
|
link: req.theme.theme_data.link,
|
||||||
|
list: req.theme.theme_data.list,
|
||||||
|
};
|
||||||
|
|
||||||
|
this.setState({ step3_data: theme_data });
|
||||||
|
this.setState({ card_visible: true });
|
||||||
|
this.setState({ curstep: 3 });
|
||||||
|
}
|
||||||
|
if (req.payment_direction) {
|
||||||
|
let index = this.state.payment_direction.indexOf(
|
||||||
|
req.payment_direction
|
||||||
|
);
|
||||||
|
this.setState({ paytype: index + 1 });
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
//获取草稿信息
|
||||||
|
console.log("获取草稿信息 ==>", plan_id);
|
||||||
|
getDraftInfo(plan_id).then((res) => {
|
||||||
|
console.log("res =>", res);
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
//获取分销商
|
||||||
|
// req.info.reseller_id
|
||||||
|
getReseller(req.info.reseller_id).then((res) => {
|
||||||
|
handelResponse(res, (req, msg) => {
|
||||||
|
console.log("res req=>", req);
|
||||||
|
this.setState({
|
||||||
|
direct_reseller_id: req.direct_reseller_id,
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
if (req.info) {
|
||||||
|
this.refs.step1.edit(req.info);
|
||||||
|
}
|
||||||
|
if (req.keys.length > 0 && this.state.disabled == false) {
|
||||||
|
this.setState({ curstep: 2 });
|
||||||
|
//转译
|
||||||
|
req.keys = this.tranFormData(req);
|
||||||
|
|
||||||
|
for (let i = 0; i < req.keys.length; i++) {
|
||||||
|
this.addNewkey();
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
for (let i = 0; i < this.state.keys.length; i++) {
|
||||||
|
this.refs["step2-" + i].edit(req.keys[i]);
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
} else {
|
||||||
|
this.addNewkey();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 转译 */
|
||||||
|
tranFormData(req) {
|
||||||
|
req.keys.map((item) => {
|
||||||
|
item.code_batch.map((item1) => {
|
||||||
|
item1.products = [];
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
req.keys.map((item) => {
|
||||||
|
item.code_batch.map((item1) => {
|
||||||
|
item1.product.legal.map((item2) => {
|
||||||
|
item2.only = item2.product_id;
|
||||||
|
item2.type = 1;
|
||||||
|
item2.upstream = "直连天下";
|
||||||
|
item1.products.push(item2);
|
||||||
|
});
|
||||||
|
|
||||||
|
item1.product.reduce.map((item3) => {
|
||||||
|
let obj = {};
|
||||||
|
obj.product_name = item3.batch_goods_name; //名字
|
||||||
|
obj.channel_activity_id = item3.channel_activity_id; //批次号
|
||||||
|
obj.only = item3.channel_activity_id;
|
||||||
|
obj.type = 2; //类型
|
||||||
|
obj.upstream = String(item3.channel) === "1" ? "支付宝" : "微信"; //上游
|
||||||
|
obj.effectDate =
|
||||||
|
item3.time_limit.effect_time.start_time +
|
||||||
|
" 至 " +
|
||||||
|
item3.time_limit.effect_time.end_time; //有效时间
|
||||||
|
obj.contract_price = item3.price; //单价
|
||||||
|
obj.official_price = item3.reduce_amount; //官方价
|
||||||
|
obj.quantity = Math.trunc(item3.all_budget / item3.reduce_amount); //总库存
|
||||||
|
obj.origin = item3;
|
||||||
|
item1.products.push(obj);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
req.keys.map((item) => {
|
||||||
|
item.code_batch.map((item1) => {
|
||||||
|
item1.product = item1.products;
|
||||||
|
delete item1.products;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
return req.keys;
|
||||||
|
}
|
||||||
|
async onNextStep() {
|
||||||
|
if (this.state.curstep >= 1) {
|
||||||
|
if ((await this.refs.step1.submit()) == true) {
|
||||||
|
this.setState({ isload: true });
|
||||||
|
this.setState({ curstep: 2 });
|
||||||
|
} else {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.state.curstep >= 2) {
|
||||||
|
let temp = [];
|
||||||
|
for (let i = 0; i < this.state.keys.length; i++) {
|
||||||
|
let data = null;
|
||||||
|
if (this.refs[this.state.keys[i]]) {
|
||||||
|
data = this.refs[this.state.keys[i]].submit();
|
||||||
|
} else {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data) {
|
||||||
|
temp.push(data);
|
||||||
|
} else {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// if (this.state.direct_reseller_id <= 0) {
|
||||||
|
// // 老数据不能进行新增商品操作
|
||||||
|
// Notify.error(`请添加映射分销商2`);
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
|
||||||
|
let obj = {
|
||||||
|
info: JSON.parse(sessionStorage.getItem("step1")),
|
||||||
|
key: temp,
|
||||||
|
};
|
||||||
|
console.log("obj =>", obj);
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
obj.info.copy_plan_id = plan_id;
|
||||||
|
await addPlanStep(plan_id, obj).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
this.setState({ curstep: 3 });
|
||||||
|
sessionStorage.setItem("step2", JSON.stringify(temp));
|
||||||
|
this.setState({ card_visible: true });
|
||||||
|
return;
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.state.curstep == 3) {
|
||||||
|
let data = this.refs.step3.submit();
|
||||||
|
if (data) {
|
||||||
|
let obj = {
|
||||||
|
info: JSON.parse(sessionStorage.getItem("step1")),
|
||||||
|
key: JSON.parse(sessionStorage.getItem("step2")),
|
||||||
|
theme: data,
|
||||||
|
complete: true,
|
||||||
|
};
|
||||||
|
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
obj.info.copy_plan_id = plan_id;
|
||||||
|
addPlanStep(plan_id, obj).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
//获取电话 邮箱
|
||||||
|
let id = obj.info.reseller_id;
|
||||||
|
getReseller(id).then((res) => {
|
||||||
|
handelResponse(res, (req, msg) => {
|
||||||
|
this.setState({ reseller: req });
|
||||||
|
|
||||||
|
this.setState({ phone_list: req.contact_phone });
|
||||||
|
this.setState({ email_list: req.contact_email });
|
||||||
|
this.setState({ audit_visible: true });
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
addNewkey() {
|
||||||
|
let step = "step2-" + this.state.keys.length;
|
||||||
|
this.state.keys.push(step);
|
||||||
|
this.setState({ keys: this.state.keys });
|
||||||
|
this.setState({ isload: true });
|
||||||
|
}
|
||||||
|
|
||||||
|
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 });
|
||||||
|
}
|
||||||
|
|
||||||
|
closeStep(index) {
|
||||||
|
this.state.keys[index] = "";
|
||||||
|
|
||||||
|
this.setState({ keys: this.state.keys });
|
||||||
|
}
|
||||||
|
|
||||||
|
// 获取分销商 id
|
||||||
|
getDirectResellerId = (data) => {
|
||||||
|
this.setState({
|
||||||
|
direct_reseller_id: data.direct_reseller_id,
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
send(e) {
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
let data = {
|
||||||
|
phone:
|
||||||
|
this.state.phone_radio > -1
|
||||||
|
? this.state.phone_list[this.state.phone_radio]
|
||||||
|
: this.state.phone,
|
||||||
|
email:
|
||||||
|
this.state.email_radio > -1
|
||||||
|
? this.state.email_list[this.state.email_radio]
|
||||||
|
: this.state.email,
|
||||||
|
};
|
||||||
|
|
||||||
|
let phoneReg = new RegExp("^[1][3,4,5,6,7,8,9][0-9]{9}$");
|
||||||
|
if (!phoneReg.test(data.phone)) {
|
||||||
|
Notify.error("手机号格式不正确");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
planSend(plan_id, data).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
Notify.success("发送成功,请在1-2分钟后查看");
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.success("发送成功,请在1-2分钟后查看");
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async onEditInfo() {
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
if (!this.state.is_Edit) {
|
||||||
|
this.setState({ is_Edit: true });
|
||||||
|
if (await this.refs.step1.submit(plan_id)) {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
this.setState({ is_Edit: false });
|
||||||
|
}, 1500);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
onConfirm(e) {
|
||||||
|
if (this.state.btn_loading == true) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
this.setState({ btn_loading: true });
|
||||||
|
|
||||||
|
let plan_id = sessionStorage.getItem("plan_id");
|
||||||
|
let plan_status = sessionStorage.getItem("plan_status");
|
||||||
|
this.setState({ audit_visible: false });
|
||||||
|
|
||||||
|
let approval_id = sessionStorage.getItem("approval_id");
|
||||||
|
|
||||||
|
if (approval_id > 0) {
|
||||||
|
getApprovalsStatus(approval_id).then((res) => {
|
||||||
|
setTimeout(() => {
|
||||||
|
this.setState({ btn_loading: false });
|
||||||
|
}, 500);
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
if (req.status == 0) {
|
||||||
|
this.setState({ recall_visible: true });
|
||||||
|
}
|
||||||
|
if (req.status == 1) {
|
||||||
|
Notify.error("进行中的计划不能提交审核");
|
||||||
|
setTimeout(() => {
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
}, 2000);
|
||||||
|
}
|
||||||
|
if (req.status == 2 || req.status == 3) {
|
||||||
|
let data = {
|
||||||
|
reseller_id: this.state.reseller.id,
|
||||||
|
reseller_name: this.state.reseller.name,
|
||||||
|
company_name: this.state.reseller.company_name,
|
||||||
|
receive_email: this.state.reseller.contact_email[0],
|
||||||
|
payment_direction:
|
||||||
|
this.state.payment_direction[this.state.paytype - 1],
|
||||||
|
};
|
||||||
|
if (this.state.direct_reseller_id <= 0) {
|
||||||
|
// 老数据不能进行新增商品操作
|
||||||
|
Notify.error(`请添加映射分销商1`);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
approvals(plan_id, data).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
this.setState({ audit_visible: false });
|
||||||
|
Notify.success("成功发起审批");
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
let data = {
|
||||||
|
reseller_id: this.state.reseller.id,
|
||||||
|
reseller_name: this.state.reseller.name,
|
||||||
|
company_name: this.state.reseller.company_name,
|
||||||
|
receive_email: this.state.email_list[0],
|
||||||
|
payment_direction: this.state.payment_direction[this.state.paytype - 1],
|
||||||
|
};
|
||||||
|
|
||||||
|
approvals(plan_id, data).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
Notify.success("成功发起审批");
|
||||||
|
this.setState({ audit_visible: false });
|
||||||
|
this.props.history.push("/home/plan-list/");
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
phoneChange = (e) => {
|
||||||
|
this.setState({ phone: e.target.value });
|
||||||
|
};
|
||||||
|
emailChange = (e) => {
|
||||||
|
this.setState({ email: e.target.value });
|
||||||
|
};
|
||||||
|
|
||||||
|
onPayTypeChange(e) {
|
||||||
|
this.setState({ paytype: e.target.value });
|
||||||
|
}
|
||||||
|
onReCall() {
|
||||||
|
let approval_id = sessionStorage.getItem("approval_id");
|
||||||
|
this.setState({ recall_visible: false });
|
||||||
|
terminateApprovals(approval_id).then((res) => {
|
||||||
|
handelResponse(
|
||||||
|
res,
|
||||||
|
(req, msg) => {
|
||||||
|
this.setState({ approvalLoading: true });
|
||||||
|
let timer_c = setInterval(() => {
|
||||||
|
console.log(this.state.timer);
|
||||||
|
if (this.state.timer <= 0) {
|
||||||
|
clearInterval(timer_c);
|
||||||
|
this.setState({ approvalLoading: false });
|
||||||
|
Notify.success("撤销成功,请重新提交审核");
|
||||||
|
}
|
||||||
|
let time = this.state.timer - 1;
|
||||||
|
this.setState({ timer: time });
|
||||||
|
}, 1000);
|
||||||
|
},
|
||||||
|
(err) => {
|
||||||
|
Notify.error(err);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
onStyleChange(e) {
|
||||||
|
console.log("状态", e.target.value);
|
||||||
|
if (e.target.value == 6) {
|
||||||
|
this.setState({ whiteStyle: true });
|
||||||
|
this.setState({ keyStyle: 6 });
|
||||||
|
} else {
|
||||||
|
this.setState({ keyStyle: e.target.value });
|
||||||
|
this.setState({ whiteStyle: false });
|
||||||
|
}
|
||||||
|
}
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<div id="plan-edit">
|
||||||
|
{this.state.disabled ? (
|
||||||
|
<div className="plan-main">
|
||||||
|
<div className="action-panel">
|
||||||
|
<div id="step1" className="step1">
|
||||||
|
<div className="plan-title">营销计划</div>
|
||||||
|
<Card
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
title={this.state.step1_pagetitle}
|
||||||
|
>
|
||||||
|
<Step1
|
||||||
|
ref="step1"
|
||||||
|
data={this.state.step1_data}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
<div className="step-btn-group">
|
||||||
|
<Button type="primary" onClick={() => this.onEditInfo()}>
|
||||||
|
修改
|
||||||
|
</Button>
|
||||||
|
<Button type="normal" onClick={() => this.onReturn()}>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="plan-main">
|
||||||
|
<div className="action-panel">
|
||||||
|
<div id="step1" className="step1">
|
||||||
|
<div className="plan-title">营销计划</div>
|
||||||
|
<Card
|
||||||
|
style={{ width: "100%" }}
|
||||||
|
title={this.state.step1_pagetitle}
|
||||||
|
>
|
||||||
|
<Step1
|
||||||
|
ref="step1"
|
||||||
|
data={this.state.step1_data}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
onGetDirectResellerId={(data) =>
|
||||||
|
this.getDirectResellerId(data)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{this.state.curstep >= 2 ? (
|
||||||
|
<div id="step2" className="step2">
|
||||||
|
<div className="plan-title">key</div>
|
||||||
|
{this.state.keys.map((item, index) => {
|
||||||
|
return item ? (
|
||||||
|
<Card
|
||||||
|
style={{
|
||||||
|
width: "100%",
|
||||||
|
height: "auto",
|
||||||
|
marginBottom: "10px",
|
||||||
|
}}
|
||||||
|
title={this.state.step2_pagetitle}
|
||||||
|
action={
|
||||||
|
index > 0 ? (
|
||||||
|
<span
|
||||||
|
className="zent-link"
|
||||||
|
target="_blank"
|
||||||
|
onClick={(e) => {
|
||||||
|
this.closeStep(index);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
关闭
|
||||||
|
</span>
|
||||||
|
) : null
|
||||||
|
}
|
||||||
|
>
|
||||||
|
<Step2
|
||||||
|
ref={"step2-" + index}
|
||||||
|
addNewkey={() => {
|
||||||
|
this.addNewkey();
|
||||||
|
}}
|
||||||
|
name={index}
|
||||||
|
onStyleChange={(e) => {
|
||||||
|
this.onStyleChange(e);
|
||||||
|
}}
|
||||||
|
is_Edit={true}
|
||||||
|
whiteStyle={this.state.whiteStyle}
|
||||||
|
keyStyle={this.state.keyStyle}
|
||||||
|
isload={this.state.isload}
|
||||||
|
data={item}
|
||||||
|
direct_reseller_id={this.state.direct_reseller_id}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
) : null;
|
||||||
|
})}
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{this.state.card_visible ? (
|
||||||
|
<div id="step3" className="step3">
|
||||||
|
<Card
|
||||||
|
style={{ width: "100%", height: "auto" }}
|
||||||
|
title={this.state.step3_pagetitle}
|
||||||
|
>
|
||||||
|
<Step3
|
||||||
|
ref="step3"
|
||||||
|
data={this.state.step3_data}
|
||||||
|
options={this.state.theme_options}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
/>
|
||||||
|
</Card>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{this.state.card_visible ? (
|
||||||
|
<div className="step-btn-group">
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={() => this.onNextStep()}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
>
|
||||||
|
提交审核
|
||||||
|
</Button>
|
||||||
|
<Button type="normal" onClick={() => this.onReturn()}>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="step-btn-group">
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={() => this.onNextStep()}
|
||||||
|
disabled={this.state.disabled}
|
||||||
|
>
|
||||||
|
下一步
|
||||||
|
</Button>
|
||||||
|
<Button type="normal" onClick={() => this.onReturn()}>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{this.state.audit_visible ? (
|
||||||
|
<div className="audit">
|
||||||
|
<div className="modal"> </div>
|
||||||
|
<div className="audit-box">
|
||||||
|
<Icon
|
||||||
|
type="close"
|
||||||
|
className="audit-close"
|
||||||
|
onClick={(e) => {
|
||||||
|
this.setState({ audit_visible: false });
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div className="audit-box-title">提交审核</div>
|
||||||
|
<div className="payType">
|
||||||
|
<RadioGroup
|
||||||
|
onChange={(e) => {
|
||||||
|
this.onPayTypeChange(e);
|
||||||
|
}}
|
||||||
|
value={this.state.paytype}
|
||||||
|
className="audit-obj"
|
||||||
|
>
|
||||||
|
<Radio value={3}>预付款扣除</Radio>
|
||||||
|
<Radio value={1}>对私账户</Radio>
|
||||||
|
<Radio value={2}>对公账户</Radio>
|
||||||
|
</RadioGroup>
|
||||||
|
</div>
|
||||||
|
<div className="audit-btn-group">
|
||||||
|
<Button
|
||||||
|
onClick={(e) => {
|
||||||
|
this.setState({ audit_visible: false });
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={(e) => {
|
||||||
|
this.onConfirm(e);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
确定
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{this.state.recall_visible ? (
|
||||||
|
<div className="audit">
|
||||||
|
<div className="modal"> </div>
|
||||||
|
<div className="audit-box">
|
||||||
|
<Icon
|
||||||
|
type="close"
|
||||||
|
className="audit-close"
|
||||||
|
onClick={(e) => {
|
||||||
|
this.onReturn(e);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<div className="audit-box-title">审核中</div>
|
||||||
|
<div className="audit-box-txt">
|
||||||
|
提交审核会将原来审批撤回才可进行提交,是否撤回?
|
||||||
|
</div>
|
||||||
|
<div className="audit-btn-group">
|
||||||
|
<Button
|
||||||
|
onClick={(e) => {
|
||||||
|
this.setState({ recall_visible: false });
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
取消
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
type="primary"
|
||||||
|
onClick={(e) => {
|
||||||
|
this.onReCall(e);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
确定
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
|
||||||
|
{this.state.approvalLoading ? (
|
||||||
|
<div className="audit">
|
||||||
|
<div className="modal"> </div>
|
||||||
|
<div className="audit-box">
|
||||||
|
<div className="audit-box-title">撤销审批中</div>
|
||||||
|
<div className="audit-box-txt">
|
||||||
|
正在发起撤销...,请等待
|
||||||
|
<span style={{ color: "red" }}> {this.state.timer}</span>
|
||||||
|
秒
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
) : null}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue