Update edit.js
This commit is contained in:
姜棚
parent
f3724d40f7
commit
f04a6717f9
|
|
@ -3,7 +3,7 @@ import React from "react"
|
|||
import Ipt from "../../../components/input/main"
|
||||
import Form from "../../../components/form/main"
|
||||
import FormItem from "../../../components/form-item/main"
|
||||
import {Card, Drawer, Select,Button,ImageUpload ,onUpload,Sweetalert,RadioButton,RadioGroup,Notify,Input,CombinedDateRangePicker} from "zent"
|
||||
import {Card, Drawer, Select,Button,ImageUpload ,DateRangePicker,onUpload,Sweetalert,RadioButton,RadioGroup,Notify,Input,CombinedDateRangePicker} from "zent"
|
||||
import Bus from "../../../assets/eventBus.js"
|
||||
import {getProductInfoSelect,handelResponse,uploadImg,getCodeProduct,putCodeProduct,getCodesDetail,putCodes,putCodesBatch} from "../../../assets/api.js"
|
||||
import _ from "lodash";
|
||||
|
|
@ -11,8 +11,26 @@ import Productform from "../product/add"
|
|||
import "./edit.less"
|
||||
import moment from "moment";
|
||||
import Grid from "../../../components/gird/main.js"
|
||||
const data = [{"id":21,"title":"爱奇艺周卡组合商品测试专用","type":1,"official_price":"13.0000","cost_price":"78.8400","account_type":5},{"id":22,"title":"喜马拉雅18月卡组合卡","type":1,"official_price":"218.0000","cost_price":"163.8000","account_type":1},{"id":23,"title":"爱奇艺月卡与美团外卖会员月卡组合","type":1,"official_price":"25.0000","cost_price":"33.3000","account_type":3},{"id":24,"title":"腾讯视频月卡和Q绿钻月卡组合","type":1,"official_price":"20.0000","cost_price":"247.2000","account_type":1},{"id":25,"title":"优酷月卡和百度文库3天卡组合","type":1,"official_price":"20.0000","cost_price":"144.5400","account_type":5},{"id":26,"title":"爱奇艺年卡和饿了么年卡组合","type":1,"official_price":"248.0000","cost_price":"10.0000","account_type":4},{"id":27,"title":"优酷年卡和网易云音乐年卡组合","type":1,"official_price":"198.0000","cost_price":"33.6400","account_type":4},{"id":28,"title":"芒果PC年卡和喜马拉雅季卡组合","type":1,"official_price":"198.0000","cost_price":"40.9500","account_type":1},{"id":88,"title":"测试商品-爱艺奇周卡-石竹","type":1,"official_price":"13.0000","cost_price":"7.5000","account_type":1},{"id":101,"title":"优酷周卡","type":1,"official_price":"9.0000","cost_price":"4.8150","account_type":1},{"id":102,"title":"优酷月卡","type":1,"official_price":"20.0000","cost_price":"12.0000","account_type":1},{"id":103,"title":"优酷季卡","type":1,"official_price":"56.0000","cost_price":"33.6000","account_type":1},{"id":104,"title":"优酷年卡","type":1,"official_price":"198.0000","cost_price":"118.8000","account_type":1},{"id":105,"title":"爱奇艺黄金会员天卡","type":1,"official_price":"8.0000","cost_price":"2.3400","account_type":1},{"id":106,"title":"爱奇艺黄金会员周卡","type":1,"official_price":"13.0000","cost_price":"4.0000","account_type":1},{"id":107,"title":"爱奇艺黄金会员月卡","type":1,"official_price":"25.0000","cost_price":"12.8700","account_type":1},{"id":108,"title":"爱奇艺黄金会员季卡","type":1,"official_price":"68.0000","cost_price":"37.7000","account_type":1},{"id":109,"title":"爱奇艺黄金会员半年卡","type":1,"official_price":"130.0000","cost_price":"70.2000","account_type":1},{"id":110,"title":"爱奇艺黄金会员年卡","type":1,"official_price":"248.0000","cost_price":"128.7000","account_type":1},{"id":111,"title":"爱奇艺钻石月卡","type":1,"official_price":"60.0000","cost_price":"27.0000","account_type":1},{"id":112,"title":"爱奇艺钻石季卡","type":1,"official_price":"168.0000","cost_price":"65.5200","account_type":1},{"id":113,"title":"爱奇艺钻石半年卡","type":1,"official_price":"328.0000","cost_price":"127.9200","account_type":1},{"id":114,"title":"爱奇艺钻石年卡","type":1,"official_price":"618.0000","cost_price":"247.2000","account_type":1},{"id":115,"title":"腾讯视频会员月卡","type":1,"official_price":"20.0000","cost_price":"11.2000","account_type":5},{"id":116,"title":"腾讯视频会员季卡","type":1,"official_price":"58.0000","cost_price":"34.8000","account_type":5},{"id":117,"title":"腾讯视频会员年卡","type":1,"official_price":"198.0000","cost_price":"118.8000","account_type":5},{"id":118,"title":"腾讯视频会员月卡微信","type":1,"official_price":"20.0000","cost_price":"13.0000","account_type":5},{"id":119,"title":"腾讯视频会员季卡微信","type":1,"official_price":"58.0000","cost_price":"37.7000","account_type":5},{"id":120,"title":"腾讯视频会员年卡微信","type":1,"official_price":"198.0000","cost_price":"110.0000","account_type":5},{"id":121,"title":"腾讯视频会员周卡","type":1,"official_price":"9.0000","cost_price":"5.0000","account_type":13}]
|
||||
import { isSameDay, addDays, parse } from 'date-fns';
|
||||
const initArray = targetNum => {
|
||||
return Array.from({ length: targetNum }, (_, index) => index);
|
||||
};
|
||||
|
||||
// <CombinedDateRangePicker canClear={false}
|
||||
// className="zent-datepicker-plan"
|
||||
// value={this.state.codeInfo.date_time}
|
||||
// disabledDate={this.onDisabledCombinedDate}
|
||||
// showTime={{
|
||||
// format: 'HH:mm:ss',
|
||||
// defaultTime: ['12:00:00', '23:59:59'],
|
||||
// }}
|
||||
// format="YYYY-MM-DD HH:mm:ss"
|
||||
// onChange={(e)=>{
|
||||
|
||||
// Bus.emit('change',"date_time" ,e);
|
||||
// this.onChangeCombinedDate(e)}
|
||||
// }
|
||||
// />
|
||||
|
||||
|
||||
export default class exchangedit extends React.Component{
|
||||
|
|
@ -104,7 +122,7 @@ export default class exchangedit extends React.Component{
|
|||
});
|
||||
|
||||
|
||||
this.getProductInfo()
|
||||
|
||||
|
||||
}
|
||||
onRankChange(e){
|
||||
|
|
@ -114,37 +132,6 @@ export default class exchangedit extends React.Component{
|
|||
this.setState({tempdata:this.state.tempdata})
|
||||
this.setState({rank:e})
|
||||
}
|
||||
//获取直连天下商品映射信息
|
||||
getProductInfo(){
|
||||
// getProductInfoSelect().then((res)=>{
|
||||
// handelResponse(res,(req,msg)=>{
|
||||
let productData = sessionStorage.getItem("productData");
|
||||
if(productData){
|
||||
let product_data = JSON.parse( productData) ;
|
||||
let checked_product= product_data ? product_data : [];
|
||||
|
||||
let arr = [];
|
||||
_.map(data,(res)=>{
|
||||
let obj = {};
|
||||
obj.key = res.id;
|
||||
obj.text= res.title;
|
||||
obj.disabled = checked_product.findIndex((item)=>{return item.id == res.id}) > -1;
|
||||
if(obj.disabled)
|
||||
{
|
||||
console.log(obj.text)
|
||||
}
|
||||
|
||||
arr.push(obj)
|
||||
|
||||
return obj;
|
||||
})
|
||||
console.log(arr)
|
||||
this.setState({"productOption":arr})
|
||||
}
|
||||
// },(err)=>{
|
||||
// })
|
||||
// })
|
||||
}
|
||||
|
||||
cancel(){
|
||||
//取消二次弹出框
|
||||
|
|
@ -258,25 +245,7 @@ export default class exchangedit extends React.Component{
|
|||
|
||||
}
|
||||
}
|
||||
onProductChange(e){
|
||||
this.setState({cur_product:e})
|
||||
let cur_product = data.find((item)=>{return item.id == e.key})
|
||||
|
||||
let model2 = {
|
||||
id:cur_product.id,
|
||||
type:cur_product.type,
|
||||
contract_price:this.state.model.contract_price,
|
||||
official_price:cur_product.official_price,
|
||||
cost_price:cur_product.cost_price,
|
||||
stock:this.state.model.stock,
|
||||
name:this.state.model.name,
|
||||
show_url:this.state.show_url ,
|
||||
describe_url:this.state.describe_url ,
|
||||
}
|
||||
|
||||
this.setState({model:model2})
|
||||
console.log(cur_product)
|
||||
}
|
||||
onTypeChange(e){
|
||||
console.log(e)
|
||||
|
||||
|
|
@ -308,6 +277,7 @@ export default class exchangedit extends React.Component{
|
|||
console.log(this.state.codeInfo)
|
||||
}
|
||||
|
||||
|
||||
async productSubmit(){
|
||||
let visible = await this.refs.product.submit()
|
||||
if(visible)
|
||||
|
|
@ -348,11 +318,7 @@ export default class exchangedit extends React.Component{
|
|||
}
|
||||
}
|
||||
|
||||
onDisabledCombinedDate = (val)=>{
|
||||
let str = moment(val).format("YYYY-MM-DD HH:mm:ss")
|
||||
let isBetween = moment(str).isBetween(this.state.codeInfo.date_time[0],this.state.codeInfo.date_time[1],null,'(]');
|
||||
return !isBetween
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -454,6 +420,57 @@ export default class exchangedit extends React.Component{
|
|||
};
|
||||
|
||||
|
||||
|
||||
|
||||
onDisabledCombinedDate = (val)=>{
|
||||
let str = moment(val).format("YYYY-MM-DD HH:mm:ss")
|
||||
let isBetween = moment(str).isBetween(this.state.codeInfo.date_time[0],this.state.codeInfo.date_time[1],null,'(]');
|
||||
return !isBetween
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
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)
|
||||
: [],
|
||||
}
|
||||
: {};
|
||||
|
||||
|
||||
|
||||
|
||||
};
|
||||
|
||||
onDisabledRange = (date, type)=>{
|
||||
let step1 = JSON.parse (sessionStorage.getItem("step1"));
|
||||
// let str = moment(date).format("YYYY-MM-DD HH:mm:ss")
|
||||
// let isBetween = moment(str).isBetween(step1.begin_time,step1.end_time,null,'(]');
|
||||
let isdisabled = false;
|
||||
let str = moment(date).format("YYYY-MM-DD HH:mm:ss")
|
||||
|
||||
|
||||
if( type == "end" )
|
||||
{
|
||||
isdisabled = moment(str).isAfter(this.state.codeInfo.date_time[1])
|
||||
}
|
||||
return isdisabled
|
||||
}
|
||||
|
||||
render(){
|
||||
|
||||
|
||||
|
|
@ -590,20 +607,22 @@ export default class exchangedit extends React.Component{
|
|||
<p>
|
||||
<Form model={this.state.codeInfo} rules={rulesInfo} ref="code_rule" className="addform">
|
||||
<FormItem labelname="生效时间段" prop="date_time" id="date_time">
|
||||
<CombinedDateRangePicker canClear={false}
|
||||
|
||||
|
||||
<DateRangePicker
|
||||
disabled={[true, false]}
|
||||
className="zent-datepicker-plan"
|
||||
value={this.state.codeInfo.date_time}
|
||||
disabledDate={this.onDisabledCombinedDate}
|
||||
showTime={{
|
||||
format: 'HH:mm:ss',
|
||||
defaultTime: ['12:00:00', '23:59:59'],
|
||||
showTime={{ format: 'HH:mm:ss', defaultTime: ["00:00:00", '23:59:59'],
|
||||
}}
|
||||
format="YYYY-MM-DD HH:mm:ss"
|
||||
value={this.state.codeInfo.date_time}
|
||||
onChange={(e)=>{
|
||||
|
||||
Bus.emit('change',"date_time" ,e);
|
||||
this.onChangeCombinedDate(e)}
|
||||
|
||||
}
|
||||
disabledTime={this.onDisabledTime}
|
||||
disabledDate={this.onDisabledRange }
|
||||
/>
|
||||
</FormItem>
|
||||
<FormItem labelname="商品范围" prop="rank" id="rank" >
|
||||
|
|
|
|||
Loading…
Reference in New Issue