更新api封装结构

This commit is contained in:
北海一刀 2021-11-17 13:37:55 +08:00
parent f3baf4708a
commit 464c8aaf11
4 changed files with 78 additions and 43 deletions

View File

@ -2,7 +2,28 @@
export const baseurl = 'http://market.api.system.com'
// const getImg=(url)=>{
// const xhr = new XMLHttpRequest()
// xhr.open('GET', url)
// xhr.responseType = "arraybuffer";
// xhr.onreadystatechange = function (response) {
// response.header = {
// 'Accept': 'application/json',
// 'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8',
// }
// var byteArray = new Uint8Array(response.target.response);
// var binary = '';
// for (var i = 0; i < byteArray.byteLength; i++) {
// binary += String.fromCharCode(byteArray[i]);
// }
// let str = 'data:image/png;base64,' + window.btoa(binary)
// console.log(func)
// func(str,xhr);
// }
// xhr.send()
// }
@ -13,6 +34,10 @@ const req = (method, url, params, responseType) => {
var obj = {
method: method,
params: params,
headers: new Headers({
'Content-Type': 'image/png; charset=utf-8'
})
}
}
if(method == "post")
@ -25,14 +50,24 @@ const req = (method, url, params, responseType) => {
})
}
}
return fetch(url).then(res => res.json()).catch(error => console.error('Error:', error)).then(response => console.log('Success:', response));
let http = fetch(url).then(res => res.json());
return http.then(response =>response.data ).catch(error => console.error('Error:', error));
}
//营销计划列表
export const getPlanList = (params) => {
return req('get', baseurl + "/plan", params)
}
//获取分销商下拉菜单
export const getReSellerOption = (params) => {
return req('get', baseurl + "/reseller/choice", params)
}
//新建营销计划
export const getPlanStep = (id,params) => {
return req('get', baseurl + "/plan/step/:"+id, params)
@ -82,6 +117,8 @@ export const putKeyEmail = (id,params) => {
return req('put', baseurl + "/keys/receive/:"+id, params)
}
//销售单中的出库
export {
req

View File

@ -6,6 +6,7 @@ import Ipt from "../../../components/input/main"
import Form from "../../../components/form/main"
import FormItem from "../../../components/form-item/main"
import Bus from "../../../assets/eventBus.js"
import {getVerify,getReSellerOption} from "../../../assets/api.js"
const TabPanel = Tabs.TabPanel;
export default class acclist extends React.Component{
@ -18,13 +19,23 @@ export default class acclist extends React.Component{
reseller:null,
return_id:"1",
date_time:""
}
},
reseller_option:[]
}
}
componentDidMount(e){
}
getReSellerOption()
{
}
submit(){
if(this.refs.form1.validator())
@ -38,7 +49,6 @@ export default class acclist extends React.Component{
}
onTypeChange(e){
console.log(e.target.value)
let model = this.state.model;
model.type = e.target.value;
this.setState({model:model})
@ -114,13 +124,6 @@ export default class acclist extends React.Component{
} } />
</FormItem>
<FormItem labelname=" 计划充值返回" prop="return_id" id="return_id">
<RadioGroup onChange={this.onChange} value={this.state.model.return_id}>
<RadioButton value="1">直接返回</RadioButton>
<RadioButton value="2">卡单</RadioButton>
</RadioGroup>
</FormItem>
<FormItem labelname="开始~结束时间" prop="date_time" id="date_time">
<CombinedDateRangePicker canClear={false}
className="zent-datepicker-plan"

View File

@ -45,7 +45,15 @@ export default class acclist extends React.Component{
return false;
}
onStyleChange(e){
let model2 = this.state.model;
model2.type = e.target.value;
this.setState({model:model2})
// let model2 = this.state.model
// model2.style = e;
// this.setState({model:model2})
}
render(){
const Column = [
{
@ -116,34 +124,25 @@ export default class acclist extends React.Component{
return(
<div id="step2">
<Form model={this.state.model} rules={rules} ref="form1">
<FormItem labelname=" key样式" prop="style">
<RadioGroup onChange={this.onChange} value={this.state.return_id}>
<FormItem labelname=" key样式" prop="style" id="style">
<RadioGroup onChange={(e)=>{ this.onStyleChange(e)} } value={this.state.model.style}>
<RadioButton value="1">串码</RadioButton>
<RadioButton value="2">链接</RadioButton>
<RadioButton value="3">二维码</RadioButton>
</RadioGroup>
</FormItem>
<FormItem labelname="分销商" prop="reseller">
<Select options={options} placeholder="选择一项" width={515} value={this.state.model.reseller} />
</FormItem>
<FormItem labelname=" key方式" prop="return_id">
<RadioGroup onChange={this.onChange} value={this.state.return_id}>
<RadioButton value="1">指定数量</RadioButton>
<RadioButton value="2">不限</RadioButton>
</RadioGroup>
</FormItem>
<FormItem labelname="key数量" prop="date_time" >
<FormItem labelname="key数量" prop="quantity" id="quantity" >
<Ipt onChange={(e)=>{
let model2 = this.state.model;
model2.name = e;
model2.quantity = e;
this.setState({model:model2})
}} value={this.state.model.name} placeholder={"请输入"} labelWidth={'0px'} maxLength={12} height={'36px'} width={'400px'} alignment={'left'}/>
}} value={this.state.model.quantity} placeholder={"请输入"} labelWidth={'0px'} maxLength={12} height={'36px'} width={'400px'} alignment={'left'}/>
<Button className="import-btn" >导入白名单</Button>
</FormItem>
<FormItem labelname="绑定类型" prop="checkedList" >
<FormItem labelname="绑定类型" prop="bind_object" id="bind_object" >
<Checkbox.Group value={this.state.checkedList} onChange={this.onCheckChange}>
<Checkbox value="1">兑换码</Checkbox>
<Checkbox value="2">优惠券</Checkbox>
@ -155,7 +154,7 @@ export default class acclist extends React.Component{
<Button>新建优惠券</Button>
<Button>新建立减金</Button>
</FormItem>
<FormItem labelname="绑定对象">
<FormItem labelname="绑定对象" >
<Grid
headBackgroud="#f9fafc"
isShowPageBar={false}
@ -169,26 +168,21 @@ export default class acclist extends React.Component{
this.pageChange(e)
}}
checkChange ={(selection)=>{
console.log(selection)
}}
ComponentHandler={(com,rowData)=>{
}}
/>
</FormItem>
<FormItem labelname="重复选择商品">
<FormItem labelname="重复选择商品" id="allow_repetition" prop="allow_repetition">
<RadioGroup onChange={this.onChange} value={this.state.value}>
<RadioButton value="1"></RadioButton>
<RadioButton value="2"></RadioButton>
</RadioGroup>
</FormItem>
<FormItem labelname="是否合并库存">
<RadioGroup onChange={this.onChange} value={this.state.value}>
<RadioButton value="1"></RadioButton>
<RadioButton value="2"></RadioButton>
</RadioGroup>
</FormItem>
<FormItem labelname="是否允许亏损">
<FormItem labelname="是否允许亏损" id="allow_loss" prop="allow_loss">
<RadioGroup onChange={this.onChange} value={this.state.value}>
<RadioButton value="1" ></RadioButton>
<RadioButton value="2" ></RadioButton>

View File

@ -36,12 +36,13 @@ export default class acclist extends React.Component{
}
//分页
onPageChange(e){
this.setState({distdata:[]})
}
componentDidMount(e){
getPlanList((res)=>{
console.log(res)
})
getPlanList().then((res)=>{
console.log(res)
}).catch(()=>{})
}
//切换siwtch
onSwitchChange(status,row){