diff --git a/src/components/knockGold/index.jsx b/src/components/knockGold/index.jsx index c38d5116..8438758f 100644 --- a/src/components/knockGold/index.jsx +++ b/src/components/knockGold/index.jsx @@ -388,6 +388,7 @@ export default class addKnockGold extends Component { real_name: text, mobile: key })), + weight: this.state.model.weight, receive_conf: { type: this.state.model.receive_type, num: this.state.model.receive_number diff --git a/src/pages/exchangecode/add/add.js b/src/pages/exchangecode/add/add.js index 5ec659b9..8513f980 100644 --- a/src/pages/exchangecode/add/add.js +++ b/src/pages/exchangecode/add/add.js @@ -562,6 +562,7 @@ export default class acclist extends React.Component { obj.origin = item.origin // 原始数据 } obj.only = item.only + obj.weight = item.weight obj.type = item.type obj.upstream = item.upstream return obj diff --git a/src/pages/exchangecode/edit/edit.js b/src/pages/exchangecode/edit/edit.js index 245a6749..604c948f 100644 --- a/src/pages/exchangecode/edit/edit.js +++ b/src/pages/exchangecode/edit/edit.js @@ -406,6 +406,7 @@ export default class exchangedit extends React.Component { _object.account_type = o.account_type _object.product_name = o.product_name _object.product_type = o.product_type + _object.weight = o.weight _object.quantity = o.quantity _object.show_url = o.show_url _object.detail_url = o.detail_url diff --git a/src/pages/exchangecode/product/add.js b/src/pages/exchangecode/product/add.js index 733e0796..8b5950d6 100644 --- a/src/pages/exchangecode/product/add.js +++ b/src/pages/exchangecode/product/add.js @@ -1,9 +1,9 @@ -import ReactDOM from "react-dom"; -import React from "react"; -import "./add.less"; -import Ipt from "../../../components/input/main"; -import Form from "../../../components/form/main"; -import FormItem from "../../../components/form-item/main"; +import ReactDOM from 'react-dom' +import React from 'react' +import './add.less' +import Ipt from '../../../components/input/main' +import Form from '../../../components/form/main' +import FormItem from '../../../components/form-item/main' import { Select, Button, @@ -12,51 +12,52 @@ import { Sweetalert, RadioButton, RadioGroup, - Notify, -} from "zent"; -import Swiper from "swiper/dist/js/swiper.js"; -import "swiper/dist/css/swiper.min.css"; -import Bus from "../../../assets/eventBus.js"; + Notify +} from 'zent' +import Swiper from 'swiper/dist/js/swiper.js' +import 'swiper/dist/css/swiper.min.css' +import Bus from '../../../assets/eventBus.js' import { getProductInfoSelect, handelResponse, - uploadImg, -} from "../../../assets/api.js"; -import _ from "lodash"; + uploadImg +} from '../../../assets/api.js' +import _ from 'lodash' -var mySwiper = null; -var timer = null; +var mySwiper = null +var timer = null export default class adduserinfo extends React.Component { constructor(props) { - super(props); + super(props) this.state = { model: { //数据模型不可少 - product_id: "", - product_type: "1", - contract_price: "", - official_price: "", - cost_price: "", - quantity: "", - product_name: "", - show_url: "", + product_id: '', + product_type: '1', + contract_price: '', + official_price: '', + cost_price: '', + quantity: '', + product_name: '', + weight: '', + show_url: '', describe_url: [], - detail_url: "", - stock: "", - usage: "", - detail_url: "", - map_product_name: "", + detail_url: '', + stock: '', + usage: '', + detail_url: '', + map_product_name: '' }, cur_product: null, productOption: [], products: [], productpic: [], productsList: [], - isSelectGoods: false, - }; + isSelectGoods: false + } } componentDidMount() { - mySwiper = new Swiper(".swiper-container", { + mySwiper = new Swiper('.swiper-container', { slidesPerView: 1, centeredSlides: true, loop: true, @@ -64,114 +65,115 @@ export default class adduserinfo extends React.Component { initialSlide: 0, observer: true, // 修改swiper自己或子元素时,自动初始化swiper observeParents: true, // 修改swiper的父元素时,自动初始化swiper - pagination: ".swiper-pagination", - }); + pagination: '.swiper-pagination' + }) } componentWillReceiveProps() { - mySwiper.update(); + mySwiper.update() } componentWillMount(e) { //获取商品信息 if (this.props.data) { - let model_temp = this.props.data; + let model_temp = this.props.data - let model = this.state.model; - model.product_id = model_temp.product_id; - model.product_type = model_temp.product_type; + let model = this.state.model + model.product_id = model_temp.product_id + model.product_type = model_temp.product_type - model.contract_price = model_temp.contract_price; - model.official_price = model_temp.official_price; - model.cost_price = model_temp.cost_price; - model.quantity = model_temp.quantity; - model.product_name = model_temp.product_name; - model.show_url = model_temp.show_url; - model.account_type = model_temp.account_type; - model.detail_url = model_temp.detail_url; - let defaultPic = []; - let arr = []; + model.contract_price = model_temp.contract_price + model.official_price = model_temp.official_price + model.cost_price = model_temp.cost_price + model.quantity = model_temp.quantity + model.product_name = model_temp.product_name + model.weight = model_temp.weight + model.show_url = model_temp.show_url + model.account_type = model_temp.account_type + model.detail_url = model_temp.detail_url + let defaultPic = [] + let arr = [] - let temp_productpic = this.state.productpic; - let pics = ""; + let temp_productpic = this.state.productpic + let pics = '' if (Array.isArray(model_temp.describe_url)) { - pics = model_temp.describe_url; + pics = model_temp.describe_url } else { if ( - model_temp.describe_url != "" && + model_temp.describe_url != '' && model_temp.describe_url != undefined ) { - pics = model_temp.describe_url.split(","); + pics = model_temp.describe_url.split(',') } else { - pics = []; + pics = [] } } for (let i = 0; i < pics.length; i++) { - let obj = {}; - let nameArr = pics[i].split("/"); - obj.name = nameArr[5]; - obj.src = pics[i]; - defaultPic.push(obj); + let obj = {} + let nameArr = pics[i].split('/') + obj.name = nameArr[5] + obj.src = pics[i] + defaultPic.push(obj) let obj2 = { name: nameArr[5], - url: pics[i], - }; - temp_productpic.push(obj2); + url: pics[i] + } + temp_productpic.push(obj2) } - this.setState({ temp_productpic }); - model.describe_url = defaultPic; - model.stock = model_temp.stock; - model.usage = model_temp.usage; - model.map_product_name = model_temp.map_product_name; - this.setState({ model: model }); + this.setState({ temp_productpic }) + model.describe_url = defaultPic + model.stock = model_temp.stock + model.usage = model_temp.usage + model.map_product_name = model_temp.map_product_name + this.setState({ model: model }) } - this.getProductInfo(); + this.getProductInfo() } //获取直连天下商品映射信息 getProductInfo() { - let productList = sessionStorage.getItem("productsList"); - productList = JSON.parse(productList); + let productList = sessionStorage.getItem('productsList') + productList = JSON.parse(productList) - let product_data = []; - if (sessionStorage.getItem("productData")) { - product_data = JSON.parse(sessionStorage.getItem("productData")); + let product_data = [] + if (sessionStorage.getItem('productData')) { + product_data = JSON.parse(sessionStorage.getItem('productData')) } - let checked_product = product_data ? product_data : []; - console.log("product_data ==>1", product_data); + let checked_product = product_data ? product_data : [] + console.log('product_data ==>1', product_data) - let arr = []; - this.setState({ products: productList }); + let arr = [] + this.setState({ products: productList }) _.map(productList, (res) => { let index = checked_product.findIndex((item) => { - return item.product_id == res.id; - }); - let obj = {}; - obj.key = res.id; - obj.text = res.title; - obj.disabled = index > -1 ? true : false; + return item.product_id == res.id + }) + let obj = {} + obj.key = res.id + obj.text = res.title + obj.disabled = index > -1 ? true : false if (obj.disabled) { } - obj.in = index > -1 ? checked_product[index].in : false; - arr.push(obj); - return obj; - }); + obj.in = index > -1 ? checked_product[index].in : false + arr.push(obj) + return obj + }) - this.setState({ productOption: arr }); - console.log("this.state.model.product_id =>", this.state.model.product_id); + this.setState({ productOption: arr }) + console.log('this.state.model.product_id =>', this.state.model.product_id) if (this.state.model.product_id) { let cur_product = arr.find((item) => { - return item.key == this.state.model.product_id; - }); - this.setState({ cur_product: cur_product }); + return item.key == this.state.model.product_id + }) + this.setState({ cur_product: cur_product }) - console.log("cur_product ==>2", cur_product); - console.log("arr ==>", arr); + console.log('cur_product ==>2', cur_product) + console.log('arr ==>', arr) if (cur_product && cur_product.in) { - this.setState({ isSelectGoods: true }); + this.setState({ isSelectGoods: true }) } } } @@ -179,80 +181,81 @@ export default class adduserinfo extends React.Component { async submit() { if (this.refs.form1.validator()) { if (this.props.data) { - let temp = []; - if (sessionStorage.getItem("productData")) { - temp = JSON.parse(sessionStorage.getItem("productData")); + let temp = [] + if (sessionStorage.getItem('productData')) { + temp = JSON.parse(sessionStorage.getItem('productData')) let index = temp.findIndex((item) => { - return item.product_id == this.props.data.product_id; - }); + return item.product_id == this.props.data.product_id + }) - temp[index].product_name = this.state.model.product_name; - temp[index].account_type = this.state.model.account_type; - temp[index].product_id = this.state.model.product_id; - temp[index].product_type = this.state.model.product_type; - temp[index].contract_price = this.state.model.contract_price; - temp[index].official_price = this.state.model.official_price; - temp[index].cost_price = this.state.model.cost_price; - temp[index].quantity = this.state.model.quantity; - temp[index].stock = this.state.model.quantity; - temp[index].usage = this.state.model.usage; - temp[index].show_url = this.state.model.show_url; - temp[index].detail_url = this.state.model.detail_url; + temp[index].product_name = this.state.model.product_name + temp[index].weight = this.state.model.weight + temp[index].account_type = this.state.model.account_type + temp[index].product_id = this.state.model.product_id + temp[index].product_type = this.state.model.product_type + temp[index].contract_price = this.state.model.contract_price + temp[index].official_price = this.state.model.official_price + temp[index].cost_price = this.state.model.cost_price + temp[index].quantity = this.state.model.quantity + temp[index].stock = this.state.model.quantity + temp[index].usage = this.state.model.usage + temp[index].show_url = this.state.model.show_url + temp[index].detail_url = this.state.model.detail_url let urls = _.map(this.state.productpic, (o) => { - return o.url; - }); + return o.url + }) if (urls.length <= 0) { - Notify.error(`商品图至少请上传一张`); - return; + Notify.error(`商品图至少请上传一张`) + return } - temp[index].describe_url = urls; - temp[index].map_product_name = this.state.model.map_product_name; - temp[index].account_type = this.state.model.account_type; + temp[index].describe_url = urls + temp[index].map_product_name = this.state.model.map_product_name + temp[index].account_type = this.state.model.account_type - sessionStorage.setItem("productData", JSON.stringify(temp)); + sessionStorage.setItem('productData', JSON.stringify(temp)) } } else { - let model = this.state.model; + let model = this.state.model let urls = _.map(this.state.productpic, (o) => { - return o.url; - }); + return o.url + }) if (urls.length <= 0) { - Notify.error(`商品图至少请上传一张`); - return; + Notify.error(`商品图至少请上传一张`) + return } - model.describe_url = urls; + model.describe_url = urls - this.setState({ model: model }); + this.setState({ model: model }) - if (this.state.model.show_url == "") { - Notify.error(`请上传商品Logo`); - return; + if (this.state.model.show_url == '') { + Notify.error(`请上传商品Logo`) + return } - let temp = []; - if (sessionStorage.getItem("productData")) { - temp = JSON.parse(sessionStorage.getItem("productData")); + let temp = [] + if (sessionStorage.getItem('productData')) { + temp = JSON.parse(sessionStorage.getItem('productData')) } - let data = temp ? temp : []; - data.push(this.state.model); - sessionStorage.setItem("productData", JSON.stringify(data)); + let data = temp ? temp : [] + data.push(this.state.model) + sessionStorage.setItem('productData', JSON.stringify(data)) } - return true; + return true } } onProductChange(e) { - this.setState({ cur_product: e }); + this.setState({ cur_product: e }) let cur_product = this.state.products.find((item) => { - return item.id == e.key; - }); + return item.id == e.key + }) let picItem = window.goods.find((item) => { - return item.id == cur_product.product_category_id; - }); - let quantity = this.state.model.quantity; + return item.id == cur_product.product_category_id + }) + let quantity = this.state.model.quantity let model2 = { product_id: cur_product.id, product_type: cur_product.type, @@ -263,294 +266,324 @@ export default class adduserinfo extends React.Component { stock: quantity, usage: 0, product_name: cur_product.title, - show_url: picItem ? picItem.pic : "", - describe_url: "", - detail_url: "", + weight: cur_product.weight, + show_url: picItem ? picItem.pic : '', + describe_url: '', + detail_url: '', map_product_name: cur_product.title, - account_type: cur_product.account_type, - }; - this.setState({ model: model2 }); + account_type: cur_product.account_type + } + this.setState({ model: model2 }) } onTypeChange(e) { - let model2 = this.state.model; - model2.type = e.target.value; - this.setState({ model: model2 }); + let model2 = this.state.model + model2.type = e.target.value + this.setState({ model: model2 }) } onUpload = (file, report) => { - return new Promise((resolve, reject) => {}); - }; + return new Promise((resolve, reject) => {}) + } onUploadChange(files) { if (files.length > 0) { - let formdata = new FormData(); - formdata.append("file", files[0].file); - formdata.append("path", "common_image"); + let formdata = new FormData() + formdata.append('file', files[0].file) + formdata.append('path', 'common_image') uploadImg(formdata).then((res) => { handelResponse( res, (req, msg) => { - let path = req.path; - let model = this.state.model; - model.show_url = path; + let path = req.path + let model = this.state.model + model.show_url = path - this.setState({ model: model }); + this.setState({ model: model }) }, (err) => {} - ); - }); + ) + }) } else { - let model = this.state.model; - model.show_url = ""; - this.setState({ model: model }); + let model = this.state.model + model.show_url = '' + this.setState({ model: model }) } } onUploadChange1(files, e) { let arr = _.map(files, (o) => { - return o.name; - }); + return o.name + }) if (mySwiper !== 0) { - mySwiper.destroy(); + mySwiper.destroy() } - mySwiper = new Swiper(".swiper-container", { + mySwiper = new Swiper('.swiper-container', { observer: true, //修改swiper自己或子元素时,自动初始化swiper observeParents: true, //修改swiper的父元素时,自动初始化swiper - pagination: ".swiper-pagination", + pagination: '.swiper-pagination', paginationClickable: true, - autoplay: 3000, - }); - clearTimeout(timer); + autoplay: 3000 + }) + clearTimeout(timer) timer = setTimeout(() => { if (arr.length > this.state.productpic.length) { //新增 for (let i = 0; i < arr.length; i++) { let index = this.state.productpic.findIndex((o) => { - return o.name == arr[i]; - }); + return o.name == arr[i] + }) if (index < 0) { - let path = ""; - let formdata = new FormData(); - formdata.append("file", files[i].file); - formdata.append("path", "common_image"); + let path = '' + let formdata = new FormData() + formdata.append('file', files[i].file) + formdata.append('path', 'common_image') uploadImg(formdata).then((res) => { handelResponse( res, (req, msg) => { - path = req.path; + path = req.path let obj = { name: files[i].name, - url: path, - }; - let arr = this.state.productpic; - arr.push(obj); - this.setState({ arr }); + url: path + } + let arr = this.state.productpic + arr.push(obj) + this.setState({ arr }) }, (err) => {} - ); - }); + ) + }) } } } if (arr.length < this.state.productpic.length) { - let temp_arr = Object.assign([], this.state.productpic); - this.setState({ productpic: [] }); - this.state.productpic = []; - let temp_arr2 = this.state.productpic; + let temp_arr = Object.assign([], this.state.productpic) + this.setState({ productpic: [] }) + this.state.productpic = [] + let temp_arr2 = this.state.productpic for (let i = 0; i < temp_arr.length; i++) { - let temp = temp_arr[i]; + let temp = temp_arr[i] if (arr.indexOf(temp.name) > -1) { - temp_arr2.push(temp); + temp_arr2.push(temp) } } - this.setState({ temp_arr2 }); + this.setState({ temp_arr2 }) } // //调整位置 if (arr.length == this.state.productpic.length) { - let temp_arr = []; - let pic_arr = this.state.productpic; + let temp_arr = [] + let pic_arr = this.state.productpic for (let i = 0; i < arr.length; i++) { let temp = pic_arr.find((o) => { - return o.name == arr[i]; - }); - temp_arr[i] = temp; + return o.name == arr[i] + }) + temp_arr[i] = temp } - this.setState({ productpic: temp_arr }); + this.setState({ productpic: temp_arr }) } - }, 500); + }, 500) } onUploadError = (type, data) => { - if (type === "overMaxAmount") { - Notify.error(`最多可上传 ${data.maxAmount} 张图片`); - } else if (type === "overMaxSize") { - Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`); + if (type === 'overMaxAmount') { + Notify.error(`最多可上传 ${data.maxAmount} 张图片`) + } else if (type === 'overMaxSize') { + Notify.error(`图片大小不能超过 ${data.formattedMaxSize}`) } - }; + } onUploadChange2(files) { if (files.length > 0) { - let formdata = new FormData(); - formdata.append("file", files[0].file); - formdata.append("path", "common_image"); + let formdata = new FormData() + formdata.append('file', files[0].file) + formdata.append('path', 'common_image') uploadImg(formdata).then((res) => { handelResponse( res, (req, msg) => { - let path = req.path; - let model = this.state.model; - model.detail_url = path; + let path = req.path + let model = this.state.model + model.detail_url = path - this.setState({ model: model }); + this.setState({ model: model }) }, (err) => {} - ); - }); + ) + }) } else { - let model = this.state.model; - model.detail_url = ""; - this.setState({ model: model }); + let model = this.state.model + model.detail_url = '' + this.setState({ model: model }) } } render() { //校验规则 const rules = { - product: [{ type: "required", message: "请选择映射商品" }], + product: [{ type: 'required', message: '请选择映射商品' }], quantity: [ - { type: "required", message: "请输入商品库存" }, + { type: 'required', message: '请输入商品库存' }, { - type: "regExp", - message: "请输入小于100万的整数", - reg: "^(?!0)(?:[0-9]{1,6}|1000000)$", - }, + type: 'regExp', + message: '请输入小于100万的整数', + reg: '^(?!0)(?:[0-9]{1,6}|1000000)$' + } ], contract_price: [ - { type: "required", message: "请输入合同价" }, + { type: 'required', message: '请输入合同价' }, { - type: "regExp", - message: "最多保留4位小数", - reg: "^[0-9]+(.[0-9]{1,4})?$", - }, + type: 'regExp', + message: '最多保留4位小数', + reg: '^[0-9]+(.[0-9]{1,4})?$' + } ], - product_name: [{ type: "required", message: "请输入商品名称" }], - }; + product_name: [{ type: 'required', message: '请输入商品名称' }], + /* 权重 */ + weight: [ + { type: 'required', message: '请输入权重' }, + { + type: 'regExp', + message: '请输入0~100权重数字', + reg: '^([0-9]{0,2}|100)$' + } + ] + } return ( -
-
- +
+ +