\r\n \r\n
\r\n\r\n })
\r\n
\r\n \r\n
\r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n
\r\nby {HtmlUtil.htmlDecode(!item.audio.creatorInfo?item.audio.composer:item.audio.creatorInfo.nickname)}
\r\n\r\n
\r\n 授权范围:{scope==0?\"全球\":\"中国大陆\"}
\r\n购买用途:{item.touse}
\r\n\r\n
\r\n 授权范围:{scope==0?\"全球\":\"中国大陆\"}
\r\n购买用途:{item.touse}
\r\n{showMoney(item.price)}
\r\n\r\n
\r\n
\r\n \r\n \r\n
\r\n\r\n }/)
\r\n
\r\n \r\n
\r\n {HtmlUtil.htmlDecode(title).length>10?title.substr(0,10)+'...':title}
\r\n by {HtmlUtil.htmlDecode(!item.audio.creatorInfo?item.audio.composer:item.audio.creatorInfo.nickname)}
\r\n \r\n
\r\n 授权范围：{scope==0?\"全球\":\"中国大陆\"}
\r\n 购买用途：{item.touse}
\r\n {scope==0?\"全球\":\"中国大陆\"}
\r\n \r\n \r\n {currentUser.is_member!=0&¤tUser.is_member!=3?
\r\n {showMoney(item.price*0.8)}会员价
:\"\"}\r\n {currentUser.is_member!=0&¤tUser.is_member!=3?{showMoney(item.price)}
:{showMoney(item.price)}
}\r\n![](\"assets/img/clear@3x.png\"/)
\r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(Cart);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { SEND_CORT_POPUP,SHOW_UPDATE_CAR, UPDATE_CAR } from \"../../constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Form ,Modal} from \"antd\";\r\nimport agent from \"agent\";\r\nimport { redirectTo, loadCart } from \"dispatch\";\r\nimport \"./UpdateShopCar.less\";\r\nconst jquery = require(\"jquery\");\r\nconst mapStateToProps = state => ({\r\n ...state.updateCar,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: ({ link, songName, tortReason},done) =>\r\n dispatch({\r\n type: SEND_CORT_POPUP,\r\n payload: agent.Captcha.sendEmail({\r\n link,\r\n songName,\r\n tortReason,\r\n }),\r\n done,\r\n }),\r\n showUpdateCar: updateCar => {\r\n return dispatch({ type: SHOW_UPDATE_CAR, updateCar });\r\n },\r\n submintUpdateCar:(send,callback) => {\r\n return dispatch({\r\n type: UPDATE_CAR,\r\n payload: agent.PriceGroup.updateCar(send),\r\n callback,\r\n });\r\n },\r\n});\r\n\r\nclass UpdateShopCar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n chooseuse:0,\r\n price:0,\r\n choosechannel:0,\r\n scope:0,\r\n success:false,\r\n term:\"0\",\r\n price_id:0,\r\n };\r\n }\r\n static propTypes = {\r\n updateCar: PropTypes.shape({\r\n showUpdateCar: PropTypes.bool,\r\n car:PropTypes.object,\r\n }).isRequired,\r\n form: PropTypes.object,\r\n errors: PropTypes.array,\r\n priceGroup:PropTypes.array,\r\n userLogin:PropTypes.bool,\r\n showUpdateCar:PropTypes.func.isRequired,\r\n onSubmit: PropTypes.func.isRequired,\r\n submintUpdateCar:PropTypes.func.isRequired,\r\n };\r\n static defaultProps = {\r\n updateCar: {\r\n showUpdateCar: false,\r\n car:{},\r\n },\r\n };\r\n componentDidUpdate(prevProps) {\r\n const {updateCar } = this.props;\r\n if (updateCar.car!=prevProps.updateCar.car) {\r\n this.setState({\r\n chooseuse:updateCar.car.purpose,\r\n price:!updateCar.car.api_id?updateCar.car.price/100:\"99\",\r\n choosechannel:updateCar.car.area_id,\r\n term:updateCar.car.term,\r\n price_id:updateCar.car.area,\r\n scope:updateCar.car.scope,\r\n })\r\n this.setState({\r\n success:false,\r\n })\r\n }\r\n if (this.state.chooseuse!=0) {\r\n return;\r\n }\r\n }\r\n //关闭弹窗\r\n closeShow() {\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n const {showUpdateCar } = this.props;\r\n const send = {\r\n showUpdateCar: false,\r\n car:{},\r\n };\r\n showUpdateCar(send);\r\n }\r\n \r\n //改变用途\r\n changeUse(id){\r\n const { car}=this.props.updateCar;\r\n const { priceGroup } = this.props;\r\n if (id==this.state.chooseuse) {\r\n return;\r\n }\r\n for (let i = 0; i < priceGroup.length; i++) {\r\n const element = priceGroup[i];\r\n if (element.father_id==id) {\r\n this.setState({\r\n choosechannel:element.id,\r\n price_id:element.price_id,\r\n price:!car.api_id?element.price:\"99\",\r\n term:element.term,\r\n })\r\n break;\r\n }\r\n }\r\n this.setState({\r\n chooseuse:id,\r\n })\r\n }\r\n\r\n //改变渠道\r\n changeChooseChannel(data){\r\n const { car}=this.props.updateCar;\r\n this.setState({\r\n price:!car.api_id?data.price:\"99\",\r\n choosechannel:data.id,\r\n term:data.term,\r\n price_id:data.price_id,\r\n })\r\n }\r\n\r\n //确认修改\r\n submintCar(){\r\n const { submintUpdateCar } = this.props;\r\n const { car}=this.props.updateCar;\r\n if (this.state.chooseuse==0||this.state.choosechannel==0) {\r\n Modal.error({\r\n title: '渠道忘记选了哦!',\r\n });\r\n return;\r\n }\r\n const send = {\r\n id:car.id,\r\n userid:car.audio.author.userid,\r\n purpose:this.state.chooseuse,\r\n price:this.state.price,\r\n area:this.state.price_id,\r\n term:this.state.term,\r\n scope:this.state.scope,\r\n };\r\n const callback = () => {\r\n this.setState({\r\n success:true,\r\n })\r\n loadCart();\r\n };\r\n submintUpdateCar(send,callback);\r\n \r\n \r\n }\r\n \r\n //改变授权范围\r\n chanheScope(scope){\r\n this.setState({\r\n scope:scope,\r\n })\r\n }\r\n\r\n //去购物车结算\r\n goToCar(){\r\n\r\n //关闭弹出窗\r\n this.closeShow();\r\n //跳转购物车结算\r\n redirectTo(\"/cart\");\r\n\r\n }\r\n\r\n //用途列表\r\n renderCell(data, i) {\r\n const { priceGroup } = this.props;\r\n let noShow=0;\r\n for (let j = 0; j < priceGroup.length; j++) {\r\n const element = priceGroup[j];\r\n if (element.father_id==data.id&&element.price==0) {\r\n noShow=data.id;\r\n }\r\n }\r\n if (data.father_id<1&&noShow!=data.id) {\r\n return {data.title};\r\n }\r\n }\r\n\r\n //渠道列表\r\n renderChannelCell(data, i) {\r\n if (this.state.chooseuse==data.father_id) {\r\n return {data.title};\r\n }\r\n }\r\n render() {\r\n \r\n const { priceGroup } = this.props;\r\n const { showUpdateCar ,car} = this.props.updateCar;\r\n const showClass = showUpdateCar ? \"isShow\" : \"modalBox\";\r\n let stys={display:\"block\"};\r\n let sty={display:\"none\"};\r\n if (this.state.success) {\r\n sty={display:\"block\"};\r\n stys={display:\"none\"};\r\n }\r\n const term = this.state.term == \"0\"?\"随片永久\":\"一年\";\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n 购物车
\r\n\r\n \r\n \r\n \r\n {serverCartData.length ?\r\n \r\n\r\n
\r\n \r\n ![](\"assets/img/book3-13.png\"/)
填写信息＞\r\n ![](\"assets/img/pay3-08.png\"/)
支付＞\r\n ![](\"assets/img/book3-14.png\"/)
下载音乐\r\n
\r\n 填写信息＞\r\n 支付＞\r\n 下载音乐\r\n \r\n {currentUser.is_member==0||currentUser.is_member==3?![](\"assets/img/u303.png\"/)
![](\"assets/img/u304.png\"/)
:\"\"}\r\n
\r\n : 歌曲信息:
\r\n \r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n\r\n
\r\n \r\n
\r\n歌曲\r\n授权地区\r\n购买用途\r\n价格\r\n操作\r\n \r\n {serverCartData.map(\r\n this.renderNewCell.bind(this)\r\n )}\r\n
\r\n
}\r\n {!isShow?'': \r\n ![](\"assets/img/u33.png\"/)
\r\n
\r\n \r\n 您的购物车是空的哦，赶紧去选歌吧~
\r\n您购买的曲目中，有曲目的授权范围为中国地区，若您的项目需在中国以外的地区使用，您须选择授权范围为全球地区的曲目。
}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n 已选{checkedList.length}项\r\n | \r\n订单总金额 ： | \r\n\r\n {this.state.subscribeBox?\"¥ 0\":currentUser.is_member!=0&¤tUser.is_member!=3?showMoney(pay*0.8):showMoney( pay)}\r\n | \r\n
|---|
\r\n * 价格均为人民币，如您选择台币支付，默认汇率为4.5\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 使用订阅会员权益（本月剩余可免费购买歌曲数量：{currentUser.use_num}首）\r\n
\r\n\r\n {this.renderFrom()}\r\n
\r\n \r\n {this.state.subscribeBox?
\r\n \r\n
\r\n \r\n
\r\n 抱歉,您的订阅会员下载次数不足!
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 订单已提交！
\r\n 订单号：{!order?\"\":order.orderid}
\r\n \r\n \r\n \r\n
\r\n \r\n 收款账号信息如下：
\r\n \r\n
\r\n \r\n
\r\n 币种
\r\n 金额
\r\n 银行卡信息
\r\n \r\n
\r\n - \r\n
- \r\n 人民币\r\n{!order?0:order.price/100}\r\n\r\n\r\n户名：上海小仙虎文化传媒有限公司\r\n开户行：中国工商银行股份有限公司上海市上外支行\r\n账号：1001274409300013770\r\n \r\n
- \r\n 台币\r\n{!order?0:order.price/100*4.5}\r\n\r\n\r\n户名：啟動音樂文創有限公司\r\n开户行：上海商業儲蓄銀行（世貿分行）\r\n账号：43102000032270\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(UpdateShopCar);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Layout, Pagination, Modal, Select, Checkbox } from \"antd\";\r\nimport Loading from \"../Loading\";\r\nimport { loadPurchaseAll, loadHistoryPurchaseAll, showMoney,deleteOrder,HtmlUtil,showOrderId ,remittance, loadCart} from \"dispatch\";\r\nimport moment from \"moment\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport agent from \"agent\";\r\nimport { \r\n GET_PAY_URL,\r\n RECEIPT_MODAL_HIDE,\r\n RECEIPT_MODAL_SHOW,\r\n UPDATE_ORDER,\r\n UPDATE_REMITTANCE_ORDER ,\r\n SHOW_CODE_URL,\r\n CLOSE_CODE_URL,\r\n} from \"constants/actionTypes\";\r\nimport Download from \"components/Common/Download\";\r\nimport \"./User.less\";\r\nimport \"./Purchase.less\";\r\nimport html2canvas from 'html2canvas';\r\nimport jsPDF from 'jspdf';\r\nimport md5 from 'md5';\r\nimport Receipt from './Receipt';\r\nimport WxCode from \"../Common/WxCode\";\r\n\r\nconst queryString = require(\"query-string\");\r\nconst confirm = Modal.confirm;\r\nconst { Content } = Layout;\r\nconst { Option } = Select;\r\nconst jquery = require(\"jquery\");\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.purchase,\r\n prepayId: state.purchase.prepayId,\r\n userLogin: state.app.userLogin,\r\n});\r\nconst mapDispatchToProps = dispatch => ({\r\n getPayUrl: (orderid, send, callback) => {\r\n return dispatch({\r\n type: GET_PAY_URL,\r\n orderid,\r\n payload: agent.Purchase.getPayUrl(orderid,send),\r\n callback,\r\n });\r\n },\r\n onHideModal: () =>\r\n dispatch({\r\n type: RECEIPT_MODAL_HIDE,\r\n }),\r\n onShowModal: payload =>\r\n dispatch({\r\n type: RECEIPT_MODAL_SHOW,\r\n payload,\r\n }),\r\n updateOrder: (orderid, parmas,callback) =>\r\n dispatch({\r\n type: UPDATE_ORDER,\r\n payload: agent.Purchase.updateOrder(orderid,parmas),\r\n callback,\r\n }),\r\n unLoadOrder: () =>\r\n dispatch({\r\n type: UPDATE_ORDER,\r\n }),\r\n updateRemittanceOrder: (orderid, parmas,callback) =>\r\n dispatch({\r\n type: UPDATE_REMITTANCE_ORDER,\r\n payload: agent.Purchase.updateRemittanceOrder(orderid,parmas),\r\n callback,\r\n }),\r\n showCodeImg: (send) =>{\r\n return dispatch({ \r\n type: SHOW_CODE_URL,\r\n send\r\n });\r\n },\r\n closeCodeUrl: () =>{\r\n return dispatch({ \r\n type: CLOSE_CODE_URL,\r\n });\r\n },\r\n});\r\n\r\nclass PurchaseAll extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShow: 0,\r\n isHistory: false,\r\n receipt:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n order:\"\",\r\n showInfo:false,\r\n checkbox:false,\r\n openId:window.openId,\r\n type:1\r\n };\r\n this.closeCode = this.closeCode.bind(this);\r\n }\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n serverPurchaseData: PropTypes.array,\r\n pagination: PropTypes.object,\r\n getPayUrl: PropTypes.func.isRequired,\r\n payUrl: PropTypes.string,\r\n wxCode: PropTypes.string,\r\n onHideModal: PropTypes.func.isRequired,\r\n onShowModal: PropTypes.func.isRequired,\r\n updateOrder: PropTypes.func.isRequired,\r\n unLoadOrder: PropTypes.func.isRequired,\r\n updateRemittanceOrder: PropTypes.func.isRequired,\r\n showCodeImg: PropTypes.func.isRequired,\r\n closeCodeUrl: PropTypes.func.isRequired,\r\n orderid: PropTypes.string,\r\n price: PropTypes.string,\r\n prepayId:PropTypes.string,\r\n };\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.loading && !nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n const { userLogin } = this.props;\r\n console.log(window.openId)\r\n // if(window.openId){\r\n // this.setState({\r\n // openId:window.openId\r\n // })\r\n // }\r\n console.log(this.state.openId)\r\n if (!userLogin) {\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n loadCart();\r\n const query = queryString.parse(this.props.location.search);\r\n if (query.isHistory==1) {\r\n this.setState({\r\n isHistory:true,\r\n })\r\n const params = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n };\r\n loadPurchaseAll(params);\r\n }else{\r\n this.setState({\r\n isHistory:false,\r\n })\r\n const params = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n history: \"-1\",\r\n };\r\n loadHistoryPurchaseAll(params);\r\n }\r\n \r\n }\r\n componentDidUpdate(prevProps) {\r\n console.log(this.props.prepayId)\r\n console.log(this.state.type)\r\n const { showCodeImg,orderid,price } = this.props\r\n if (this.props.payUrl) {\r\n location.replace(this.props.payUrl);\r\n }else if(this.props.wxCode){\r\n const send ={\r\n codeShow:true,\r\n codeUrl:this.props.wxCode,\r\n orderid:orderid,\r\n price:price/100,\r\n }\r\n showCodeImg(send);\r\n return;\r\n }else if(this.props.prepayId&&this.state.type==1){\r\n if (typeof WeixinJSBridge == \"undefined\"){\r\n if( document.addEventListener ){\r\n document.addEventListener('WeixinJSBridgeReady', function (){\r\n this.onBridgeReady();\r\n }, false);\r\n }else if (document.attachEvent){\r\n document.attachEvent('WeixinJSBridgeReady', function (){\r\n this.onBridgeReady();\r\n });\r\n document.attachEvent('onWeixinJSBridgeReady', function (){\r\n this.onBridgeReady();\r\n });\r\n }\r\n }else{\r\n this.onBridgeReady();\r\n }\r\n }\r\n }\r\n onBridgeReady(){\r\n console.log(this.props.prepayId.appId);\r\n console.log(this.props.prepayId.timeStamp);\r\n console.log(this.props.prepayId.nonceStr);\r\n console.log(this.props.prepayId.package);\r\n console.log(this.props.prepayId.signType);\r\n console.log(this.props.prepayId.paySign);\r\n const that = this;\r\n console.log(window.openId)\r\n window.WeixinJSBridge.invoke(\r\n 'getBrandWCPayRequest',\r\n {//下面参数内容都是后台返回的\r\n // debug:true,\r\n \"appId\":that.props.prepayId.appId,//公众号名称，由商户传入\r\n \"timeStamp\":that.props.prepayId.timeStamp,//时间戳\r\n \"nonceStr\":that.props.prepayId.nonceStr,//随机串\r\n \"package\":\"prepay_id=\"+that.props.prepayId.package,//预支付id\r\n \"signType\":that.props.prepayId.signType,//微信签名方式\r\n \"paySign\":that.props.prepayId.paySign,//微信签名\r\n }, res =>{\r\n // this.props.prepayId = \"\"\r\n this.setState({\r\n type:2\r\n })\r\n // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。\r\n redirectTo(\"/user/purchase?isHistory=2\");\r\n // this.PayOrders.bind(this)\r\n // alert(\"支付成功\");\r\n // }\r\n // if(res.err_msg == \"get_brand_wcpay_request:cancel\"){\r\n // alert(\"支付过程中用户取消！\");\r\n // }\r\n // if(res.err_msg == \"get_brand_wcpay_request:fail\"){\r\n // alert(\"支付失败\")\r\n // }\r\n // else{ \r\n // alert(\"支付失败,请跳转页面\"+res.err_msg);\r\n // }\r\n }\r\n );\r\n }\r\n showDeleteConfirm (id) {\r\n confirm({\r\n title: '您确定要删除此条记录吗?',\r\n okText: '确认',\r\n okType: 'danger',\r\n cancelText: '取消',\r\n onOk() {\r\n const div=document.getElementById(id);\r\n div.hidden=true;\r\n deleteOrder(id);\r\n },\r\n onCancel() {\r\n \r\n },\r\n });\r\n }\r\n onPageChange(pageNumber) {\r\n document.documentElement.scrollTop = document.body.scrollTop =0\r\n const pager = { size: 10, page: 1, total: 0, orderby: \"-id\" };\r\n pager.page = pageNumber;\r\n const isHistory = this.state.isHistory;\r\n if (!isHistory) {\r\n pager.history = 1;\r\n loadHistoryPurchaseAll(pager);\r\n } else {\r\n loadPurchaseAll(pager);\r\n }\r\n }\r\n PayOrders() {\r\n const { unLoadOrder }=this.props;\r\n unLoadOrder();\r\n this.setState({ isHistory: false });\r\n const pager = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n history: 1,\r\n };\r\n loadHistoryPurchaseAll(pager);\r\n }\r\n noPayOrders() {\r\n const { unLoadOrder }=this.props;\r\n unLoadOrder();\r\n this.setState({type:1});\r\n this.setState({ isHistory: true });\r\n const pager = { size: 10, page: 1, total: 0, orderby: \"-id\" };\r\n loadPurchaseAll(pager);\r\n }\r\n isShow(i) {\r\n if (i === this.state.isShow) {\r\n this.setState({\r\n isShow: 0,\r\n });\r\n } else {\r\n this.setState({\r\n isShow: i,\r\n });\r\n }\r\n }\r\n receipt(item){\r\n const { onShowModal }=this.props;\r\n onShowModal(item);\r\n }\r\n receiptTicket(oderid,send){\r\n const {onHideModal,pagination,updateOrder }=this.props;\r\n onHideModal();\r\n const pager = { size: 10, page: 1, total: pagination.total, orderby: \"-id\" };\r\n pager.page = pagination.current;\r\n pager.history = 1;\r\n updateOrder(oderid,send, loadHistoryPurchaseAll(pager));\r\n setTimeout(() => {\r\n loadHistoryPurchaseAll(pager)\r\n }, 300);\r\n }\r\n closeShow() {\r\n const { onHideModal }=this.props;\r\n onHideModal();\r\n }\r\n\r\n //去支付\r\n payMoney(payType, orderid) {\r\n console.log(payType)\r\n const send={\r\n payType,\r\n c_ip:\"10.10.10.229\",\r\n openId:this.state.openId\r\n }\r\n this.setState({\r\n type:1\r\n });\r\n const { getPayUrl } = this.props;\r\n getPayUrl(orderid,send);\r\n }\r\n //关闭二维码\r\n closeCode(){\r\n const {closeCodeUrl } = this.props;\r\n closeCodeUrl();\r\n this.noPayOrders();\r\n }\r\n //改变币种\r\n handleCurrency = e => {\r\n this.setState({ currency: e });\r\n };\r\n //汇款账号\r\n handleRemittance = e => {\r\n this.setState({ remittance: e.target.value });\r\n };\r\n //联系人电话\r\n handleRemittancePhone = e => {\r\n this.setState({ remittancePhone: e.target.value });\r\n };\r\n //添加银行转账信息\r\n addBankInfo(){\r\n const data = this.state.order;\r\n const {updateRemittanceOrder,pagination }=this.props;\r\n const attachment=eval('(' + data.attachment + ')');\r\n if (!this.state.currency||!this.state.remittance||!this.state.remittancePhone||!this.state.checkbox) {\r\n return;\r\n } \r\n attachment.currency=this.state.currency;\r\n attachment.remittance=this.state.remittance;\r\n attachment.remittancePhone=this.state.remittancePhone;\r\n const pager = { size: 10, page: 1, total: pagination.total, orderby: \"-id\" };\r\n pager.page = pagination.current;\r\n //回调\r\n const callback = () => {\r\n loadPurchaseAll(pager);\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n };\r\n this.setState({\r\n order:{},\r\n showInfo:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n })\r\n //增加转账信息\r\n updateRemittanceOrder(data.id,attachment,callback);\r\n \r\n }\r\n //弹出转账信息页\r\n showAddBankInfo(data){\r\n jquery(\"body\").css(\"overflow\",\"hidden\");\r\n jquery(\"body\").css(\"height\",\"100%\");\r\n this.setState({\r\n order:data,\r\n showInfo:true,\r\n })\r\n }\r\n //关闭弹出转账信息页\r\n closeAddBankInfo(){\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n this.setState({\r\n order:{},\r\n showInfo:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n })\r\n }\r\n onChangeBox(e){\r\n this.setState({\r\n checkbox:e.target.checked,\r\n })\r\n }\r\n renderDetailsCell(orderitem,item, i) {\r\n const title=HtmlUtil.htmlDecode(item.title);\r\n console.log(item.price)\r\n return (\r\n \r\n ![](\"/assets/img/u50.png\"/)
\r\n
\r\n \r\n ![](\"/assets/img/u306.png\"/)
修改成功!\r\n \r\n
\r\n 修改成功!\r\n \r\n ![](\"/assets/img/u55.png\"/)
请选择所选音乐的购买用途，以便为您确认购买价格。\r\n
\r\n 请选择所选音乐的购买用途，以便为您确认购买价格。\r\n
\r\n - \r\n
- \r\n 购买用途：\r\n\r\n {priceGroup.map(this.renderCell.bind(this))}\r\n\r\n \r\n
- \r\n 投放渠道：\r\n\r\n {priceGroup.map(this.renderChannelCell.bind(this))}\r\n\r\n \r\n
- \r\n 授权地区：\r\n {car.audio&&car.audio.scope==0?:\r\n 中国大陆\r\n}\r\n \r\n
- \r\n 授权期限：\r\n \r\n \r\n
总价：￥{this.state.price}
\r\n \r\n * 价格均为人民币，如您选择台币支付，默认汇率为4.5
\r\n
\r\n );\r\n }\r\n\r\n /** 导出授权证书 */\r\n exportCertificate(orderitem,item){\r\n const {currentUser} = this.props;\r\n var jsonstr = eval('(' + orderitem.attachment + ')');\r\n var title = item.title;// 歌曲名称\r\n document.getElementById('title').innerHTML=title;\r\n document.getElementById('title2').innerHTML=title;\r\n var use = item.purpose;// 购买用途(商用)\r\n document.getElementById('use').innerHTML=use;\r\n document.getElementById('use2').innerHTML=use;\r\n var project = jsonstr.area;// 用于什么项目\r\n document.getElementById('project').innerHTML=project;\r\n document.getElementById('project2').innerHTML=project;\r\n var haveUser = jsonstr.username;// 被授权者\r\n if (!haveUser) {\r\n haveUser=jsonstr.companyName;\r\n }\r\n document.getElementById('haveUser').innerHTML=haveUser;\r\n var scope = '全球';// \r\n if (item.scope===1) {\r\n scope='中国大陆'\r\n }\r\n var term = '随片永久';// \r\n if (item.term===1) {\r\n term='一年'\r\n }\r\n var zuozhe = item.nickname;// 作者\r\n document.getElementById('zuozhe').innerHTML=zuozhe;\r\n var suoyouzhe = item.author;// 所有者\r\n document.getElementById('suoyouzhe').innerHTML=suoyouzhe;\r\n document.getElementById('scope').innerHTML=scope;\r\n document.getElementById('term').innerHTML=term;\r\n var shouquancode = md5(item.audio_md5+orderitem.orderid+currentUser.userid);// 授权码\r\n document.getElementById('shouquancode').innerHTML=shouquancode;\r\n var productionUrl = item.audioid;// 作品链接号\r\n const token = agent.getToken();\r\n let href = `audio/audition/${productionUrl}`;// 链接地址\r\n if (token) {\r\n href = `users/audio/${productionUrl}`;\r\n }\r\n href = agent.getApiUrl(href);\r\n href += `?token=${token}`;\r\n document.getElementById('href').innerHTML=href;\r\n var productionId = item.audioid;// 作品id\r\n document.getElementById('productionId').innerHTML=productionId;\r\n var authorizationDate = moment(orderitem.create_at).format(\"YYYY/MM/DD\");// 授权时间(创建时间的YYYY/MM/DD格式)\r\n document.getElementById('authorizationDate').innerHTML=authorizationDate;\r\n var channel = item.channel;// 投放渠道\r\n document.getElementById('channel').innerHTML=channel;\r\n var describe = !jsonstr.description?\" \":jsonstr.description;// 项目描述\r\n document.getElementById('describe').innerHTML=describe;\r\n var time = moment(new Date()).format(\"YYYY年MM月DD日\");// 现在时间\r\n document.getElementById('time').innerHTML=time;\r\n \r\n html2canvas(document.getElementById('authorization'), {\r\n allowTaint: false,\r\n taintTest: false,\r\n letterRendering: true\r\n }).then(function(canvas) {\r\n var pageData = canvas.toDataURL( 'image/jpeg', 1.0);\r\n var pdf = new jsPDF('', 'pt', 'a4');\r\n pdf.addImage(pageData, 'JPEG', 0, 0, 595.28, 592.28/canvas.width * canvas.height );\r\n pdf.save(title + '-authorization.pdf');\r\n });\r\n }\r\n back(e){\r\n redirectTo(\"/user/mypage\");\r\n }\r\n render() {\r\n const {\r\n loading,\r\n currentUser,\r\n serverPurchaseData,\r\n pagination,\r\n onHideModal,\r\n modal,\r\n } = this.props;\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n 订单日期:\r\n {moment(time).format(\"YYYY-MM-DD HH:mm:ss\")}\r\n {this.state.isHistory?删除订单:\"\"}\r\n
\r\n \r\n \r\n {showOrderId(item.orderid)}\r\n
\r\n \r\n 订单总金额:\r\n {showMoney(item.price)}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {item.audios.map(\r\n this.renderDetailsCell.bind(this,item)\r\n )}\r\n \r\n
\r\n
\r\n \r\n {this.state.isHistory ?
\r\n 订单总金额：{showMoney(item.price)}
:\"\"}\r\n {/**判断状态选择 */}\r\n {this.state.isHistory ? (\r\n /**未付款订单去支付 */\r\n \r\n ) : (\r\n /**申请开票 */\r\n \r\n {!item.price?\"\":\r\n item.receipt==0 ? :
\r\n // 已申请开票
\r\n }\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(PurchaseAll);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Layout, Pagination, Modal, Select, Checkbox } from \"antd\";\r\nimport Loading from \"../Loading\";\r\nimport { showMoney,HtmlUtil} from \"dispatch\";\r\n//import moment from \"moment\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport agent from \"agent\";\r\nimport { \r\n SUBSCRIBE_GET_PAY_URL,\r\n RECEIPT_MODAL_HIDE,\r\n RECEIPT_MODAL_SHOW,\r\n SUBSCRIBE_LOAD,\r\n UPLOAD_SUBSCRIBE,\r\n SUBSCRIBE_DELETE, \r\n SUBSCRIBE_UPDATE,\r\n SHOW_CODE_URL,\r\n CLOSE_CODE_URL,\r\n} from \"constants/actionTypes\";\r\nimport Download from \"components/Common/Download\";\r\nimport \"./User.less\";\r\nimport \"./Subscribe.less\";\r\nimport Receipt from './Receipt';\r\nimport WxCode from \"../Common/WxCode\";\r\n\r\nconst queryString = require(\"query-string\");\r\nconst confirm = Modal.confirm;\r\nconst { Content } = Layout;\r\nconst { Option } = Select;\r\nconst jquery = require(\"jquery\");\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.subscribe,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n //订阅会员订单支付\r\n getPayUrl: (orderid, send, callback) => {\r\n return dispatch({\r\n type: SUBSCRIBE_GET_PAY_URL,\r\n orderid,\r\n payload: agent.Subscribe.getPayUrl(orderid,send),\r\n callback,\r\n });\r\n },\r\n //关闭开票弹窗\r\n onHideModal: () =>\r\n dispatch({\r\n type: RECEIPT_MODAL_HIDE,\r\n }),\r\n //打开开票弹窗\r\n onShowModal: payload =>\r\n dispatch({\r\n type: RECEIPT_MODAL_SHOW,\r\n payload,\r\n }),\r\n //清空数据\r\n unLoadSubscribe: () =>\r\n dispatch({\r\n type: UPLOAD_SUBSCRIBE,\r\n }),\r\n //加载订阅订单\r\n loadSubscribe :(parmas) =>\r\n dispatch({\r\n type: SUBSCRIBE_LOAD,\r\n payload: agent.Subscribe.loadSubscribe(parmas),\r\n parmas,\r\n }),\r\n //删除订单\r\n deleteSubScribe :(parmas) =>\r\n dispatch({\r\n type: SUBSCRIBE_DELETE,\r\n payload: agent.Subscribe.deleteSubScribe(parmas),\r\n }),\r\n //申请开票&增加银行转账信息\r\n updateSubscribe: (orderid, parmas,callback) =>\r\n dispatch({\r\n type: SUBSCRIBE_UPDATE,\r\n payload: agent.Subscribe.updateSubscribe(orderid,parmas),\r\n callback,\r\n }),\r\n showCodeImg: (send) =>{\r\n return dispatch({ \r\n type: SHOW_CODE_URL,\r\n send\r\n });\r\n },\r\n closeCodeUrl: () =>{\r\n return dispatch({ \r\n type: CLOSE_CODE_URL,\r\n });\r\n },\r\n});\r\n\r\nclass Subscribe extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShow: 0,\r\n isHistory: false,\r\n receipt:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n order:\"\",\r\n showInfo:false,\r\n checkbox:false,\r\n };\r\n this.closeCode = this.closeCode.bind(this);\r\n }\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n subscribe: PropTypes.array,\r\n pagination: PropTypes.object,\r\n getPayUrl: PropTypes.func.isRequired,\r\n payUrl: PropTypes.string,\r\n onHideModal: PropTypes.func.isRequired,\r\n onShowModal: PropTypes.func.isRequired,\r\n loadSubscribe: PropTypes.func.isRequired,\r\n deleteSubScribe: PropTypes.func.isRequired,\r\n updateSubscribe: PropTypes.func.isRequired,\r\n unLoadSubscribe: PropTypes.func.isRequired,\r\n showCodeImg: PropTypes.func.isRequired,\r\n closeCodeUrl: PropTypes.func.isRequired,\r\n wxCode: PropTypes.string,\r\n orderid: PropTypes.string,\r\n price: PropTypes.string,\r\n };\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.loading && !nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin,loadSubscribe } = this.props;\r\n if (!userLogin) {\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n const query = queryString.parse(this.props.location.search);\r\n let status=1;\r\n if (query.isHistory==1) {\r\n this.setState({\r\n isHistory:true,\r\n })\r\n status=0;\r\n }else{\r\n this.setState({\r\n isHistory:false,\r\n })\r\n status=1;\r\n }\r\n const params = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n status:status,\r\n };\r\n loadSubscribe(params);\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { showCodeImg } = this.props\r\n if (this.props.payUrl) {\r\n location.replace(this.props.payUrl);\r\n }else if(this.props.wxCode){\r\n const send ={\r\n codeShow:true,\r\n codeUrl:this.props.wxCode,\r\n orderid:this.props.orderid,\r\n price:this.props.price,\r\n }\r\n showCodeImg(send);\r\n return;\r\n }\r\n }\r\n //删除订阅记录\r\n showDeleteConfirm (id) {\r\n const {deleteSubScribe}=this.props;\r\n confirm({\r\n title: '您确定要删除此条记录吗?',\r\n okText: '确认',\r\n okType: 'danger',\r\n cancelText: '取消',\r\n onOk() {\r\n const div=document.getElementById(id);\r\n div.hidden=true;\r\n deleteSubScribe({id:id,flag:1});\r\n },\r\n onCancel() {\r\n \r\n },\r\n });\r\n }\r\n onPageChange(pageNumber) {\r\n const { loadSubscribe } = this.props;\r\n document.documentElement.scrollTop = document.body.scrollTop =0\r\n const pager = { size: 10, page: 1, total: 0, orderby: \"-id\" };\r\n pager.page = pageNumber;\r\n const isHistory = this.state.isHistory;\r\n if (!isHistory) {\r\n pager.status = 1;\r\n loadSubscribe(pager);\r\n } else {\r\n pager.status = 0;\r\n loadSubscribe(pager);\r\n }\r\n }\r\n\r\n //订阅已付款\r\n PayOrders() {\r\n const { unLoadSubscribe ,loadSubscribe}=this.props;\r\n unLoadSubscribe();\r\n this.setState({ isHistory: false });\r\n const params = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n status:1,\r\n };\r\n loadSubscribe(params);\r\n }\r\n //订阅未付款\r\n noPayOrders() {\r\n const { unLoadSubscribe, loadSubscribe }=this.props;\r\n unLoadSubscribe();\r\n this.setState({ isHistory: true });\r\n const params = {\r\n size: 10,\r\n page: 1,\r\n total: 0,\r\n orderby: \"-id\",\r\n status:0,\r\n };\r\n loadSubscribe(params);\r\n }\r\n isShow(i) {\r\n if (i === this.state.isShow) {\r\n this.setState({\r\n isShow: 0,\r\n });\r\n } else {\r\n this.setState({\r\n isShow: i,\r\n });\r\n }\r\n }\r\n //打开申请开票弹窗\r\n receipt(item){\r\n const { onShowModal }=this.props;\r\n item.receiptType=1;\r\n onShowModal(item);\r\n }\r\n //添加开票信息\r\n receiptTicket(oderid,send){\r\n const {onHideModal, pagination, updateSubscribe ,loadSubscribe}=this.props;\r\n onHideModal();\r\n const pager = { size: 10, page: 1, total: pagination.total, orderby: \"-id\" };\r\n pager.page = pagination.current;\r\n pager.status = 1;\r\n const callback = () => {\r\n loadSubscribe(pager);\r\n }\r\n updateSubscribe(oderid,send,callback);\r\n }\r\n //关闭\r\n closeShow() {\r\n const { onHideModal }=this.props;\r\n onHideModal();\r\n }\r\n //去支付\r\n payMoney(payType,orderid) {\r\n const send={\r\n payType,\r\n c_ip:\"10.10.10.229\",\r\n }\r\n const { getPayUrl } = this.props;\r\n getPayUrl(orderid,send);\r\n \r\n }\r\n //关闭二维码\r\n closeCode(){\r\n const {closeCodeUrl } = this.props;\r\n closeCodeUrl();\r\n }\r\n //改变币种\r\n handleCurrency = e => {\r\n this.setState({ currency: e });\r\n };\r\n //汇款账号\r\n handleRemittance = e => {\r\n this.setState({ remittance: e.target.value });\r\n };\r\n //联系人电话\r\n handleRemittancePhone = e => {\r\n this.setState({ remittancePhone: e.target.value });\r\n };\r\n //添加银行转账信息\r\n addBankInfo(){\r\n const data = this.state.order;\r\n const {updateSubscribe, pagination, loadSubscribe}=this.props;\r\n const attachment=eval('(' + data.attachment + ')');\r\n if (!this.state.currency||!this.state.remittance||!this.state.remittancePhone||!this.state.checkbox) {\r\n return;\r\n } \r\n attachment.currency=this.state.currency;\r\n attachment.remittance=this.state.remittance;\r\n attachment.remittancePhone=this.state.remittancePhone;\r\n const pager = { size: 10, page: 1, total: pagination.total, orderby: \"-id\" };\r\n pager.page = pagination.current;\r\n pager.status = 0;\r\n //回调\r\n const callback = () => {\r\n loadSubscribe(pager);\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n };\r\n this.setState({\r\n order:{},\r\n showInfo:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n })\r\n //增加转账信息\r\n updateSubscribe(data.id,attachment,callback);\r\n \r\n }\r\n //弹出转账信息页\r\n showAddBankInfo(data){\r\n jquery(\"body\").css(\"overflow\",\"hidden\");\r\n jquery(\"body\").css(\"height\",\"100%\");\r\n this.setState({\r\n order:data,\r\n showInfo:true,\r\n })\r\n }\r\n //关闭弹出转账信息页\r\n closeAddBankInfo(){\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n this.setState({\r\n order:{},\r\n showInfo:false,\r\n currency:\"人民币\",\r\n remittance:\"\",\r\n remittancePhone:\"\",\r\n })\r\n }\r\n onChangeBox(e){\r\n this.setState({\r\n checkbox:e.target.checked,\r\n })\r\n }\r\n renderDetailsCell(orderitem,item, i) {\r\n const title=HtmlUtil.htmlDecode(item.title);\r\n return (\r\n \r\n \r\n \r\n
\r\n 购买记录
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n {serverPurchaseData.map(\r\n this.renderCell.bind(this)\r\n )}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"/assets/img/logo.png\"/)
MUSINESS音乐使用授权书\r\n
\r\n MUSINESS音乐使用授权书此证书证明您可以在用途中依照《MUSINESS平台用户协议》约定,非独家、不可转授权地使用以下音乐：，您可以将该音乐用于项目：，该作品的授权期限为，本次授权地域为：。
\r\n 以下为您购买作品的详细授权信息：
\r\n \r\n \r\n \r\n
\r\n
\r\n | 作者： | \r\n\r\n |
| 版权所有者： | \r\n\r\n |
| 被授权者： | \r\n\r\n |
| 作品名称： | \r\n\r\n |
| 作品链接： | \r\n\r\n |
| 作品ID： | \r\n\r\n |
| 购买用途： | \r\n\r\n |
| 授权代码： | \r\n\r\n |
| 授权时间： | \r\n\r\n |
| 授权项目： | \r\n\r\n |
| 项目投放渠道： | \r\n\r\n |
| 项目描述： | \r\n\r\n |
\r\n ![](\"/assets/img/post.png\"/)
\r\n
\r\n 上海小仙虎文化传媒有限公司
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n 汇款信息
\r\n \r\n 我已汇款并正确填写信息 \r\n \r\n \r\n
\r\n - \r\n
- \r\n *汇款账号（后五位）：\r\n \r\n \r\n
- \r\n *汇款币种：\r\n\r\n \r\n\r\n \r\n
- \r\n *联系人电话：\r\n \r\n \r\n
\r\n
\r\n 收款账号信息如下：
\r\n \r\n
\r\n \r\n
\r\n 币种
\r\n 金额
\r\n 银行卡信息
\r\n \r\n
\r\n - \r\n
- \r\n 人民币\r\n{remittance(this.state.order.price)}\r\n\r\n\r\n户名：上海小仙虎文化传媒有限公司\r\n开户行：中国工商银行股份有限公司上海市上外支行\r\n账号：1001274409300013770\r\n \r\n
- \r\n 台币\r\n{remittance(this.state.order.price)*4.5}\r\n\r\n\r\n户名：啟動音樂文創有限公司\r\n开户行：上海商業儲蓄銀行（世貿分行）\r\n账号：43102000032270\r\n \r\n
- \r\n {!this.state.isHistory ? (\r\n
- \r\n \r\n 订单日期：{item.create_at}\r\n\r\n \r\n会员有效期：{item.start_time}至{item.end_time}\r\n\r\n\r\n \r\n订阅类型\r\n价格\r\n操作\r\n ):(\r\n
- \r\n 订单日期：{item.create_at}\r\n\r\n\r\n \r\n订阅类型\r\n价格\r\n操作\r\n )}\r\n
\r\n //
\r\n // );\r\n }\r\n back(e){\r\n redirectTo(\"/user/mypage\");\r\n }\r\n render() {\r\n const {\r\n loading,\r\n currentUser,\r\n subscribe,\r\n pagination,\r\n onHideModal,\r\n modal,\r\n } = this.props;\r\n if (loading) {\r\n return (\r\n \r\n //
\r\n // \r\n // \r\n // \r\n // {/**判断状态选择 */}\r\n // {this.state.isHistory ? (\r\n //
\r\n //
\r\n // | \r\n // {item.type_name}\r\n // | \r\n //\r\n // ¥{item.price}\r\n // | \r\n //\r\n // \r\n // {info==1? \r\n // 转账信息已提交 :payType==2? : }\r\n // \r\n // | \r\n // |
| \r\n // {item.type_name}\r\n // | \r\n //\r\n // ¥{item.price}\r\n // | \r\n //\r\n // {startTime}至{endTime}\r\n // | \r\n //\r\n // \r\n // {item.receipt==0 ? : \r\n // 已申请开票 }\r\n // | \r\n //
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Subscribe);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\n// import $ from 'jquery';\r\n// import axios from 'axios';\r\nimport {\r\n HOME_PAGE_LOADED,\r\n HOME_PAGE_UNLOADED,\r\n HOME_OPENID,\r\n MUSIC_SEARCH_LABEL_LOAD,\r\n AUDIO_SUSUME,\r\n PARTNER_LIST,\r\n PLAYLIST_GET_INFO,\r\n MUSIC_SEARCH_LABEL_LOAD_All,\r\n} from \"constants/actionTypes\";\r\n\r\nimport Loading from \"../Loading\";\r\nimport { Layout } from \"antd\";\r\nimport agent from \"agent\";\r\nimport Recommend from \"./recommend\";\r\nimport { redirectTo,noShowPage } from \"dispatch\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\n// import custom css\r\nimport \"./home.less\";\r\nconst { Content } = Layout;\r\nconst queryString = require(\"query-string\");\r\nconst jquery = require(\"jquery\");\r\nimport { styleLabelsOnHome, styleLabels, styleLabelMulti } from \"constants/music\";\r\nconst mapStateToProps = state => ({\r\n ...state.home,\r\n currentUser: state.header.currentUser,\r\n labelDatas: state.musicSearch.labelsData,\r\n susume: state.susume.audios,\r\n partner: state.partner,\r\n playlistInfos: state.playlist.info.infos,\r\n labels: state.labels.labelsDataAll,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onLoad: payload => dispatch({ type: HOME_PAGE_LOADED, payload, skipTracking: true }),\r\n getOpenId: openId => dispatch({ type: HOME_OPENID,openId}),\r\n // onLoad: (tab, pager, payload) =>\r\n // dispatch({type: HOME_PAGE_LOADED, tab, pager, payload}),\r\n onUnload: () => dispatch({ type: HOME_PAGE_UNLOADED }),\r\n loadLabel: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD,\r\n payload: agent.Music.searchLabels(),\r\n });\r\n },\r\n getSusume: send =>\r\n dispatch({\r\n type: AUDIO_SUSUME,\r\n payload: agent.Audio.getSusume(send),\r\n send,\r\n }),\r\n getPartnerList: send =>\r\n dispatch({\r\n type: PARTNER_LIST,\r\n payload: agent.Partner.getList(send),\r\n send,\r\n }),\r\n getPlaylistInfos: send =>\r\n dispatch({\r\n type: PLAYLIST_GET_INFO,\r\n payload: agent.PlayList.getInfo(send),\r\n send,\r\n }),\r\n loadLabelAll: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_All,\r\n payload: agent.Music.searchLabelAlls(),\r\n });\r\n },\r\n});\r\n\r\nclass Home extends React.Component {\r\n static propTypes = {\r\n onUnload: PropTypes.func.isRequired,\r\n onLoad: PropTypes.func.isRequired,\r\n labelDatas: PropTypes.object.isRequired,\r\n loadLabel: PropTypes.func.isRequired,\r\n getOpenId: PropTypes.func.isRequired,\r\n loadLabelAll:PropTypes.func.isRequired,\r\n getSusume: PropTypes.func.isRequired,\r\n susume: PropTypes.array.isRequired,\r\n getPartnerList: PropTypes.func.isRequired,\r\n partner: PropTypes.object.isRequired,\r\n playlistInfos: PropTypes.array.isRequired,\r\n getPlaylistInfos: PropTypes.func.isRequired,\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string.isRequired,\r\n }).isRequired,\r\n currentUser: PropTypes.object,\r\n labels: PropTypes.object.isRequired,\r\n };\r\n\r\n state = {\r\n loading: true,\r\n label: styleLabelsOnHome[0],\r\n subLabels: {},\r\n keyword:\"\",\r\n };\r\n\r\n id = 0;\r\n\r\n componentWillUnmount() {\r\n clearTimeout(this.id);\r\n this.props.onUnload();\r\n }\r\n\r\n componentDidMount() {\r\n var url = location.search; //获取url中\"?\"符后的字串 \r\n var theRequest = new Object(); \r\n if((url.indexOf(\"?\") != -1)==false){\r\n if((global.isWeixin = navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1)){\r\n console.log(1)\r\n window.location.href = \"https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxe8482c2b628422a9&redirect_uri=https://www.musiness.vip&response_type=code&scope=snsapi_base&#wechat_redirect\";\r\n }\r\n }\r\n if (url.indexOf(\"?\") != -1) { \r\n var str = url.substr(1); \r\n var strs = str.split(\"&\"); \r\n for ( var i = 0; i < strs.length; i++) { \r\n theRequest[strs[i].split(\"=\")[0]] = unescape(strs[i].split(\"=\")[1]); \t\t\r\n } \r\n window.wxCode = theRequest.code;\r\n console.log(theRequest)\r\n // var urls=\"/hehe/sns/oauth2/access_token?appid=wxe8482c2b628422a9&secret=adc8690b4c3f9b6e8ed635c886be5251&code=\"+theRequest.code+\"&grant_type=authorization_code\";\r\n // axios.get(urls).then((res)=>{\r\n // console.log(res.data)\r\n // window.openId = res.data.openid;\r\n // console.log(window.openId)\r\n // this.props.getOpenId(res.data.openid);\r\n // // console.log(res.data.message)\r\n // // this.setState({\r\n // // arr:res.data.message\r\n // // })\r\n // })\r\n // $.ajax({\r\n // url: 'http://query.yahooapis.com/v1/public/yql',\r\n // dataType:'jsonp',\r\n // data:{\r\n // q: \"select * from json where url=\\'\"+urls+\"'\",\r\n // format:\"json\"\r\n // },\r\n // success: function (data) {//客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数\r\n // console.log(data.query.results.json.openid);\r\n // },\r\n // })\r\n // $.ajax({\r\n // async:false,\r\n // url: urls,\r\n // type: \"get\",\r\n // dataType: 'jsonp',\r\n // jsonp:\"callback\",\r\n // jsonpCallback: \"jsonpFunc\",\r\n // // data: qsData,\r\n // beforeSend: function(){\r\n // //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了\r\n // },\r\n // success: function (json) {//客户端jquery预先定义好的callback函数,成功获取跨域服务器上的json数据后,会动态执行这个callback函数\r\n // },\r\n // error: function(xhr){\r\n // //jsonp 方式此方法不被触发.原因可能是dataType如果指定为jsonp的话,就已经不是ajax事件了\r\n // //请求出错处理\r\n // console.log(xhr)\r\n // alert(\"请求出错(请检查相关度网络状况.)\");\r\n // }\r\n // });\r\n } \r\n this.props.loadLabel();\r\n this.props.loadLabelAll();\r\n this.props.getSusume();\r\n this.props.getPartnerList({ pager: { current: 1, pageSize: 12 } });\r\n if (!this.props.playlistInfos.length) this.props.getPlaylistInfos();\r\n }\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n return null;\r\n }\r\n\r\n changeLabel(label) {\r\n this.setState({ label });\r\n }\r\n\r\n changeSubLabel(label) {\r\n if (styleLabelMulti.has(this.state.label)) {\r\n this.setState(state => {\r\n let savedLabels = new Set(state.subLabels[this.state.label] || []);\r\n if (savedLabels.has(label)) savedLabels.delete(label);\r\n else savedLabels.add(label);\r\n\r\n return {\r\n subLabels: {\r\n ...state.subLabels,\r\n [this.state.label]: [...savedLabels],\r\n },\r\n };\r\n });\r\n } else {\r\n const lab={\r\n page: 1,\r\n [this.state.label]: label,\r\n }\r\n const stringTiao ={\r\n tiao: noShowPage.baseEecode(lab),\r\n }\r\n redirectTo(\"/music/search\", \r\n stringTiao\r\n );\r\n }\r\n }\r\n\r\n subLabelToSearchPage() {\r\n const lab={\r\n page: 1,\r\n [this.state.label]: this.state.subLabels[this.state.label].join(\",\"),\r\n }\r\n const stringTiao ={\r\n tiao: noShowPage.baseEecode(lab),\r\n }\r\n redirectTo(\"/music/search\", \r\n stringTiao\r\n );\r\n }\r\n\r\n getLicense(id) {\r\n redirectTo(`/music/musicid/${id}`);\r\n }\r\n\r\n gotoPlayTypePage(id) {\r\n redirectTo(`/topicmusic?id=${id}`);\r\n }\r\n gotoSubscribe(){\r\n redirectTo(`/subscribermembers`);\r\n }\r\n //响应事件\r\n handleKeywordSubmit = e => {\r\n e.preventDefault();\r\n this.handleSearchClick(this.state.keyword); \r\n //埋点 用户搜索关键词提交到后台 \r\n jquery.ajax({\r\n url:agent.getApiUrl()+'/userdata/inssearchkw',\r\n data:{\"keyword\":this.state.keyword},\r\n success:function(data){\r\n console.log(JSON.stringify(data));\r\n console.log(\"搜索成功\");\r\n },\r\n error:function(err){\r\n console.log(\"搜索错误 \"+err);\r\n }\r\n });\r\n };\r\n //响应函数\r\n handleSearchClick(value){\r\n const params = {\r\n page: 1,\r\n keyword:value,\r\n };\r\n const stringTiao ={\r\n tiao: noShowPage.baseEecode(params),\r\n }\r\n const stringified =queryString.stringify(stringTiao);\r\n \r\n redirectTo(`/music/search?`+stringified); \r\n }\r\n handleKeywordChange = e => {\r\n this.setState({ keyword: e.target.value });\r\n };\r\n render() {\r\n if (this.state.loading) {\r\n clearTimeout(this.id);\r\n this.id = setTimeout(\r\n (() => {\r\n this.setState(state => {\r\n state.loading = false;\r\n return state;\r\n });\r\n }).bind(this),\r\n 500\r\n );\r\n\r\n return \r\n \r\n \r\n
\r\n 会员订阅记录
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
\r\n {subscribe.map(\r\n this.renderCell.bind(this)\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n 汇款信息
\r\n \r\n 我已汇款并正确填写信息 \r\n \r\n \r\n
\r\n - \r\n
- \r\n *汇款账号（后五位）：\r\n \r\n \r\n
- \r\n *汇款币种：\r\n\r\n \r\n\r\n \r\n
- \r\n *联系人电话：\r\n \r\n \r\n
\r\n
\r\n 收款账号信息如下：
\r\n \r\n
\r\n \r\n
\r\n 币种
\r\n 金额
\r\n 银行卡信息
\r\n \r\n
\r\n - \r\n
- \r\n 人民币\r\n{this.state.order.price}\r\n\r\n\r\n户名：上海小仙虎文化传媒有限公司\r\n开户行：中国工商银行股份有限公司上海市上外支行\r\n账号：1001274409300013770\r\n \r\n
- \r\n 台币\r\n{(!this.state.order.price?0:this.state.order.price)*4.5}\r\n\r\n\r\n户名：啟動音樂文創有限公司\r\n开户行：上海商業儲蓄銀行（世貿分行）\r\n账号：43102000032270\r\n \r\n
\r\n \r\n
\r\n \r\n {title}\r\n
\r\n {subtitle}\r\n
\r\n
\r\n\r\n \r\n
\r\n 300,000+正版配乐曲库，智能匹配您的需求
\r\n\r\n {/**搜索框提交点击事件 */}\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- 分类搜索 : \r\n {topLabels}\r\n
\r\n
\r\n \r\n
\r\n - {subLabels}
\r\n
\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n 因为音乐而遇见，因为遇见而找到最合适的。
\r\n \r\n推荐曲目
\r\n\r\n {/**推荐曲目div */}\r\n
\r\n \r\n {/**渲染加载recommend文件的格式 */}\r\n
\r\n \r\n \r\n 查看全部曲目\r\n \r\n
\r\n不同类别 尽情挑选
\r\n\r\n
\r\n \r\n
\r\n - \r\n
- \r\n this.gotoSubscribe()}>\r\n \r\n\r\n
![\"订阅会员\"](\"/assets/img/182.jpg\")
\r\n \r\n 订阅会员\r\n
\r\n \r\n
\r\n Subscription\r\n \r\n {playList}\r\n
我们的合作伙伴
\r\n\r\n
\r\n \r\n
\r\n - {partnerList}
- \r\n
- \r\n
\r\n \r\n - \r\n
\r\n \r\n - \r\n
\r\n \r\n - \r\n
\r\n \r\n - \r\n
\r\n \r\n - \r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"Let's](\"assets/img/txt_lets.svg\")
\r\n
\r\n {currentUser ? (\r\n 成为卖家\r\n ) : (\r\n 成为卖家\r\n )}\r\n
\r\n- \r\n {this.props.data.map((x, i) => {\r\n const {\r\n thumb: src,\r\n author: { nickname: artist },\r\n title,\r\n audioid,\r\n creatorInfo,\r\n composer,\r\n } = x;\r\n let name=composer;\r\n if (creatorInfo) {\r\n name=creatorInfo.nickname;\r\n }\r\n return (\r\n
- \r\n this.props.onClick(audioid) || null}>\r\n
\r\n
{HtmlUtil.htmlDecode(title)}
\r\n{HtmlUtil.htmlDecode(name?name:artist)}
\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WxCode);\r\n","const gnav = require(\"./gnav\").default;\r\nconst utility = require(\"./utility\").default;\r\n\r\nexport default $ => {\r\n gnav($);\r\n utility($);\r\n return {\r\n ready: () => {\r\n $.gnavToggle();\r\n $.tabPanel();\r\n $.smoothScroll();\r\n // $.modalOpen();\r\n $.toggleAccordion();\r\n $.moreBox();\r\n $.pagtopBtn();\r\n $.scrollAnimate();\r\n // close first\r\n $(\".js-navClose\").click();\r\n },\r\n };\r\n};\r\n","export default jQuery =>\r\n (function($) {\r\n \"use strict\";\r\n\r\n var root = document.documentElement;\r\n //var _IE8 = (typeof window.addEventListener == \"undefined\" && typeof document.getElementsByClassName == \"undefined\") ? true :false;\r\n root.className = root.className.replace(/\\bno[-_]?js\\b/gi, \"\") + \" js\";\r\n var $window = $(window);\r\n var $html = $(\"html\");\r\n var $body = $(\"body\");\r\n\r\n function object(o) {\r\n var f = object.f,\r\n i,\r\n len,\r\n n,\r\n prop;\r\n f.prototype = o;\r\n n = new f();\r\n for (i = 1, len = arguments.length; i < len; ++i) {\r\n for (prop in arguments[i]) {\r\n n[prop] = arguments[i][prop];\r\n }\r\n }\r\n return n;\r\n }\r\n object.f = function() {};\r\n\r\n $.extend({\r\n gnavToggle: function() {\r\n var $menuOffset = $(\".js-menuOffset\");\r\n var $menuOffset_R = $(\".js-menuOffset--r\");\r\n // var isScrollable = function(el) {\r\n // return (\r\n // el &&\r\n // !(el.style.overflow && el.style.overflow === \"hidden\") &&\r\n // ((el.clientWidth && el.scrollWidth > el.clientWidth) ||\r\n // (el.clientHeight && el.scrollHeight > el.clientHeight))\r\n // );\r\n // };\r\n\r\n //$(\".js-nav\").each(function(i){\r\n var $this = $(\".js-nav\");\r\n $this.addClass(\"is-close\");\r\n\r\n var openFlg = false;\r\n var $navMenu = $this.find(\".js-navMenu\");\r\n var $toggleBtn = $this.find(\".js-navToggle\");\r\n var $closeBtn = $this.find(\".js-navClose\");\r\n\r\n $toggleBtn.click(function(e) {\r\n e.preventDefault();\r\n // var $this = $(this);\r\n if (openFlg == false) {\r\n openMenu(this);\r\n } else {\r\n closeMenu(this);\r\n }\r\n });\r\n $closeBtn.click(function(e) {\r\n closeMenu(this);\r\n });\r\n\r\n function openMenu(_this) {\r\n $this.css(\"display\", \"block\");\r\n $toggleBtn.addClass(\"is-open\");\r\n $navMenu.slideDown(200, \"swing\", function() {\r\n $this.addClass(\"is-open\");\r\n\r\n $html.addClass(\"overlay-lock\");\r\n $menuOffset.addClass(\"overlay-offset\");\r\n $menuOffset_R.addClass(\"overlay-offset-r\");\r\n openFlg = true;\r\n });\r\n }\r\n function closeMenu(_this) {\r\n $this.removeClass(\"is-open\");\r\n $toggleBtn.removeClass(\"is-open\");\r\n $html.removeClass(\"overlay-lock\");\r\n $menuOffset.removeClass(\"overlay-offset\");\r\n $menuOffset_R.removeClass(\"overlay-offset-r\");\r\n $navMenu.slideUp(200, \"swing\", function() {\r\n openFlg = false;\r\n // $navMenu.css(\"display\", \"block\");\r\n });\r\n }\r\n // var currentUrl = location.href; //現在のページの絶対パスを取得\r\n // currentUrl = currentUrl.split(\"#\")[0];\r\n // $(\".globalNav__item a\").click(function(e) {\r\n // closeMenu(this);\r\n // var href = $(this).prop(\"href\"), //リンク先を絶対パスとして取得\r\n // hrefPageUrl = href.split(\"#\")[0]; //リンク先を絶対パスについて、#より前のURLを取得\r\n // if (hrefPageUrl == currentUrl) {\r\n // closeMenu(this);\r\n // href = href.split(\"#\");\r\n // href = href[1];\r\n // if (href !== undefined) {\r\n // href = \"#\" + href;\r\n // } else {\r\n // href = \"#\";\r\n // }\r\n // var target = $(\r\n // href == \"#\" || href == \"\" ? \"html\" : href\r\n // );\r\n // var position = target.offset().top;\r\n // $(\"body, html\")\r\n // .stop(true, false)\r\n // .animate({scrollTop: position}, 500, \"swing\");\r\n // return false;\r\n // }\r\n // });\r\n\r\n //});\r\n\r\n var w1 = $(window).width();\r\n $html.addClass(\"overlay-lock-test\");\r\n var w2 = $(window).width();\r\n $html.removeClass(\"overlay-lock-test\");\r\n $(\r\n \"\"\r\n ).appendTo(\"head\");\r\n $(\r\n \"\"\r\n ).appendTo(\"head\");\r\n },\r\n gnavFix: function() {\r\n // var $globalHeader = $(\".globalHeader\");\r\n // var $globalNavTop = $globalHeader.height();\r\n var $logo = $(\".topKeyVisual__logo\");\r\n var logoPosiion;\r\n if ($logo.length) {\r\n logoPosiion = $logo.offset().top + $logo.height();\r\n $window.on(\"load resize\", function() {\r\n logoPosiion = $logo.offset().top + $logo.height();\r\n });\r\n $window.scroll(function() {\r\n var position = $window.scrollTop();\r\n if (position >= logoPosiion) {\r\n $body.addClass(\"is-headerFixed\");\r\n } else {\r\n $body.removeClass(\"is-headerFixed\");\r\n }\r\n });\r\n }\r\n },\r\n fixedMenu: function() {\r\n var $fixedMenu = $(\".js-fixedMenu\");\r\n var footerTop;\r\n // $fixedMenu.hide();\r\n var $window = $(window);\r\n var pagetopFlg = $fixedMenu.length;\r\n // var prePosition = 0;\r\n footerTop =\r\n $(\".globalFooter\").length > 0\r\n ? $(\".globalFooter\").offset().top\r\n : 0;\r\n if (pagetopFlg > 0) {\r\n $window.on(\"load resize\", function() {\r\n footerTop =\r\n $(\".globalFooter\").length > 0\r\n ? $(\".globalFooter\").offset().top\r\n : 0;\r\n $window.scroll();\r\n $fixedMenu.addClass(\"is-show\");\r\n });\r\n }\r\n $window.scroll(function() {\r\n var position = $window.scrollTop();\r\n var position2 = position + $window.height();\r\n if (position2 <= footerTop) {\r\n $fixedMenu.removeClass(\"is-abs\");\r\n } else {\r\n $fixedMenu.addClass(\"is-abs\");\r\n }\r\n $fixedMenu.addClass(\"is-show\");\r\n if (position > 100) {\r\n // $fixedMenu.addClass(\"is-show\");\r\n } else {\r\n // $fixedMenu.removeClass(\"is-show\");\r\n }\r\n // prePosition = position;\r\n });\r\n }\r\n });\r\n\r\n // $(function() {\r\n // $.gnavToggle();\r\n // // $.gnavCurrent();\r\n // // $.gnavFix();\r\n // // $.fixedMenu();\r\n // });\r\n })(jQuery);\r\n","export default jQuery =>\r\n (function($) {\r\n \"use strict\";\r\n\r\n var $window = $(window);\r\n var $html = $(\"html\");\r\n // var $body = $(\"body\");\r\n\r\n function object(o) {\r\n var f = object.f,\r\n i,\r\n len,\r\n n,\r\n prop;\r\n f.prototype = o;\r\n n = new f();\r\n for (i = 1, len = arguments.length; i < len; ++i) {\r\n for (prop in arguments[i]) {\r\n n[prop] = arguments[i][prop];\r\n }\r\n }\r\n return n;\r\n }\r\n object.f = function() {};\r\n\r\n var ua = navigator.userAgent;\r\n // var isTablet = false;\r\n var isiPad = false;\r\n if (ua.indexOf(\"Android\") > 0 && ua.indexOf(\"Mobile\") == -1) {\r\n // isTablet = true;\r\n } else if (ua.indexOf(\"iPad\") > 0) {\r\n // isTablet = true;\r\n isiPad = true;\r\n }\r\n\r\n // var isIPod = ua.indexOf(\"iPod\") > -1 ? true : false;\r\n // var isIPhone = ua.indexOf(\"iPhone\") > -1 ? true : false;\r\n // var isAndroid = ua.indexOf(\"Android\") > -1 ? true : false;\r\n\r\n if (isiPad) {\r\n $html.addClass(\"is-iPad\");\r\n }\r\n\r\n $.extend({\r\n tabPanel: function() {\r\n $.fn.selectTab = function(options) {\r\n options = $.extend(\r\n {},\r\n $.fn.selectTab.defaultOptions,\r\n options\r\n );\r\n\r\n this.on(\"click.selectTab\", function(e) {\r\n e.preventDefault();\r\n var $this = $(this),\r\n tabDisp = options.tabDisp,\r\n panelDisp = options.panelDisp,\r\n slctAria = \"#\" + $this.attr(options.panelId),\r\n $tablist = $this.parents('[role=\"tablist\"]'),\r\n $tabArea = $(slctAria).parent();\r\n if ($(slctAria).length < 1) return false;\r\n $tablist.find(\"a\").attr(tabDisp, false);\r\n $this.attr(tabDisp, true);\r\n $tabArea\r\n .children(\"[role=tabpanel]\")\r\n .not(slctAria)\r\n .attr(panelDisp, true);\r\n $(slctAria).attr(panelDisp, false);\r\n });\r\n };\r\n\r\n $.fn.selectTab.defaultOptions = {\r\n tabDisp: \"aria-selected\",\r\n panelId: \"aria-controls\",\r\n panelDisp: \"aria-hidden\"\r\n };\r\n $(\".js-tabBox [role=tab]\").selectTab();\r\n },\r\n smoothScroll: function() {\r\n $('a[href^=\"#\"]')\r\n .not(\r\n 'a[href^=\"#0\"], a[href=\"#\"], a.selected, .js-navMenu a, .js-modalBtn, .js-tabBox a, .js-noScroll a, .js-noScroll'\r\n )\r\n .click(function() {\r\n // スクロールの速度\r\n var speed = 500; // ミリ秒\r\n // アンカーの値取得\r\n var href = $(this).attr(\"href\");\r\n // 移動先を取得\r\n var $target;\r\n if (href == \"#\" || href == \"\" || href == \"#top\") {\r\n $target = $(\"html\");\r\n } else {\r\n $target = $(href);\r\n }\r\n // 移動先を数値で取得\r\n var position = $target.offset().top;\r\n // スムーススクロール\r\n if (!$(this).hasClass(\"selected\")) {\r\n $(\"body, html\").animate(\r\n {scrollTop: position},\r\n speed,\r\n \"swing\"\r\n );\r\n if (href == \"#\" || href == \"\" || href == \"#top\") {\r\n //\r\n } else {\r\n // $target.find(\":focusable\").focus().blur();\r\n }\r\n }\r\n return false;\r\n });\r\n },\r\n modalOpen: function() {\r\n // var self = this;\r\n var $html = $(\"html\");\r\n var $menuOffset = $(\".js-menuOffset\");\r\n var $menuOffset_R = $(\".js-menuOffset--r\");\r\n\r\n var $modalBtn = $(\".js-modalBtn\");\r\n var $modalOverlay = $(\".js-modalOverlay\");\r\n var $modalOverlayInner = $(\".modalOverlay__inner\");\r\n var openFlg = false;\r\n\r\n $modalBtn.each(function(i) {\r\n var $this = $(this);\r\n var $modalBox = $($this.attr(\"href\"));\r\n\r\n //var $modalBox = $(\".js-searchModalBox\");\r\n var $closeBtn = $(\".js-modalBoxClose\");\r\n\r\n $this.click(function(e) {\r\n e.preventDefault();\r\n // var $this = $(this);\r\n if (openFlg == false) {\r\n $.gnavClose();\r\n setTimeout(function() {\r\n openMenu(this);\r\n }, 10);\r\n } else {\r\n closeMenu(this);\r\n }\r\n });\r\n\r\n $closeBtn.click(function(e) {\r\n e.preventDefault();\r\n if (openFlg == false) {\r\n //openMenu(this);\r\n } else {\r\n closeMenu(this);\r\n }\r\n });\r\n $(\".modalOverlay__close\").click(function(e) {\r\n if (openFlg == false) {\r\n //openMenu(this);\r\n } else {\r\n closeMenu(this);\r\n }\r\n });\r\n\r\n var openMenu = function(_this) {\r\n $modalBox.show();\r\n $html.addClass(\"modal-overlay-lock\");\r\n $menuOffset.addClass(\"modal-overlay-offset\");\r\n $menuOffset_R.addClass(\"modal-overlay-offset-r\");\r\n $modalOverlay.css({opacity: 0, display: \"block\"});\r\n $modalOverlayInner.css(\r\n \"min-height\",\r\n $modalBox.innerHeight()\r\n );\r\n $modalOverlay.animate(\r\n {opacity: 1},\r\n 200,\r\n \"swing\",\r\n function() {\r\n openFlg = true;\r\n $window.resize();\r\n }\r\n );\r\n };\r\n var closeMenu = function(_this) {\r\n $modalOverlay.fadeOut(200, \"swing\", function() {\r\n $modalBox.hide();\r\n $modalBox.css(\"min-height\", \"\");\r\n $html.removeClass(\"modal-overlay-lock\");\r\n $menuOffset.removeClass(\"modal-overlay-offset\");\r\n $menuOffset_R.removeClass(\"modal-overlay-offset-r\");\r\n openFlg = false;\r\n });\r\n };\r\n });\r\n\r\n var w1 = $(window).width();\r\n $html.addClass(\"overlay-lock-test\");\r\n var w2 = $(window).width();\r\n $html.removeClass(\"overlay-lock-test\");\r\n $(\r\n \"\"\r\n ).appendTo(\"head\");\r\n $(\r\n \"\"\r\n ).appendTo(\"head\");\r\n },\r\n toggleAccordion: function() {\r\n var _hash = location.hash;\r\n var $accordionBox = $(\".js-accordionBox\");\r\n\r\n $accordionBox.each(function(index) {\r\n var $this = $(this);\r\n if (\"#\" + $this.attr(\"id\") === _hash) {\r\n $accordionBox\r\n .removeClass(\"is-show\")\r\n .addClass(\"is-hide\")\r\n .find(\".js-accordionMenu\")\r\n .css(\"display\", \"none\");\r\n $this\r\n .removeClass(\"is-hide\")\r\n .addClass(\"is-show\")\r\n .find(\".js-accordionMenu\")\r\n .css(\"display\", \"block\");\r\n }\r\n var $accordionBtn = $this.find(\".js-accordionBtn\").eq(0);\r\n var $accordionMenu = $this.find(\".js-accordionMenu\").eq(0);\r\n var $accordionClose = $this\r\n .find(\".js-accordionClose\")\r\n .last();\r\n var AccordionBox = $this;\r\n var accordionTop = AccordionBox.offset().top - 84;\r\n var openFlg = false;\r\n $accordionBtn.click(function(e) {\r\n // var $this = $(this);\r\n if (openFlg == false) {\r\n openMenu(this);\r\n } else {\r\n closeMenu(this);\r\n }\r\n });\r\n $accordionClose.click(function(e) {\r\n if (!$accordionMenu.is(\":animated\")) {\r\n AccordionBox.removeClass(\"is-show\").addClass(\r\n \"is-hide\"\r\n );\r\n accordionTop = AccordionBox.offset().top - 84;\r\n $(\"body, html\").animate(\r\n {scrollTop: accordionTop},\r\n 300,\r\n \"swing\"\r\n );\r\n $accordionMenu.slideUp(300, function() {\r\n openFlg = false;\r\n });\r\n }\r\n });\r\n function openMenu(_this) {\r\n if (!$accordionMenu.is(\":animated\")) {\r\n AccordionBox.removeClass(\"is-hide\").addClass(\r\n \"is-show\"\r\n );\r\n $accordionMenu.slideDown(300, function() {\r\n openFlg = true;\r\n $window.resize();\r\n });\r\n }\r\n }\r\n function closeMenu(_this) {\r\n if (!$accordionMenu.is(\":animated\")) {\r\n AccordionBox.removeClass(\"is-show\").addClass(\r\n \"is-hide\"\r\n );\r\n $accordionMenu.slideUp(300, function() {\r\n openFlg = false;\r\n $window.resize();\r\n });\r\n }\r\n }\r\n });\r\n\r\n $accordionBox\r\n .not(\".is-show\")\r\n .find(\".js-accordionMenu\")\r\n .css(\"display\", \"none\");\r\n },\r\n moreBox: function() {\r\n var $moreBox = $(\".js-moreBox\");\r\n var $moreBtn = $(\".js-moreBtn\");\r\n // var $moreMenu = $(\".js-moreContents\");\r\n\r\n $moreBtn.click(function(e) {\r\n var $this = $(this);\r\n var MoreBox = $moreBox.has($this);\r\n var MoreMenu = MoreBox.find(\".js-moreContents\");\r\n if (!MoreMenu.is(\":animated\")) {\r\n if (!MoreBox.hasClass(\"is-show\")) {\r\n MoreBox.removeClass(\"is-hide\").addClass(\"is-show\");\r\n MoreMenu.slideDown(200, function() {\r\n $window.resize();\r\n });\r\n } else {\r\n MoreMenu.slideUp(200, function() {\r\n $window.resize();\r\n MoreBox.removeClass(\"is-show\").addClass(\r\n \"is-hide\"\r\n );\r\n });\r\n }\r\n }\r\n });\r\n },\r\n pagtopBtn: function() {\r\n var $pageTop = $(\".js-pageTop\");\r\n var footerTop;\r\n //$pageTop.hide();\r\n var $window = $(window);\r\n var pagetopFlg = $pageTop.length;\r\n // let prePosition = 0;\r\n footerTop =\r\n $(\".globalFooterNav\").length > 0\r\n ? $(\".globalFooterNav\").offset().top\r\n : 0;\r\n if (pagetopFlg > 0) {\r\n $window.on(\"load resize\", function() {\r\n footerTop =\r\n $(\".globalFooterNav\").length > 0\r\n ? $(\".globalFooterNav\").offset().top\r\n : 0;\r\n });\r\n }\r\n $window.scroll(function() {\r\n var position = $window.scrollTop();\r\n var position2 = position + $window.height();\r\n if (position2 <= footerTop) {\r\n $pageTop.removeClass(\"is-abs\");\r\n } else {\r\n $pageTop.addClass(\"is-abs\");\r\n }\r\n if (position > 100) {\r\n $pageTop.addClass(\"is-show\");\r\n } else {\r\n $pageTop.removeClass(\"is-show\");\r\n }\r\n // prePosition = position;\r\n });\r\n },\r\n scrollAnimate: function() {\r\n var windowWidth;\r\n var deviceType;\r\n var scrollHeight = $(document).height() - $window.height();\r\n\r\n $window.on(\"load resize\", function() {\r\n windowWidth = window.innerWidth;\r\n scrollHeight = $(document).height() - $window.height();\r\n if (windowWidth <= 630) {\r\n deviceType = \"sp\";\r\n } else {\r\n deviceType = \"pc\";\r\n }\r\n });\r\n\r\n var _scrollObj = {\r\n _this: this,\r\n itemObj: null,\r\n animateFlg: false,\r\n animateFlg2: false,\r\n animateFlg3: false\r\n };\r\n // var currentPosition = 0;\r\n $(\".js-ignitePoint\").each(function(i) {\r\n var $this = $(this);\r\n var objectTop;\r\n var objectOffsetTop;\r\n var objectOffsetTop2;\r\n if (deviceType == \"pc\") {\r\n objectTop = $this.offset().top - 400;\r\n } else {\r\n objectTop = $this.offset().top - 300;\r\n }\r\n objectOffsetTop = objectTop - 200;\r\n objectOffsetTop2 = objectTop + 300;\r\n\r\n // var contentsPosition = i;\r\n\r\n var thisAnimateObj = object(_scrollObj);\r\n\r\n thisAnimateObj.itemObj = $this;\r\n\r\n $window.on(\"load resize\", function() {\r\n if (deviceType == \"pc\") {\r\n objectTop = $this.offset().top - 400;\r\n } else {\r\n objectTop = $this.offset().top - 100;\r\n }\r\n objectOffsetTop = objectTop - 200;\r\n objectOffsetTop2 = objectTop + 300;\r\n });\r\n\r\n $window.on(\"load scroll\", function() {\r\n var position = $window.scrollTop();\r\n if (\r\n (position > objectTop &&\r\n thisAnimateObj.animateFlg != true) ||\r\n (position >= scrollHeight &&\r\n thisAnimateObj.animateFlg != true)\r\n ) {\r\n thisAnimateObj.animateFlg = true;\r\n thisAnimateObj.itemObj.addClass(\"is-animate\");\r\n }\r\n if (\r\n (position > objectOffsetTop &&\r\n thisAnimateObj.animateFlg2 != true) ||\r\n (position >= scrollHeight &&\r\n thisAnimateObj.animateFlg2 != true)\r\n ) {\r\n thisAnimateObj.animateFlg2 = true;\r\n thisAnimateObj.itemObj.addClass(\"is-animate1\");\r\n }\r\n if (\r\n (position > objectOffsetTop2 &&\r\n thisAnimateObj.animateFlg3 != true) ||\r\n (position >= scrollHeight &&\r\n thisAnimateObj.animateFlg3 != true)\r\n ) {\r\n thisAnimateObj.animateFlg3 = true;\r\n thisAnimateObj.itemObj.addClass(\"is-animate2\");\r\n }\r\n });\r\n });\r\n }\r\n });\r\n\r\n // $(function() {\r\n // $.tabPanel();\r\n // $.smoothScroll();\r\n // // $.modalOpen();\r\n // $.toggleAccordion();\r\n // $.moreBox();\r\n // $.pagtopBtn();\r\n // $.scrollAnimate();\r\n // });\r\n })(jQuery);\r\n","export const producerStatus = {\r\n NO: 0,\r\n APPLY: 1,\r\n YES: 9,\r\n isProducer: status => {\r\n return status == producerStatus.YES;\r\n },\r\n};\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\n\r\nimport { producerStatus } from \"config/producerStatus\";\r\n//import Avatar from \"components/Avatar\";\r\nimport \"./Header.less\";\r\n\r\nconst mapStateToProps = state => ({ ...state.header, ...state.user });\r\n\r\nconst mapDispatchToProps = dispatch => ({});\r\n\r\nclass Webheader extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.shape({\r\n pathname: PropTypes.string.isRequired,\r\n }).isRequired,\r\n currentUser: PropTypes.object,\r\n linkTo: PropTypes.func.isRequired,\r\n };\r\n myprofile() {\r\n const { currentUser, linkTo } = this.props;\r\n console.log(currentUser)\r\n if (currentUser) {\r\n const isProducer = producerStatus.isProducer(currentUser.producer);\r\n const avatars = !currentUser.avatar ? '/assets/img/img_avatar2.jpg' : agent.getApiUrl(currentUser.avatar);\r\n const style = {\r\n height: '42px',\r\n width: '42px',\r\n background: 'url(' + avatars + ')',\r\n backgroundSize: 'cover',\r\n backgroundPosition: 'center center',\r\n }\r\n return (\r\n \r\n );\r\n }\r\n return (\r\n \r\n );\r\n }\r\n\r\n renderLi = (title, to) => {\r\n const { linkTo, location } = this.props;\r\n let className = \"globalNav__item\";\r\n\r\n if (to && location.pathname == to) {\r\n className += \" is-current\";\r\n }else if(to == \"/free\" && location.pathname == \"/free\"){\r\n className += \" is-current\";\r\n }\r\n let imgPath = \"/assets/img/sub_f.png\";\r\n if (title == '金V曲库'){\r\n imgPath = \"/assets/img/sub_v.png\";\r\n }\r\n if (title == '音效素材') {\r\n // window.localStorage.setItem('search', JSON.stringify(true))\r\n }\r\n if (title == '金V曲库') {\r\n return (\r\n \r\n \r\n ![](\"/assets/img/code_time.png\")
{this.state.sen}:{this.state.min}\r\n
\r\n 支付金额 ¥{price}
\r\n {this.state.sen}:{this.state.min}\r\n ![](\"/assets/img/code_sao.png\")
\r\n
\r\n \r\n \r\n
\r\n 打开手机微信
\r\n扫一扫二维码
\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {this.myprofile()}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n )\r\n );\r\n }\r\n}\r\n\r\nexport default Share;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { Link } from \"react-router-dom\";\r\nimport StaticWave from \"utils/staticWave\";\r\nimport Download from \"components/Common/Download\";\r\nimport { showTime ,HtmlUtil,addMusicStatis} from \"dispatch\";\r\nimport \"./MusicTableCell.less\";\r\nimport Share from \"components/Common/Share\";\r\nconst jquery = require(\"jquery\");\r\n\r\nclass MusicTableCell extends React.Component {\r\n static propTypes = {\r\n audio: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n audioid: PropTypes.string.isRequired,\r\n thumb: PropTypes.string.isRequired,\r\n audio: PropTypes.string.isRequired,\r\n author: PropTypes.numberisRequired,\r\n title: PropTypes.string.isRequired,\r\n description: PropTypes.string.isRequired,\r\n duration: PropTypes.number.isRequired,\r\n speed: PropTypes.number.isRequired,\r\n playing: PropTypes.bool.isRequired,\r\n merged_peaks: PropTypes.string,\r\n inverted_condition: PropTypes.object.isRequired,\r\n // status: \"normal\",\r\n // update_at: \"2018-12-28T07:45:45.000Z\"\r\n }).isRequired,\r\n playMusic: PropTypes.func.isRequired,\r\n addCart: PropTypes.func.isRequired,\r\n clickFavorite: PropTypes.func.isRequired,\r\n labels: PropTypes.object.isRequired,\r\n };\r\n\r\n state = {\r\n shareVisible: false,\r\n shareData: { url: \"\", title: \"\" },\r\n };\r\n\r\n handlePlayClick = e => {\r\n const { audio, playMusic } = this.props;\r\n const send = {\r\n ...audio,\r\n playing: !audio.playing,\r\n };\r\n const musicsta = {\r\n audioid:audio.id,\r\n style:'play',\r\n }\r\n if (!audio.playing) {\r\n addMusicStatis(musicsta);\r\n }\r\n playMusic(send);\r\n };\r\n handleCartClick = e => {\r\n jquery(\"body\").css(\"overflow\",\"hidden\");\r\n jquery(\"body\").css(\"height\",\"100%\");\r\n e.preventDefault();\r\n const { audio, addCart } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n addCart(send);\r\n };\r\n handleFavoriteClick = e => {\r\n const { audio, clickFavorite } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n clickFavorite(send);\r\n };\r\n handleShareClick(data) {\r\n const { audioid, title } = data;\r\n this.setState({\r\n shareVisible: true,\r\n shareData: {\r\n url: location.origin + \"/music/musicid/\" + audioid,\r\n title,\r\n },\r\n });\r\n }\r\n\r\n closeShareModel() {\r\n this.setState({ shareVisible: false });\r\n }\r\n showTags(condition, inverted_condition,speed) {\r\n let show = \"\";\r\n for (let key in inverted_condition) {\r\n let value = (inverted_condition[key] + \"\").split(\",\");\r\n for (let i = 0; i < condition[key].length; i++) {\r\n const element = condition[key][i];\r\n for (let k = 0; k < value.length; k++) {\r\n const val = value[k];\r\n if (element.id == val) {\r\n show += element.title + \" / \";\r\n }\r\n }\r\n }\r\n }\r\n if(speed){\r\n for(let i = 0;i onClose()} />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 分享\r\n
\r\n\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n return show;\r\n }\r\n render() {\r\n const {\r\n id,\r\n audioid,\r\n thumb,\r\n creatorInfo,\r\n composer,\r\n title,\r\n duration,\r\n speed,\r\n playing,\r\n like,\r\n inverted_condition,\r\n likeUpdate,\r\n minprice,\r\n api_id,\r\n author,\r\n } = this.props.audio;\r\n const labels = this.props.labels;\r\n const playClass = \"playBtn \" + (playing ? \"is-play\" : \"is-pause\");\r\n const urls=\"url(\"+agent.getApiUrl(thumb)+\")\";\r\n const pre=\"99\";\r\n const vImg=author.userid == 'IVKPCCUGYVS317TCF32BC7BE385C027F'||author.userid == 'WCIRSZ7MUOMGZ4RUE1A728276B7BD15B'||author.userid == 'XBNTVMZD2KVJ5FRK81027164D4516A4C'?true:false;\r\n return (\r\n
\r\n
\r\n {vImg?![](\"/assets/img/sub_v.png\"/)
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default MusicTableCell;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { Link } from \"react-router-dom\";\r\nimport StaticWave from \"utils/staticWave\";\r\nimport Download from \"components/Common/Download\";\r\nimport Share from \"components/Common/Share\";\r\nimport { showTime ,HtmlUtil,addMusicStatis} from \"dispatch\";\r\nimport Loading from \"components/Loading\";\r\nimport \"./FavoriteTableCell.less\";\r\n\r\nclass FavoriteTableCell extends React.Component {\r\n static propTypes = {\r\n audio: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n audioid: PropTypes.string.isRequired,\r\n thumb: PropTypes.string.isRequired,\r\n audio: PropTypes.string.isRequired,\r\n author: PropTypes.numberisRequired,\r\n title: PropTypes.string.isRequired,\r\n description: PropTypes.string.isRequired,\r\n duration: PropTypes.number.isRequired,\r\n speed: PropTypes.number.isRequired,\r\n playing: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n\r\n playMusic: PropTypes.func.isRequired,\r\n addCart: PropTypes.func.isRequired,\r\n clickFavorite: PropTypes.func.isRequired,\r\n labels: PropTypes.object.isRequired,\r\n };\r\n\r\n state = {\r\n shareVisible: false,\r\n shareData: { url: \"\", title: \"\" },\r\n };\r\n\r\n handlePlayClick = e => {\r\n const { audio, playMusic } = this.props;\r\n const send = {\r\n ...audio,\r\n playing: !audio.playing,\r\n };\r\n const musicsta = {\r\n audioid:audio.id,\r\n style:'play',\r\n }\r\n if (!audio.playing) {\r\n addMusicStatis(musicsta);\r\n }\r\n playMusic(send);\r\n };\r\n handleCartClick = e => {\r\n e.preventDefault();\r\n const { audio, addCart } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n addCart(send);\r\n };\r\n handleShareClick(data) {\r\n const { audioid, title } = data;\r\n let tit=HtmlUtil.htmlDecode(title)\r\n this.setState({\r\n shareVisible: true,\r\n shareData: {\r\n url: location.origin + \"/music/musicid/\" + audioid,\r\n title:tit,\r\n },\r\n });\r\n }\r\n\r\n handleFavoriteClick = e => {\r\n const { audio, clickFavorite } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n clickFavorite(send);\r\n };\r\n\r\n closeShareModel() {\r\n this.setState({ shareVisible: false });\r\n }\r\n showTags(condition, inverted_condition,speed) {\r\n let show = \"\";\r\n for (let key in inverted_condition) {\r\n let value = (inverted_condition[key] + \"\").split(\",\");\r\n for (let i = 0; i < condition[key].length; i++) {\r\n const element = condition[key][i];\r\n for (let k = 0; k < value.length; k++) {\r\n const val = value[k];\r\n if (element.id == val) {\r\n show += element.title + \" / \";\r\n }\r\n }\r\n }\r\n }\r\n if(speed){\r\n for(let i = 0;i\r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n \r\n {vImg?:\"\"}\r\n
\r\n {!(creatorInfo&&creatorInfo.status=='normal') ? by {HtmlUtil.htmlDecode(creatorInfo? creatorInfo.nickname:composer)}:\r\n by {HtmlUtil.htmlDecode(creatorInfo.nickname)}\r\n }\r\n
\r\n\r\n ¥{!api_id?minprice:pre}\r\n
\r\n \r\n
\r\n\r\n \r\n {showTime(duration)}\r\n
\r\n\r\n
\r\n \r\n {/* 显示查出来的标签 */}\r\n {this.showTags(labels, inverted_condition,speed)}\r\n
\r\n- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n return show;\r\n }\r\n render() {\r\n const {\r\n id,\r\n audioid,\r\n thumb,\r\n composer,\r\n creatorInfo,\r\n title,\r\n inverted_condition,\r\n duration,\r\n speed,\r\n playing,\r\n like,\r\n likeUpdate,\r\n author: { nickname, username },\r\n minprice,\r\n api_id,\r\n author,\r\n } = this.props.audio;\r\n const {labels}=this.props\r\n const playClass = \"playBtn \" + (playing ? \"is-play\" : \"is-pause\");\r\n const urls=\"url(\"+agent.getApiUrl(thumb)+\")\";\r\n const nname=!creatorInfo?(composer || nickname || username):creatorInfo.nickname;\r\n const pre=\"99\";\r\n const vImg=author.userid == 'IVKPCCUGYVS317TCF32BC7BE385C027F'||author.userid == 'WCIRSZ7MUOMGZ4RUE1A728276B7BD15B'||author.userid == 'XBNTVMZD2KVJ5FRK81027164D4516A4C'?true:false;\r\n if (!labels) {\r\n return (\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n {vImg?:\"\"}\r\n
by {HtmlUtil.htmlDecode(nname)}
\r\n\r\n ¥{!api_id?minprice:pre}\r\n
\r\n \r\n
\r\n\r\n {showTime(duration)}
\r\n\r\n
\r\n \r\n {/* 显示查出来的标签 */}\r\n {this.showTags(labels, inverted_condition,speed)}\r\n
\r\n- \r\n
- \r\n
- \r\n \r\n 分享\r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default FavoriteTableCell;\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { MUSIC_PLAY, MUSIC_TABLE_UNLOAD, SHOW_SHOP_CAR, CHECK_PRICE_GROUP } from \"constants/actionTypes\";\r\nimport { Pagination } from \"antd\";\r\nimport Loading from \"components/Loading\";\r\nimport MusicTableCell from \"components/Music/comps/MusicTableCell\";\r\nimport FavoriteTableCell from \"components/Music/comps/FavoriteTableCell\";\r\nimport { addCart, addFavorite, rmFavorite, redirectTo, noLoginAddCart, noShowPage } from \"dispatch\";\r\nimport agent from \"agent\";\r\nimport \"./page.less\";\r\nconst queryString = require(\"query-string\");\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.musicTable,\r\n musicPlay: state.player.audio,\r\n userLogin: state.app.userLogin,\r\n labels: state.labels.labelsDataAll,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n playMusic: musicPlay => {\r\n return dispatch({ type: MUSIC_PLAY, musicPlay });\r\n },\r\n unLoadTable: () => {\r\n return dispatch({ type: MUSIC_TABLE_UNLOAD });\r\n },\r\n showCarPopup: addAudio => {\r\n return dispatch({ type: SHOW_SHOP_CAR, addAudio });\r\n },\r\n checkPriceGroup: id => {\r\n return dispatch({\r\n type: CHECK_PRICE_GROUP,\r\n payload: agent.PriceGroup.get(id),\r\n });\r\n },\r\n});\r\n\r\nclass MusicTable extends React.Component {\r\n static propTypes = {\r\n pagination: PropTypes.object.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n tableData: PropTypes.array,\r\n musicPlay: PropTypes.object,\r\n loadData: PropTypes.func.isRequired,\r\n unLoadTable: PropTypes.func.isRequired,\r\n playMusic: PropTypes.func.isRequired,\r\n one: PropTypes.bool,\r\n location: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n inverted_condition: PropTypes.object,\r\n one_id: PropTypes.number,\r\n showCarPopup: PropTypes.func.isRequired,\r\n checkPriceGroup: PropTypes.func.isRequired,\r\n };\r\n componentDidMount() {\r\n this.loadCurrentPageData();\r\n }\r\n\r\n loadCurrentPageData = () => {\r\n const { loadData, pagination, location, one, inverted_condition, one_id } = this.props;\r\n if (one) {\r\n const pager = {\r\n current: 1,\r\n pagerSize: 4\r\n }\r\n const theSame = {\r\n sameStyle: inverted_condition.style,\r\n sameEmotion: inverted_condition.emotion,\r\n sameScene: inverted_condition.scene,\r\n sameInstrument: inverted_condition.instrument,\r\n oneId: one_id,\r\n }\r\n const params = {\r\n page: 1,\r\n size: 4,\r\n ...theSame,\r\n };\r\n loadData(pager, params);\r\n } else {\r\n const pager = { ...pagination };\r\n pager.current = 1; // default\r\n const query = queryString.parse(location.search);\r\n const params = {\r\n page: pager.current,\r\n ...query,\r\n size: pagination.pageSize,\r\n };\r\n // reset from params\r\n pager.current = parseInt(params.page);\r\n loadData(pager, params);\r\n }\r\n\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unLoadTable();\r\n }\r\n\r\n onPageChange(pageNumber) {\r\n const { loadData, pagination, match, location } = this.props;\r\n const pager = { ...pagination };\r\n pager.current = pageNumber;\r\n const query = queryString.parse(location.search);\r\n let tiao = noShowPage.baseDecode(query.tiao);\r\n const params = {\r\n ...tiao,\r\n page: pager.current,\r\n };\r\n const stringTiao = {\r\n tiao: noShowPage.baseEecode(params),\r\n }\r\n const stringified = queryString.stringify(stringTiao);\r\n redirectTo({\r\n pathname: match.url,\r\n search: `?${stringified}`,\r\n });\r\n params.size = pagination.pageSize;\r\n loadData(pager, params);\r\n }\r\n\r\n idFavoritePage = () => {\r\n const { match } = this.props;\r\n return match.path.indexOf(\"/favorite\") === 0;\r\n };\r\n\r\n clickFavorite(audio) {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return;\r\n }\r\n if (audio.like) {\r\n let callback = null;\r\n if (this.idFavoritePage()) {\r\n // favorite list reload page\r\n callback = () => {\r\n this.loadCurrentPageData();\r\n };\r\n }\r\n rmFavorite(\r\n { audioid: audio.audioid, like_id: audio.like.id },\r\n callback\r\n );\r\n } else {\r\n addFavorite({ audioid: audio.audioid });\r\n }\r\n }\r\n\r\n handleAddCart(audio) {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n //redirectTo(\"/login\");\r\n noLoginAddCart(audio);\r\n return;\r\n }\r\n addCart(audio);\r\n }\r\n showCarPopup(audio) {\r\n const { showCarPopup, checkPriceGroup } = this.props;\r\n const send = {\r\n showAddCar: true,\r\n addAudio: audio,\r\n };\r\n checkPriceGroup(audio.price_group_id);\r\n showCarPopup(send);\r\n }\r\n renderCell(audio, i) {\r\n const { musicPlay, playMusic, labels } = this.props;\r\n audio.playing =\r\n !!musicPlay && musicPlay.id === audio.id && !!musicPlay.playing;\r\n\r\n const dispatch = {\r\n labels,\r\n playMusic,\r\n clickFavorite: this.clickFavorite.bind(this),\r\n addCart: this.showCarPopup.bind(this),\r\n };\r\n console.log(audio, dispatch)\r\n if (this.idFavoritePage()) {\r\n return\r\n
\r\n );\r\n }\r\n if (!labels) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n if (!audios || !audios.length) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n return (\r\n 没有音乐
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MusicTable);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n style: PropTypes.array,\r\n };\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"style\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const style=checkTiao(\"style\",tiao)\r\n let val = e.target.id;\r\n if (style == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"style\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const style = tiao.style;\r\n return (\r\n \r\n {/**搜索页的显示跳十页 */}\r\n
\r\n {/* \r\n `/${Math.ceil(total / 10)} 页`}\r\n showQuickJumper\r\n />\r\n
\r\n / {Math.ceil(pagination.total / 10)} 页
*/}\r\n \r\n \r\n 风格\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n checkboxes: [],\r\n };\r\n }\r\n static propTypes = {\r\n show: PropTypes.string.isRequired,\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleResetClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n instrument: PropTypes.array,\r\n loading: PropTypes.bool.isRequired,\r\n };\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"instruments\");\r\n };\r\n onChange(e) {\r\n if (e.target.checked) {\r\n let checks = this.state.checkboxes;\r\n checks.push(e.target.value);\r\n this.setState({\r\n checkboxes: checks,\r\n });\r\n } else {\r\n let checks = this.state.checkboxes;\r\n for (let i = 0; i < this.state.checkboxes.length; i++) {\r\n const element = this.state.checkboxes[i];\r\n if (e.target.value == element) {\r\n checks.splice(i, 1);\r\n this.setState({\r\n checkboxes: checks,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n UNSAFE_componentWillReceiveProps (){\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const instrument=checkTiao(\"instrument\",tiao)\r\n let arry = [];\r\n if (instrument) {\r\n arry = instrument.split(\",\");\r\n }\r\n this.setState({\r\n checkboxes: arry,\r\n });\r\n }\r\n componentDidMount() {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const instrument=checkTiao(\"instrument\",tiao)\r\n let arry = [];\r\n if (instrument) {\r\n arry = instrument.split(\",\");\r\n }\r\n this.setState({\r\n checkboxes: arry,\r\n });\r\n }\r\n handleSearchClick(val) {\r\n const { handleSearchClick } = this.props;\r\n\r\n handleSearchClick(\"instrument\", this.state.checkboxes.toString());\r\n }\r\n handleResetClick = e => {\r\n this.setState({\r\n checkboxes: [],\r\n });\r\n const { handleResetClick } = this.props;\r\n handleResetClick(\"instrument\");\r\n };\r\n renderCell(record) {\r\n const check = this.state.checkboxes;\r\n return (\r\n \r\n
\r\n - \r\n {styleData != null ? (\r\n styleData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n 乐器\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n checkboxes: [],\r\n };\r\n }\r\n static propTypes = {\r\n show: PropTypes.string.isRequired,\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleResetClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n emotion: PropTypes.array,\r\n loading: PropTypes.bool.isRequired,\r\n };\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"emotion\");\r\n };\r\n onChange(e) {\r\n if (e.target.checked) {\r\n let checks = this.state.checkboxes;\r\n checks.push(e.target.value);\r\n this.setState({\r\n checkboxes: checks,\r\n });\r\n } else {\r\n let checks = this.state.checkboxes;\r\n for (let i = 0; i < this.state.checkboxes.length; i++) {\r\n const element = this.state.checkboxes[i];\r\n if (e.target.value == element) {\r\n checks.splice(i, 1);\r\n this.setState({\r\n checkboxes: checks,\r\n });\r\n }\r\n }\r\n }\r\n }\r\n UNSAFE_componentWillReceiveProps (){\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const emotion=checkTiao(\"emotion\",tiao)\r\n let arry = [];\r\n if (emotion) {\r\n arry = emotion.split(\",\");\r\n }\r\n this.setState({\r\n checkboxes: arry,\r\n });\r\n }\r\n componentDidMount() {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const emotion=checkTiao(\"emotion\",tiao)\r\n let arry = [];\r\n if (emotion) {\r\n arry = emotion.split(\",\");\r\n }\r\n this.setState({\r\n checkboxes: arry,\r\n });\r\n }\r\n handleSearchClick(val) {\r\n const { handleSearchClick } = this.props;\r\n\r\n handleSearchClick(\"emotion\", this.state.checkboxes.toString());\r\n }\r\n handleResetClick = e => {\r\n this.setState({\r\n checkboxes: [],\r\n });\r\n const { handleResetClick } = this.props;\r\n handleResetClick(\"emotion\");\r\n };\r\n renderCell(record) {\r\n const check = this.state.checkboxes;\r\n return (\r\n \r\n
\r\n - \r\n {instrumentsData != null ? (\r\n instrumentsData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n
\r\n
\r\n \r\n 情绪\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n scene: PropTypes.array,\r\n };\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"scene\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const scene=checkTiao(\"scene\",tiao);\r\n let val = e.target.id;\r\n if (scene == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"scene\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const scenes = tiao.scene;\r\n return (\r\n \r\n \r\n {emotionData != null ? (\r\n emotionData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n
\r\n
\r\n \r\n 场景\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n duration: PropTypes.array,\r\n };\r\n\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"duration\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const duration=checkTiao(\"duration\",tiao);\r\n let val = e.target.id;\r\n if (duration == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"duration\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const lengths = tiao.duration;\r\n return (\r\n \r\n
\r\n - \r\n {sceneData != null ? (\r\n sceneData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n 长度\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\nconst queryString = require(\"query-string\");\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n area: PropTypes.array,\r\n };\r\n\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"area\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const area=checkTiao(\"area\",tiao)\r\n let val = e.target.id;\r\n if (area == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"area\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const lengths =checkTiao(\"area\",tiao);\r\n return (\r\n \r\n
\r\n - \r\n {lengthData != null ? (\r\n lengthData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n 地区\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n vocal: PropTypes.array,\r\n };\r\n\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"vocal\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const vocal=checkTiao(\"vocal\",tiao);\r\n let val = e.target.id;\r\n if (vocal == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"vocal\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const lengths = tiao.vocal;\r\n return (\r\n \r\n
\r\n - \r\n {lengthData != null ? (\r\n lengthData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n 人声\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./LeftItems.less\";\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nimport {checkTiao,noShowPage} from \"dispatch\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n handleSearchClick: PropTypes.func.isRequired,\r\n handleChangeClick: PropTypes.func.isRequired,\r\n show: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n speed: PropTypes.array,\r\n };\r\n\r\n handleChangeClick = e => {\r\n const { handleChangeClick } = this.props;\r\n handleChangeClick(\"speed\");\r\n };\r\n handleSearchClick(e) {\r\n const { handleSearchClick } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const speed=checkTiao(\"speed\",tiao);\r\n let val = e.target.id;\r\n if (speed == val) {\r\n val = \"\";\r\n }\r\n handleSearchClick(\"speed\", val);\r\n }\r\n renderCell(record) {\r\n const query = queryString.parse(this.props.location.search);\r\n const tiao =noShowPage.baseDecode(query.tiao);\r\n const lengths = tiao.speed;\r\n return (\r\n \r\n
\r\n - \r\n {lengthData != null ? (\r\n lengthData.map(this.renderCell.bind(this))\r\n ) : (\r\n
\r\n \r\n 速度\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Music;\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport {connect} from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport Loading from \"components/Loading\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"./Search.less\";\r\n\r\nconst mapStateToProps = state => ({\r\n labels: state.labels.labelsData,\r\n\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({});\r\n\r\nclass Tags extends React.Component {\r\n \r\n static propTypes = {\r\n search: PropTypes.object.isRequired,\r\n labels: PropTypes.object.isRequired,\r\n handleSearchClick:PropTypes.func.isRequired,\r\n handleResetClick:PropTypes.func.isRequired,\r\n };\r\n clearTag(id,key){\r\n const { handleSearchClick,search } = this.props;\r\n if (key =='instrument'||key =='emotion') {\r\n let value = (search[key] + \"\").split(\",\");\r\n for (let k = 0; k < value.length; k++) {\r\n if (id==value[k]) {\r\n value.splice(k,1);\r\n k--;\r\n }\r\n }\r\n handleSearchClick(key,value.toString());\r\n }else{\r\n handleSearchClick(key,'');\r\n }\r\n \r\n }\r\n tagHandleResetClick(){\r\n const { handleResetClick } = this.props;\r\n handleResetClick();\r\n }\r\n showTags() {\r\n const { labels,search} = this.props;\r\n let show = [];\r\n for (let key in search) {\r\n let value = (search[key] + \"\").split(\",\");\r\n if(labels[key]){\r\n for (let i = 0; i < labels[key].length; i++) {\r\n const element = labels[key][i];\r\n for (let k = 0; k < value.length; k++) {\r\n const val = value[k];\r\n if (element.id == val) {\r\n show.push( \r\n
\r\n - \r\n {lengthData != null ? (\r\n lengthData.map(this.renderCell.bind(this))\r\n ) : (\r\n
![](\"/assets/img/cancle.png\"/)
\r\n \r\n );\r\n }else if(show.length>0){\r\n show.push(
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Tags);\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n MUSIC_SEARCH_LABEL_LOAD,\r\n MUSIC_SEARCH,\r\n MUSIC_SEARCH_PAGE_UNLOAD,\r\n MUSIC_SEARCH_LEFT,\r\n MUSIC_SEARCH_LABEL_LOAD_All,\r\n SHOW_TORT_POPUP,\r\n} from \"constants/actionTypes\";\r\nimport { Input } from \"antd\";\r\nimport agent from \"agent\";\r\nimport MusicTable from \"components/Music/comps/MusicTable\";\r\nimport MusicStyle from \"components/Music/LeftItems/Style\";\r\nimport MusicInstruments from \"components/Music/LeftItems/Instruments\";\r\nimport MusicEmotion from \"components/Music/LeftItems/Emotion\";\r\nimport MusicScene from \"components/Music/LeftItems/Scene\";\r\nimport MusicLength from \"components/Music/LeftItems/Length\";\r\nimport MusicArea from \"components/Music/LeftItems/Area\";\r\nimport MusicVocal from \"components/Music/LeftItems/Vocal\";\r\nimport MusicSpeed from \"components/Music/LeftItems/Speed\";\r\nimport Loading from \"components/Loading\";\r\nimport { redirectTo, noShowPage } from \"dispatch\";\r\n\r\nimport Tags from \"components/Music/Tags\";\r\nimport \"./Search.less\";\r\nconst queryString = require(\"query-string\");\r\nconst jquery = require(\"jquery\");\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.musicSearch,\r\n pagination: state.musicTable.pagination,\r\n labelsData: state.labels.labelsData,\r\n labelsDataAll: state.labels.labelsDataAll,\r\n});\r\n\r\nlet tags = {};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadSearch: (pager, payload) => {\r\n return dispatch({ type: MUSIC_SEARCH, pager, payload });\r\n },\r\n unLoadSearch: () => {\r\n return dispatch({ type: MUSIC_SEARCH_PAGE_UNLOAD });\r\n },\r\n changeStatus: changes => {\r\n return dispatch({ type: MUSIC_SEARCH_LEFT, changes });\r\n },\r\n loadLabel: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD,\r\n payload: agent.Music.searchLabels(),\r\n });\r\n },\r\n loadLabelAll: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_All,\r\n payload: agent.Music.searchLabelAlls(),\r\n });\r\n },\r\n showTortPopup: isTortShow => {\r\n return dispatch({ type: SHOW_TORT_POPUP, isTortShow });\r\n },\r\n});\r\n\r\nclass Search extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n show: \"style\",\r\n keyword: \"\",\r\n stringified: \"--\",\r\n tag: {},\r\n subscribe: \"\",\r\n checkedVip: false,\r\n checkedFree: false,\r\n checkedMaterial: props.location.pathname === '/music/material' ? true : false\r\n };\r\n }\r\n static propTypes = {\r\n isTortShow: PropTypes.shape({\r\n tortShow: PropTypes.bool.isRequired,\r\n }),\r\n loadSearch: PropTypes.func.isRequired,\r\n unLoadSearch: PropTypes.func.isRequired,\r\n changeStatus: PropTypes.func.isRequired,\r\n location: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n total: PropTypes.number.isRequired,\r\n showTortPopup: PropTypes.func.isRequired,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unLoadSearch();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadLabel();\r\n this.props.loadLabelAll();\r\n const query = queryString.parse(this.props.location.search);\r\n if (!this.state.keyword && query.keyword) {\r\n this.setState({ keyword: query.keyword });\r\n }\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n const { location, pagination, loadSearch } = nextProps;\r\n const query = queryString.parse(location.search);\r\n let qu = {};\r\n if (query) {\r\n qu = noShowPage.baseDecode(query.tiao);\r\n }\r\n tags = {\r\n ...qu,\r\n }\r\n const page = qu && qu.page ? qu.page : 1;\r\n const params = {\r\n ...query,\r\n subscribe: prevState.subscribe,\r\n keyword: prevState.keyword,\r\n page,\r\n };\r\n if (location.pathname === '/music/material') {\r\n params.subscribe = 'material'\r\n }\r\n // delete query.page;\r\n const stringified = queryString.stringify(query);\r\n if (prevState.stringified != stringified) {\r\n const pager = { ...pagination };\r\n pager.current = parseInt(page);\r\n params.size = pagination.pageSize;\r\n loadSearch(pager, agent.Music.search(params));\r\n }\r\n return { stringified };\r\n }\r\n loadData(pager, params) {\r\n // do not\r\n }\r\n\r\n handleKeywordSubmit = e => {\r\n e.preventDefault(); \r\n this.handleSearchClick(\"keyword\", this.state.keyword);\r\n //埋点 用户搜索关键词提交到后台 \r\n jquery.ajax({\r\n url:agent.getApiUrl()+'/userdata/inssearchkw',\r\n data:{\"keyword\":this.state.keyword},\r\n success:function(data){\r\n console.log(JSON.stringify(data));\r\n console.log(\"搜索成功\");\r\n },\r\n error:function(err){\r\n console.log(\"搜索错误 \"+err);\r\n }\r\n });\r\n };\r\n handleSearchClick(search, value) {\r\n const { match } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n let tiao = noShowPage.baseDecode(query.tiao);\r\n const params = {\r\n ...tiao,\r\n page: 1,\r\n };\r\n params[search] = value;\r\n const stringTiao = {\r\n tiao: noShowPage.baseEecode(params),\r\n }\r\n const stringified = queryString.stringify(stringTiao);\r\n //搜索关键词保存到服务器\r\n redirectTo({\r\n pathname: match.url,\r\n search: `?${stringified}`,\r\n });\r\n }\r\n handleResetClick(search) {\r\n this.handleSearchClick(\"subscribe\", this.state.subscribe);\r\n }\r\n handleChangeClick(show) {\r\n window.scrollTo(0, 0);\r\n if (this.state.show == show) {\r\n this.setState({\r\n show: \"\",\r\n });\r\n } else {\r\n this.setState({\r\n show: show,\r\n });\r\n }\r\n }\r\n handleKeywordChange = e => {\r\n this.setState({ keyword: e.target.value });\r\n };\r\n handleCheckBoxChange = e => {\r\n let subscribe = \"\";\r\n\r\n if (e.target.checked) {\r\n if (e.target.value == \"vip\") {\r\n subscribe = \"subscribe\" \r\n }else if (e.target.value == \"free\") {\r\n subscribe = \"free\" \r\n }else {\r\n subscribe = \"material\" \r\n }\r\n this.setState({\r\n checkedVip:e.target.value == \"vip\" ? e.target.checked : !e.target.checked,\r\n checkedFree:e.target.value == \"free\" ? e.target.checked : !e.target.checked,\r\n checkedMaterial:e.target.value == \"material\" ? e.target.checked : !e.target.checked,\r\n subscribe: \"subscribe\",\r\n })\r\n } else {\r\n subscribe = \"\";\r\n this.setState({\r\n checkedVip:false,\r\n checkedFree:false,\r\n checkedMaterial: false,\r\n subscribe: \"\"\r\n })\r\n }\r\n this.handleSearchClick(\"subscribe\", subscribe);\r\n }\r\n callBackTort() {\r\n const { isTortShow, showTortPopup } = this.props;\r\n const send = {\r\n ...isTortShow,\r\n tortShow: true,\r\n };\r\n showTortPopup(send);\r\n }\r\n render() {\r\n const { location, match, labelsData } = this.props;\r\n const { show, keyword } = this.state;\r\n const labelProps = {\r\n handleSearchClick: this.handleSearchClick.bind(this),\r\n handleResetClick: this.handleSearchClick.bind(this),\r\n handleChangeClick: this.handleChangeClick.bind(this),\r\n show: show,\r\n ...labelsData,\r\n };\r\n\r\n\r\n var tmpstr=document.location.toString(); \r\n \r\n tmpstr=tmpstr.split(\"?\");\r\n var source={source:0}; \r\n \r\n if(tmpstr.length>1)\r\n {\r\n var param=tmpstr[1]; \r\n source.source=param.split(\"=\")[1];\r\n sessionStorage.setItem(\"source\",param.split(\"=\")[1]); \r\n if(tmpstr[1].indexOf(\"source=ip\")>-1) \r\n {\r\n sessionStorage.setItem(\"source\",\"ip\");\r\n console.log(\"来自IP\");\r\n }\r\n \r\n } \r\n\r\n\r\n if (!labelsData) {\r\n\r\n return (\r\n - \r\n {this.showTags()}\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Search);\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport {\r\n MUSIC_SEARCH_LABEL_LOAD,\r\n MUSIC_SEARCH,\r\n MUSIC_SEARCH_PAGE_UNLOAD,\r\n MUSIC_SEARCH_LEFT,\r\n MUSIC_SEARCH_LABEL_LOAD_All,\r\n SHOW_TORT_POPUP,\r\n} from \"constants/actionTypes\";\r\nimport { Input } from \"antd\";\r\nimport agent from \"agent\";\r\nimport MusicTable from \"components/Music/comps/MusicTable\";\r\nimport MusicStyle from \"components/Music/LeftItems/Style\";\r\nimport MusicInstruments from \"components/Music/LeftItems/Instruments\";\r\nimport MusicEmotion from \"components/Music/LeftItems/Emotion\";\r\nimport MusicScene from \"components/Music/LeftItems/Scene\";\r\nimport MusicLength from \"components/Music/LeftItems/Length\";\r\nimport MusicArea from \"components/Music/LeftItems/Area\";\r\nimport MusicVocal from \"components/Music/LeftItems/Vocal\";\r\nimport MusicSpeed from \"components/Music/LeftItems/Speed\";\r\nimport Loading from \"components/Loading\";\r\nimport { redirectTo, noShowPage } from \"dispatch\";\r\n\r\nimport Tags from \"components/Music/Tags\";\r\nimport \"./Search.less\";\r\nconst queryString = require(\"query-string\");\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.musicSearch,\r\n pagination: state.musicTable.pagination,\r\n labelsData: state.labels.labelsData,\r\n labelsDataAll: state.labels.labelsDataAll,\r\n});\r\n\r\nlet tags = {};\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadSearch: (pager, payload) => {\r\n return dispatch({ type: MUSIC_SEARCH, pager, payload });\r\n },\r\n unLoadSearch: () => {\r\n return dispatch({ type: MUSIC_SEARCH_PAGE_UNLOAD });\r\n },\r\n changeStatus: changes => {\r\n return dispatch({ type: MUSIC_SEARCH_LEFT, changes });\r\n },\r\n loadLabel: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD,\r\n payload: agent.Music.searchLabels(),\r\n });\r\n },\r\n loadLabelAll: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_All,\r\n payload: agent.Music.searchLabelAlls(),\r\n });\r\n },\r\n showTortPopup: isTortShow => {\r\n return dispatch({ type: SHOW_TORT_POPUP, isTortShow });\r\n },\r\n});\r\n\r\nclass Search extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n show: \"style\",\r\n keyword: \"\",\r\n stringified: \"--\",\r\n tag: {},\r\n subscribe: \"\",\r\n checkedVip: false,\r\n checkedFree: false,\r\n checkedMaterial: props.location.pathname === '/music/material' ? true : false\r\n };\r\n console.log('props.location.pathname', props.location.pathname === '/music/material');\r\n }\r\n static propTypes = {\r\n isTortShow: PropTypes.shape({\r\n tortShow: PropTypes.bool.isRequired,\r\n }),\r\n loadSearch: PropTypes.func.isRequired,\r\n unLoadSearch: PropTypes.func.isRequired,\r\n changeStatus: PropTypes.func.isRequired,\r\n location: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n total: PropTypes.number.isRequired,\r\n showTortPopup: PropTypes.func.isRequired,\r\n };\r\n componentWillUnmount() {\r\n this.props.unLoadSearch();\r\n }\r\n\r\n componentDidMount() {\r\n this.props.loadLabel();\r\n this.props.loadLabelAll();\r\n const query = queryString.parse(this.props.location.search);\r\n if (!this.state.keyword && query.keyword) {\r\n this.setState({ keyword: query.keyword });\r\n }\r\n }\r\n componentDidUpdate() {\r\n console.log('33333', this.props.location.query);\r\n // const isMaterialSearch = JSON.parse(window.localStorage.getItem('search'))\r\n // if (isMaterialSearch == true) {\r\n // this.setState({\r\n // checkedMaterial: true\r\n // })\r\n // window.localStorage.setItem('search', JSON.stringify(false))\r\n // }\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n const { location, pagination, loadSearch } = nextProps;\r\n const query = queryString.parse(location.search);\r\n let qu = {};\r\n if (query) {\r\n qu = noShowPage.baseDecode(query.tiao);\r\n }\r\n tags = {\r\n ...qu,\r\n }\r\n const page = qu && qu.page ? qu.page : 1;\r\n const params = {\r\n ...query,\r\n subscribe: prevState.subscribe,\r\n keyword: prevState.keyword,\r\n page,\r\n };\r\n if (location.pathname === '/music/material') {\r\n params.subscribe = 'material'\r\n }\r\n console.log('getDerivedStateFromProps', nextProps.location, prevState);\r\n // delete query.page;\r\n const stringified = queryString.stringify(query);\r\n if (prevState.stringified != stringified) {\r\n const pager = { ...pagination };\r\n pager.current = parseInt(page);\r\n params.size = pagination.pageSize;\r\n loadSearch(pager, agent.Music.search(params));\r\n }\r\n return { stringified };\r\n }\r\n loadData(pager, params) {\r\n // do not\r\n }\r\n\r\n handleKeywordSubmit = e => {\r\n e.preventDefault();\r\n this.handleSearchClick(\"keyword\", this.state.keyword);\r\n };\r\n handleSearchClick(search, value) {\r\n const { match } = this.props;\r\n const query = queryString.parse(this.props.location.search);\r\n let tiao = noShowPage.baseDecode(query.tiao);\r\n const params = {\r\n ...tiao,\r\n page: 1,\r\n };\r\n params[search] = value;\r\n const stringTiao = {\r\n tiao: noShowPage.baseEecode(params),\r\n }\r\n const stringified = queryString.stringify(stringTiao);\r\n \r\n redirectTo({\r\n pathname: match.url,\r\n search: `?${stringified}`,\r\n });\r\n }\r\n handleResetClick(search) {\r\n this.handleSearchClick(\"subscribe\", this.state.subscribe);\r\n }\r\n handleChangeClick(show) {\r\n window.scrollTo(0, 0);\r\n if (this.state.show == show) {\r\n this.setState({\r\n show: \"\",\r\n });\r\n } else {\r\n this.setState({\r\n show: show,\r\n });\r\n }\r\n }\r\n handleKeywordChange = e => {\r\n this.setState({ keyword: e.target.value });\r\n };\r\n handleCheckBoxChange = e => {\r\n let subscribe = \"\";\r\n\r\n if (e.target.checked) {\r\n if (e.target.value == \"vip\") {\r\n subscribe = \"subscribe\" \r\n }else if (e.target.value == \"free\") {\r\n subscribe = \"free\" \r\n }else {\r\n subscribe = \"material\" \r\n }\r\n this.setState({\r\n checkedVip:e.target.value == \"vip\" ? e.target.checked : !e.target.checked,\r\n checkedFree:e.target.value == \"free\" ? e.target.checked : !e.target.checked,\r\n checkedMaterial:e.target.value == \"material\" ? e.target.checked : !e.target.checked,\r\n subscribe: \"subscribe\",\r\n })\r\n } else {\r\n subscribe = \"\";\r\n this.setState({\r\n checkedVip:false,\r\n checkedFree:false,\r\n checkedMaterial: false,\r\n subscribe: \"\"\r\n })\r\n }\r\n this.handleSearchClick(\"subscribe\", subscribe);\r\n }\r\n callBackTort() {\r\n const { isTortShow, showTortPopup } = this.props;\r\n const send = {\r\n ...isTortShow,\r\n tortShow: true,\r\n };\r\n showTortPopup(send);\r\n }\r\n render() {\r\n const { location, match, labelsData } = this.props;\r\n const { show, keyword } = this.state;\r\n const labelProps = {\r\n handleSearchClick: this.handleSearchClick.bind(this),\r\n handleResetClick: this.handleSearchClick.bind(this),\r\n handleChangeClick: this.handleChangeClick.bind(this),\r\n show: show,\r\n ...labelsData,\r\n };\r\n // console.log('pathname', location.pathname);\r\n // if (location.pathname === '/music/material') {\r\n // if (this.state.checkedMaterial == false) {\r\n // this.setState({\r\n // checkedMaterial: true,\r\n // subscribe: \"material\"\r\n // })\r\n // this.handleSearchClick(\"subscribe\", this.state.subscribe);\r\n // }\r\n // }else {\r\n // if (this.state.checkedMaterial == true) {\r\n // this.setState({\r\n // checkedMaterial: false,\r\n // subscribe: \"\"\r\n // })\r\n // this.handleSearchClick(\"subscribe\", this.state.subscribe);\r\n // }\r\n // }\r\n if (!labelsData) {\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 标签\r\n 搜索\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n 优惠折扣
\r\n- \r\n
- \r\n \r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Search);\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport {connect} from \"react-redux\";\r\n// import PropTypes from \"prop-types\";\r\nimport {Layout} from \"antd\";\r\nimport Loading from \"../Loading\";\r\n\r\nconst {Content} = Layout;\r\n\r\nconst mapStateToProps = state => ({...state.musicTopicAll});\r\n\r\nconst mapDispatchToProps = dispatch => ({});\r\n\r\nclass TopicAll extends React.Component {\r\n static propTypes = {\r\n // redirectTo: PropTypes.string,\r\n // appName: PropTypes.string.isRequired,\r\n // appLoaded: PropTypes.bool,\r\n // onRedirect: PropTypes.func.isRequired,\r\n // linkTo: PropTypes.func.isRequired\r\n };\r\n state = {\r\n loading: true,\r\n topicall: \"\"\r\n };\r\n\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n let loading = false;\r\n const param = nextProps.match.params.topicall;\r\n if (prevState.topicall != param) {\r\n // TODO: send loading\r\n loading = true;\r\n }\r\n return {topicall: param, loading};\r\n }\r\n\r\n id = 0;\r\n componentWillUnmount() {\r\n clearTimeout(this.id);\r\n }\r\n play() {\r\n console.info(111);\r\n }\r\n render() {\r\n if (this.state.loading) {\r\n clearTimeout(this.id);\r\n this.id = setTimeout(\r\n (() => {\r\n this.setState(state => {\r\n state.loading = false;\r\n return state;\r\n });\r\n }).bind(this),\r\n 500\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 标签\r\n 搜索\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n 优惠折扣
\r\n- \r\n
- \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n const {\r\n id,\r\n audioid,\r\n thumb,\r\n title,\r\n description,\r\n duration,\r\n like,\r\n likeUpdate,\r\n creatorInfo,\r\n inverted_condition: inverted,\r\n speed,\r\n composer,\r\n minprice,\r\n api_id,\r\n author,\r\n } = musiconeData;\r\n const { conditions } = this.state;\r\n const inverted_condition = { ...inverted };\r\n let speedNum = \"\";\r\n if (speed != \"\") {\r\n if (conditions.speed[speed].id > 0) {\r\n speedNum = conditions.speed[speed].title;\r\n } else {\r\n speedNum = \"\";\r\n }\r\n }\r\n console.log(speedNum)\r\n if (Object.keys(conditions).length) {\r\n for (const [key, value] of Object.entries(inverted_condition)) {\r\n if (value === 0) continue;\r\n\r\n const condition = conditions[key];\r\n const data = value.split(\",\").map(val => {\r\n if (condition[val]) {\r\n return condition[val].title;\r\n }\r\n return \"\";\r\n });\r\n inverted_condition[key] = data.join(\" \");\r\n }\r\n }\r\n let playing = false;\r\n if (musicPlay && musicPlay.audioid == audioid) {\r\n playing = musicPlay.playing;\r\n }\r\n musiconeData.playing = playing;\r\n const playClass = \"playBtn \" + (playing ? \"is-play\" : \"is-pause\");\r\n const urls = \"url(\" + agent.getApiUrl(thumb) + \")\";\r\n const pre = 99;\r\n const vImg = author.userid == 'IVKPCCUGYVS317TCF32BC7BE385C027F' || author.userid == 'WCIRSZ7MUOMGZ4RUE1A728276B7BD15B' || author.userid == 'XBNTVMZD2KVJ5FRK81027164D4516A4C' ? true : false;\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n {title + ' ' + creatorInfo.nickname + ' ｜ musiness商用版权音乐授权网站|奕颗贝壳，轻音乐纯音乐、影视/广告/游戏配乐、罐头音乐，BGM素材购买网站'} \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MusicOne);\r\n","import React from \"react\";\r\nimport {Route, Switch} from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport Search from \"./Search\";\r\nimport Search1 from \"./Search1\";\r\nimport TopicAll from \"./TopicAll\";\r\nimport TopicOne from \"./TopicOne\";\r\nimport MusicOne from \"./MusicOne\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired\r\n };\r\n render() {\r\n const {match} = this.props;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {HtmlUtil.htmlDecode(title)}
\r\n\r\n {!(creatorInfo && creatorInfo.status == 'normal') ? by {HtmlUtil.htmlDecode(creatorInfo ? creatorInfo.nickname : composer)} : \r\n by {HtmlUtil.htmlDecode(creatorInfo.nickname)}\r\n }\r\n
\r\n\r\n
\r\n\r\n \r\n ![](\"/assets/img/sub_v.png\")
: \"\"}\r\n
\r\n \r\n {/* */}\r\n
\r\n {vImg ? \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n {vImg ? : \"\"}\r\n
{!(creatorInfo && creatorInfo.status == 'normal') ? by {HtmlUtil.htmlDecode(creatorInfo ? creatorInfo.nickname : composer)} : \r\n by {HtmlUtil.htmlDecode(creatorInfo.nickname)}}\r\n
\r\n\r\n ¥{!api_id ? minprice : pre}\r\n
\r\n \r\n
\r\n\r\n {showTime(duration)}
\r\n\r\n
\r\n - \r\n
- \r\n
- \r\n \r\n 分享\r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n
\r\n \r\n
\r\n
\r\n\r\n {description}
\r\n\r\n
\r\n 详情
\r\n\r\n
\r\n \r\n
\r\n - \r\n
- 风格 \r\n
- {inverted_condition[\"style\"]} \r\n
\r\n
\r\n - \r\n
- 情绪 \r\n
- {inverted_condition[\"emotion\"]} \r\n
\r\n
\r\n - \r\n
- 速度 \r\n
- {speedNum} \r\n
\r\n
\r\n - \r\n
- 乐器 \r\n
- {inverted_condition[\"instrument\"]} \r\n
\r\n
\r\n\r\n \r\n 相似音乐
\r\n![\"\"](\"/assets/img/bnr_dmy_2.jpg\")
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(Order);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport {Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport OrderOne from \"./OrderOne\";\r\n\r\nimport \"./Order.less\";\r\n\r\nclass Music extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n const { match } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n 结账
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n 选择音乐＞\r\n 填写信息\r\n ＞支付授权＞下载音乐\r\n
\r\n\r\n
\r\n \r\n {this.renderFrom()}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 订单已提交！
\r\n 订单号：{orderoneData.orderid}
\r\n \r\n \r\n \r\n
\r\n \r\n 收款账号信息如下：
\r\n \r\n
\r\n \r\n
\r\n 币种
\r\n 金额
\r\n 银行卡信息
\r\n \r\n
\r\n - \r\n
- \r\n 人民币\r\n{orderoneData.price/100}\r\n\r\n\r\n户名：上海小仙虎文化传媒有限公司\r\n开户行：中国工商银行股份有限公司上海市上外支行\r\n账号：1001274409300013770\r\n \r\n
- \r\n 台币\r\n{orderoneData.price/100*4.5}\r\n\r\n\r\n户名：啟動音樂文創有限公司\r\n开户行：上海商業儲蓄銀行（世貿分行）\r\n账号：43102000032270\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Purchase);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Loading from \"../Loading\";\r\nimport agent from \"agent\";\r\nimport { producerStatus } from \"config/producerStatus\";\r\nimport { SHOW_POPUP } from \"constants/actionTypes\"; \r\nimport { loadCurrentUser, redirectTo, noise } from \"dispatch\";\r\nimport { Tooltip } from \"antd\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.userMypage,\r\n ...state.updatePassword,\r\n userLogin: state.app.userLogin,\r\n});\r\nconst text=\r\n \r\n \r\n
\r\n 购买完成
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n 返回音乐页\r\n \r\n
\r\n\r\n
\r\n
\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n showUpdatePopup: isShow => {\r\n return dispatch({ type: SHOW_POPUP, isShow });\r\n },\r\n});\r\nclass Mypage extends React.Component {\r\n static propTypes = {\r\n isShow: PropTypes.shape({\r\n show: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n showUpdatePopup: PropTypes.func.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n };\r\n static defaultProps = {\r\n isShow: {\r\n show: false,\r\n },\r\n };\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.loading && !nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n copyurl=async()=>{ \r\n var clipboard=await navigator.clipboard;\r\n const {currentUser } = this.props;\r\n var url=location.host+\"/register?reference=\"+currentUser.userid;\r\n await clipboard.writeText(url)\r\n window.alert(\"分享链接已复制到剪切板，请粘贴发送给目标用户\"); \r\n };\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n loadCurrentUser();\r\n }\r\n handleUpdateClick() {\r\n const { isShow, showUpdatePopup } = this.props;\r\n const send = {\r\n ...isShow,\r\n show: true,\r\n };\r\n showUpdatePopup(send);\r\n }\r\n noise() {\r\n noise();\r\n }\r\n\r\n //会员显示\r\n renderChannelCell = e => {\r\n const {currentUser } = this.props;\r\n const sty=currentUser.is_member==0?{display:\"none\"}:{display:\"block\"};\r\n let member=\"会员已过期\";\r\n if (currentUser.is_member==11) {\r\n member=\"青铜会员(月)\";\r\n }else if (currentUser.is_member==12) {\r\n member=\"青铜会员(季)\";\r\n }else if (currentUser.is_member==13) {\r\n member=\"青铜会员(年)\";\r\n }else if (currentUser.is_member==21) {\r\n member=\"黄金会员(月)\";\r\n }else if (currentUser.is_member==22) {\r\n member=\"黄金会员(季)\";\r\n }else if (currentUser.is_member==23) {\r\n member=\"黄金会员(年)\";\r\n }\r\n \r\n const star=currentUser.member_end==currentUser.month_end?{display:\"none\"}:{display:\"block\"};\r\n if (currentUser.is_member==3) {\r\n return (通过您的分享链接在MUSINESS平台成功注册的用户，将自动获得5首黄金会员曲库内音乐的兑换权益。每注册一位用户，您将获得2首黄金会员曲库内音乐的兑换权益。快分享您的链接吧！
\r\n
);\r\n }\r\n return (\r\n
\r\n 会员类型：{member}
\r\n 会员到期：{currentUser.member_end}
\r\n 立即续订会员
\r\n \r\n
\r\n \r\n ![](\"/assets/img/star4-01.png\"/)
您的次月会员权益将于{currentUser.month_end}发放，如本月权益未使用完毕，视为过期作废。\r\n
\r\n 本月权益
\r\n \r\n
\r\n \r\n
\r\n ![](\"/assets/img/m3-01.png\"/)
{currentUser.use_num}
\r\n
\r\n ![](\"/assets/img/m3_OFF.png\"/)
20%
您的次月会员权益将于{currentUser.month_end}发放，如本月权益未使用完毕，视为过期作废。\r\n
);\r\n }\r\n render() {\r\n const { loading, currentUser } = this.props;\r\n if (!currentUser) {\r\n return null;\r\n }\r\n const isProducer = producerStatus.isProducer(currentUser.producer);\r\n const ur=currentUser.avatar?agent.getApiUrl(currentUser.avatar):\"/assets/img/img_avatar2.jpg\"\r\n const sty=currentUser.is_member==0?{display:\"none\"}:{display:\"block\"};\r\n const img_sty=currentUser.is_member==0?{height: \"150px\", width: \"150px\",margin: \"auto\"}:{height: \"170px\", width: \"170px\",margin: \"auto\"};\r\n return (\r\n \r\n
\r\n 会员类型：{member}
\r\n 会员到期：{currentUser.member_end}
\r\n 可购买歌曲数量：5首/月免费购买下载
\r\n \r\n
\r\n \r\n ![](\"/assets/img/hongxing.png\"/)
您的次月会员权益将于{currentUser.month_end}发放，如本月权益未使用完毕，视为过期作废。\r\n
\r\n 本月权益
\r\n \r\n
\r\n \r\n
\r\n ![](\"/assets/img/mime3-01.png\"/)
{currentUser.use_num}
\r\n
\r\n ![](\"/assets/img/mine3_OFF.png\"/)
20%
您的次月会员权益将于{currentUser.month_end}发放，如本月权益未使用完毕，视为过期作废。\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Mypage);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Layout } from \"antd\";\r\nimport Loading from \"../Loading\";\r\nimport { redirectTo } from \"dispatch\";\r\n\r\n// import {ORDER_CREATE_PURCHASE} from \"constants/actionTypes\";\r\n\r\nconst { Content } = Layout;\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.userPurchaseOne,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({});\r\n\r\nclass PurchaseOne extends React.Component {\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n };\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.loading && !nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n //\r\n }\r\n\r\n render() {\r\n const { loading, currentUser } = this.props;\r\n if (loading) {\r\n return (\r\n \r\n \r\n \r\n
\r\n 个人中心
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n {currentUser.is_member==3?![](\"/assets/img/v3-16.png\"/)
:![](\"/assets/img/coinV3-16.png\"/)
}\r\n
\r\n :}\r\n \r\n {currentUser.nickname}\r\n
\r\n \r\n {this.renderChannelCell()}\r\n
\r\n \r\n
\r\n - \r\n
- \r\n
- \r\n
- \r\n
- \r\n \r\n 懒人推荐记录\r\n \r\n */}\r\n {/*
- */}\r\n
- \r\n
- \r\n
- \r\n
- */}\r\n
- \r\n {isProducer ? (\r\n
- \r\n \r\n 分享链接 \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
- \r\n
- \r\n \r\n 重新生成音频文件\r\n \r\n \r\n
PurchaseOne
\r\n \r\n
\r\n );\r\n }\r\n back(e){\r\n redirectTo(\"/user/mypage\");\r\n }\r\n render() {\r\n const {\r\n loading,\r\n currentUser,\r\n pagination,\r\n infos\r\n } = this.props;\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n {moment(item.create_time).format(\"YYYY/MM/DD\")}\r\n
\r\n购买"懒人推荐"歌曲 {item.music_number}曲
\r\n价格¥ {item.total/100}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Customized);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Layout, Avatar } from \"antd\";\r\nimport Loading from \"../Loading\";\r\nimport { CURRENT_USER } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport { redirectTo } from \"dispatch\";\r\n\r\nconst { Content } = Layout;\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.userProfile,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadCurrentUser: () =>\r\n dispatch({ type: CURRENT_USER, payload: agent.Auth.current() }),\r\n});\r\n\r\nclass Profile extends React.Component {\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n loadCurrentUser: PropTypes.func.isRequired,\r\n userLogin: PropTypes.bool.isRequired,\r\n };\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.loading && !nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { loadCurrentUser, userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user again\r\n loadCurrentUser();\r\n }\r\n\r\n componentWillUnmount() {\r\n //\r\n }\r\n\r\n render() {\r\n const { loading, currentUser } = this.props;\r\n if (!currentUser && loading) {\r\n return (\r\n \r\n \r\n \r\n
\r\n 懒人推荐记录
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n \r\n \r\n
\r\n {infos.map(\r\n this.renderCell.bind(this)\r\n )}\r\n
\r\n \r\n
\r\n Profile
\r\n {JSON.stringify(currentUser)}
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Layout, Form, Input, Button, Upload, message } from \"antd\";\r\nimport Loading from \"../Loading\";\r\nimport { CAPTCHA_UPDATE_INFO, UPDATEINFO ,UPDATEINFO_PAGE_UNLOADED} from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport { redirectTo ,HtmlUtil} from \"dispatch\";\r\nimport Image from \"components/Common/Image\";\r\nimport ClassCropperModal from 'components/ClassCropperModal/ClassCropperModal';\r\n\r\n\r\n//const MAX_FILE_SIZE = 5 * 1024 * 1024 // 文件最大限制为5M\r\nconst { Content } = Layout;\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.updateInfo,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: ({ phone, email, captcha, avatar, nickname, weibo, info }, callback) =>\r\n dispatch({\r\n type: UPDATEINFO,\r\n payload: agent.User.userUpdateInfo({\r\n phone,\r\n email,\r\n captcha,\r\n avatar,\r\n nickname,\r\n weibo,\r\n p_description: info,\r\n }),\r\n callback,\r\n }),\r\n onClick: (email, done) => dispatch({ type: CAPTCHA_UPDATE_INFO, payload: agent.Captcha.create(email), done }),\r\n onUnload: () => dispatch({ type: UPDATEINFO_PAGE_UNLOADED }),\r\n});\r\n\r\nfunction getBase64(file) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = error => reject(error);\r\n });\r\n}\r\n\r\nfunction beforeUpload(file) {\r\n // const isJPG = file.type === \"image/png\";\r\n // if (!isJPG) {\r\n // message.error(\"You can only upload JPG file!\");\r\n // }\r\n const isLt2M = file.size / 1024 / 1024 < 2;\r\n if (!isLt2M) {\r\n message.error(\"照片大小必须小于2MB\");\r\n }\r\n return false;\r\n}\r\nclass UpdateInfo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n classModalVisible: false,\r\n loading: false,\r\n classModalFile: null,\r\n classResultImgUrl: null,\r\n uploadModalFile: null,\r\n }\r\n }\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n onUnload: PropTypes.func.isRequired,\r\n form: PropTypes.object,\r\n onClick: PropTypes.func.isRequired,\r\n onSubmit: PropTypes.func.isRequired,\r\n errors: PropTypes.array,\r\n // location: PropTypes.object.isRequired,\r\n // match: PropTypes.object.isRequired\r\n };\r\n state = {\r\n captchaDisabled: false,\r\n captchaLock: -1,\r\n };\r\n handleChange = info => {\r\n if (info.file.status === \"uploading\") {\r\n this.setState({ loading: true });\r\n return;\r\n } //if (info.file.status === \"done\")\r\n else {\r\n // Get this url from response in real world.\r\n getBase64(info.file).then(imageUrl => {\r\n this.setState({\r\n imageUrl,\r\n loading: false,\r\n });\r\n });\r\n }\r\n };\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.onUnload();\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n if (this.props.errors !== prevProps.errors) {\r\n this.showFormItemServerError();\r\n }\r\n \r\n }\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n if (!errors) {\r\n const { captchaDisabled } = this.state;\r\n if (captchaDisabled) {\r\n return;\r\n }\r\n this.setState({ captchaDisabled: true });\r\n \r\n let lock = 60;\r\n this.setState({ captchaLock: lock });\r\n const c = setInterval(() => {\r\n lock--;\r\n this.setState({ captchaLock: lock });\r\n if (lock <= 0) {\r\n this.setState({ captchaDisabled: false });\r\n clearInterval(c);\r\n }\r\n }, 1000);\r\n \r\n return;\r\n }\r\n const { form } = this.props;\r\n Object.keys(errors).map(key => {\r\n const message = errors[key];\r\n if (message.message === \"Invalid captcha\") {\r\n message.param = \"code\";\r\n message.msg = \"验证码输入错误\";\r\n message.value = form.getFieldValue(\"code\");\r\n }\r\n if (message.message === \"nickname must be 0-32 chars long\") {\r\n message.param = \"nickname\";\r\n message.msg = \"名字长度0-32\";\r\n message.value = form.getFieldValue(\"nickname\");\r\n }\r\n if (message.message === \"The user is registered\") {\r\n message.param = \"bindInfo\";\r\n message.msg = \"该账号已注册\";\r\n message.value = form.getFieldValue(\"bindInfo\");\r\n }\r\n //\r\n switch (message.param) {\r\n case \"code\":\r\n form.setFields({\r\n code: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"nickname\":\r\n form.setFields({\r\n nickname: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"bindInfo\":\r\n form.setFields({\r\n bindInfo: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const isNull = !values.bindInfo;\r\n if (!isNull) {\r\n const bindInfo = values.bindInfo;\r\n if (\r\n (!/^\\d+(\\.\\d{1,2})?$/.test(bindInfo) || bindInfo.length != 11) &&\r\n !/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(bindInfo)\r\n ) {\r\n this.props.form.setFields({\r\n bindInfo: {\r\n value: bindInfo,\r\n errors: [new Error(\"请输入正确的手机号/邮箱！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n }\r\n let bind = {};\r\n if (/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(values.bindInfo)) {\r\n if (!values.code || values.code.length < 6) {\r\n this.props.form.setFields({\r\n code: {\r\n value: values.code,\r\n errors: [new Error(\"验证码输入有误！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n bind = { email: values.bindInfo, captcha: values.code };\r\n } else if (/^\\d+(\\.\\d{1,2})?$/.test(values.bindInfo) && values.bindInfo.length === 11) {\r\n if (!values.code || values.code.length < 6) {\r\n this.props.form.setFields({\r\n code: {\r\n value: values.code,\r\n errors: [new Error(\"验证码输入有误！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n bind = { phone: values.bindInfo, captcha: values.code };\r\n }\r\n if (values.headimg) {\r\n bind = { ...bind, avatar: this.state.uploadModalFile };\r\n }\r\n this.props.onSubmit(\r\n {\r\n ...bind,\r\n nickname: values.nickname,\r\n weibo: values.personalbo,\r\n info: values.personalinfo,\r\n },\r\n this.handleCancel\r\n );\r\n }\r\n });\r\n };\r\n\r\n sendCode = e => {\r\n e.preventDefault();\r\n let bindInfo = this.props.form.getFieldValue(\"bindInfo\");\r\n\r\n if (\r\n (!/^\\d+(\\.\\d{1,2})?$/.test(bindInfo) || bindInfo.length != 11) &&\r\n !/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(bindInfo)\r\n ) {\r\n this.props.form.setFields({\r\n bindInfo: {\r\n value: bindInfo,\r\n errors: [new Error(\"请输入正确的手机号/邮箱！\")],\r\n },\r\n });\r\n return false;\r\n } else {\r\n this._getIdentifyingCode(bindInfo);\r\n }\r\n };\r\n _getIdentifyingCode = field => {\r\n const done = e => {\r\n };\r\n this.props.onClick(field, done);\r\n };\r\n handleCancel() {\r\n //console.info(1);\r\n //this.props.onUnload();\r\n //redirectTo(\"/user/mypage\")\r\n window.location=\"/user/mypage\";\r\n }\r\n renderCaptcha = () => {\r\n const { captchaDisabled, captchaLock } = this.state;\r\n const className = [];\r\n if (captchaDisabled) {\r\n className.push(\"isDisabled\");\r\n }\r\n return (\r\n \r\n {captchaLock > 0 ? (\r\n \r\n 正在发送验证码（\r\n {captchaLock}）\r\n \r\n ) : (\r\n 发送验证码\r\n )}\r\n \r\n );\r\n };\r\n handleClassFileChange = e => {\r\n const file = e.file;\r\n if (file) {\r\n // if (file.size <= MAX_FILE_SIZE) {\r\n this.setState({\r\n classModalFile: file // 先把上传的文件暂存在state中\r\n },\r\n () => {\r\n this.setState({\r\n classModalVisible: true // 然后弹出modal\r\n })\r\n }\r\n )\r\n // } else {\r\n // console.log('文件过大')\r\n // }\r\n }\r\n }\r\n handleGetResultImgUrl = key => file => {\r\n this.setState({\r\n [key]: file\r\n })\r\n }\r\n render() {\r\n const { loading, currentUser } = this.props;\r\n const { getFieldDecorator } = this.props.form;\r\n const {\r\n classModalVisible,\r\n classModalFile,\r\n classResultImgUrl,\r\n } = this.state;\r\n if (loading) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n (this.cropper = cropper)}\r\n // Cropper.js options\r\n viewMode={1}\r\n zoomable={false}\r\n aspectRatio={1} // 固定为1:1 可以自己设置比例, 默认情况为自由比例\r\n guides={false}\r\n preview=\".cropper-preview\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n 提交\r\n
\r\n \r\n 取消\r\n
\r\n \r\n 预览\r\n
\r\n \r\n
\r\n {classModalVisible && (\r\n \r\n \r\n \r\n
\r\n 修改个人资料
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default User;\r\n","export default function(t = 0) {\r\n const sec = appendZero(Number.parseInt(t % 60)),\r\n min = appendZero(Number.parseInt((t / 60) % 60));\r\n return `${min}:${sec}`;\r\n}\r\n\r\nconst appendZero = n => n.toLocaleString({}, { minimumIntegerDigits: 2 });\r\n","import React from \"react\";\r\nimport WaveSurfer from \"wavesurfer.js\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { Slider, Row, Col } from \"antd\";\r\nimport Download from \"components/Common/Download\";\r\nimport formateTime from \"utils/formateTime\";\r\nimport Share from \"components/Common/Share\";\r\nimport { addPeaks, HtmlUtil } from \"dispatch\";\r\nimport \"./Player.less\";\r\nexport default class Waveform extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n playing: false,\r\n sound: true,\r\n inputValue: 0.5,\r\n time: 0,\r\n shareVisible: false,\r\n shareData: { url: \"\", title: \"\" },\r\n };\r\n this.wavesurfer = null;\r\n this.intervalcounter = -1;\r\n }\r\n static propTypes = {\r\n audio: PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n audioid: PropTypes.string.isRequired,\r\n thumb: PropTypes.string.isRequired,\r\n audio: PropTypes.string.isRequired,\r\n author: PropTypes.object.isRequired,\r\n title: PropTypes.string.isRequired,\r\n composer: PropTypes.string,\r\n description: PropTypes.string.isRequired,\r\n duration: PropTypes.number.isRequired,\r\n speed: PropTypes.number.isRequired,\r\n playing: PropTypes.bool.isRequired,\r\n merged_peaks: PropTypes.string,\r\n like: PropTypes.object,\r\n likeUpdate: PropTypes.bool,\r\n creatorInfo: PropTypes.object,\r\n }).isRequired,\r\n playMusic: PropTypes.func.isRequired,\r\n addCart: PropTypes.func.isRequired,\r\n clickFavorite: PropTypes.func.isRequired,\r\n };\r\n static defaultProps = {\r\n musicUrl: \"\",\r\n audio: {\r\n id: 0,\r\n audioid: \"\",\r\n thumb: \"\",\r\n audio: \"\",\r\n author: {},\r\n creatorInfo: {},\r\n title: \"\",\r\n description: \"\",\r\n duration: 0,\r\n speed: 0,\r\n playing: true,\r\n merged_peaks: \"\",\r\n like: null,\r\n likeUpdate: false,\r\n },\r\n };\r\n componentDidMount() {\r\n const { playing, merged_peaks } = this.props.audio;\r\n if (!this.wavesurfer) {\r\n const backend = merged_peaks ? \"MediaElement\" : \"WebAudio\";\r\n this.wavesurfer = WaveSurfer.create({\r\n container: \"#wave-player\",\r\n waveColor: \"#c4c8dc\",\r\n progressColor: \"#6c718c\",\r\n normalize: true,\r\n barWidth: 4,\r\n height: 30,\r\n playing: playing,\r\n pos: 0,\r\n volume: 0.5,\r\n audioRate: 1,\r\n backend,\r\n });\r\n\r\n this.wavesurfer.on(\"ready\", () => {\r\n this.wavesurfer.play();\r\n clearInterval(this.intervalcounter);\r\n this.intervalcounter = setInterval(() => {\r\n this.setState({\r\n time: this.wavesurfer.getCurrentTime(),\r\n });\r\n }, 1000);\r\n if (this.wavesurfer.backend.mergedPeaks) {\r\n let peaks = this.wavesurfer.backend.mergedPeaks.toString();\r\n const audioid = this.props.audio.audioid;\r\n addPeaks(audioid, peaks);\r\n }\r\n });\r\n }\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { audio, merged_peaks } = this.props.audio;\r\n if (!this.wavesurfer) {\r\n return;\r\n }\r\n if (audio != prevProps.audio.audio) {\r\n clearInterval(this.intervalcounter);\r\n if (merged_peaks != null) {\r\n const arr = merged_peaks.split(\",\");\r\n let arrs = [];\r\n for (let i = 0; i < arr.length; i++) {\r\n arrs.push(parseFloat(arr[i]));\r\n }\r\n this.wavesurfer.load(agent.getApiUrl(audio));\r\n return;\r\n } else {\r\n this.wavesurfer.load(agent.getApiUrl(audio));\r\n return;\r\n }\r\n\r\n }\r\n this.wavesurfer.setVolume(this.state.inputValue);\r\n if (this.props.audio.playing) {\r\n if (!prevProps.audio.playing) {\r\n this.wavesurfer.playPause();\r\n } else {\r\n this.wavesurfer.play();\r\n }\r\n } else {\r\n this.wavesurfer.pause();\r\n }\r\n }\r\n handlePlayClick = e => {\r\n const { audio, playMusic } = this.props;\r\n const send = {\r\n ...audio,\r\n playing: !audio.playing,\r\n };\r\n playMusic(send);\r\n };\r\n handleCartClick = e => {\r\n e.preventDefault();\r\n const { audio, addCart } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n addCart(send);\r\n\r\n };\r\n handleShareClick(data) {\r\n const { audioid, title } = data;\r\n this.setState({\r\n shareVisible: true,\r\n shareData: {\r\n url: location.origin + \"/music/musicid/\" + audioid,\r\n title,\r\n },\r\n });\r\n }\r\n\r\n closeShareModel() {\r\n this.setState({ shareVisible: false });\r\n }\r\n\r\n handleFavoriteClick = e => {\r\n e.preventDefault();\r\n\r\n const { audio, clickFavorite } = this.props;\r\n const send = {\r\n ...audio,\r\n };\r\n clickFavorite(send);\r\n };\r\n\r\n onChangeSound = value => {\r\n if (Number.isNaN(value)) {\r\n return;\r\n }\r\n this.setState({\r\n inputValue: value,\r\n });\r\n };\r\n\r\n // soundSet = e => {\r\n // this.wavesurfer.setMute(!this.sound);\r\n // console.info(2222222222);\r\n // this.setState({\r\n // sound: !this.sound,\r\n // });\r\n // };\r\n render() {\r\n const {\r\n // id,\r\n audioid,\r\n thumb,\r\n // audio,\r\n author: { nickname, username },\r\n creatorInfo,\r\n title,\r\n // description,\r\n //duration,\r\n //speed,\r\n composer,\r\n playing,\r\n like,\r\n likeUpdate,\r\n } = this.props.audio;\r\n const nname = !creatorInfo ? (composer || nickname || username) : creatorInfo.nickname;\r\n const { inputValue } = this.state;\r\n const times = formateTime(this.state.time);\r\n const playClass = \"playBtn \" + (playing ? \"is-play\" : \"is-pause\");\r\n const urls = \"url(\" + agent.getApiUrl(thumb) + \")\";\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport Waveform from \"./Waveform\";\r\nimport { MUSIC_PLAY, SHOW_SHOP_CAR, CHECK_PRICE_GROUP } from \"../../constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport \"./Player.less\";\r\n\r\nimport { addCart, addFavorite, rmFavorite, redirectTo } from \"dispatch\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.player,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n playMusic: musicPlay => {\r\n return dispatch({ type: MUSIC_PLAY, musicPlay });\r\n },\r\n showCarPopup: addAudio => {\r\n return dispatch({ type: SHOW_SHOP_CAR, addAudio });\r\n },\r\n checkPriceGroup: id => {\r\n return dispatch({\r\n type: CHECK_PRICE_GROUP,\r\n payload: agent.PriceGroup.get(id),\r\n });\r\n },\r\n});\r\n\r\nclass Player extends React.Component {\r\n static propTypes = {\r\n playMusic: PropTypes.func.isRequired,\r\n audio: PropTypes.object,\r\n userLogin: PropTypes.bool,\r\n showCarPopup: PropTypes.func.isRequired,\r\n checkPriceGroup: PropTypes.func.isRequired,\r\n };\r\n\r\n clickFavorite(audio) {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return;\r\n }\r\n if (audio.like) {\r\n rmFavorite({ audioid: audio.audioid, like_id: audio.like.id });\r\n } else {\r\n addFavorite({ audioid: audio.audioid });\r\n }\r\n }\r\n\r\n handleAddCart(audio) {\r\n const { userLogin, showCarPopup, checkPriceGroup } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return;\r\n }\r\n console.log(addCart())\r\n const send = {\r\n showAddCar: true,\r\n addAudio: audio,\r\n };\r\n checkPriceGroup(audio.price_group_id);\r\n showCarPopup(send);\r\n }\r\n\r\n toggle() {\r\n if (this.props.audio) window.document.getElementById(\"root\").children[0].classList.toggle(\"is-musicBar-on\");\r\n }\r\n\r\n render() {\r\n const { playMusic, audio } = this.props;\r\n const props = {\r\n playMusic,\r\n audio,\r\n addCart: this.handleAddCart.bind(this),\r\n clickFavorite: this.clickFavorite.bind(this),\r\n };\r\n console.log(props)\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n {times}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {/* */}\r\n
\r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n
\r\nby {HtmlUtil.htmlDecode(nname)}
\r\n\r\n
\r\n - \r\n
- \r\n
- \r\n \r\n share\r\n \r\n \r\n
- \r\n \r\n \r\n
- \r\n
\r\n \r\n
\r\n {this.props.audio && \r\n >{\" \"}\r\n {captchaLock > 0 ? (\r\n \r\n 正在发送验证码（\r\n {captchaLock}）\r\n \r\n ) : (\r\n 发送验证码\r\n )}\r\n \r\n );\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { modalVisible } = this.state; \r\n return (\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst RegisterForm = Form.create()(UserRegister);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(RegisterForm);\r\n","import { Link } from \"react-router-dom\";\r\nimport React from \"react\";\r\n\r\nclass RegisteSuccess extends React.Component {\r\n render() {\r\n return (\r\n this.toggle()} className=\"fixedPlayer__toggle\" />}\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Player);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Alert } from \"antd\";\r\n\r\nconst divStyle = {\r\n marginBottom: \"20px\",\r\n color: \"red\",\r\n};\r\n\r\nclass ListErrors extends React.Component {\r\n static propTypes = {\r\n errors: PropTypes.array,\r\n };\r\n render() {\r\n const errors = this.props.errors;\r\n if (errors) {\r\n return (\r\n \r\n {Object.keys(errors).map(key => {\r\n let message = errors[key];\r\n if (typeof message !== \"string\") {\r\n message = message.param + \":\" + message.msg;\r\n }\r\n return (\r\n
\r\n );\r\n } else {\r\n return null;\r\n }\r\n }\r\n}\r\n\r\nexport default ListErrors;\r\n","import { Link } from \"react-router-dom\";\r\nimport React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n LOGIN,\r\n LOGIN_PAGE_UNLOADED,\r\n SHOW_FORGET_POPUP,\r\n} from \"constants/actionTypes\";\r\nimport { Form, Input } from \"antd\";\r\nimport ListErrors from \"components/ListErrors\";\r\nimport \"./Login.less\";\r\n\r\nimport { loadCart, redirectTo ,addCart,clearCart} from \"dispatch\";\r\n\r\nconst FormItem = Form.Item;\r\n\r\nconst queryString = require(\"query-string\");\r\n\r\nconst mapStateToProps = state => ({ \r\n ...state.auth, \r\n ...state.forgetPassword,\r\n audioCart: state.cart.audioCart,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: (email, password, callback, done) =>\r\n dispatch({\r\n type: LOGIN,\r\n payload: agent.Auth.login(email, password),\r\n callback,\r\n done,\r\n }),\r\n onUnload: () => dispatch({ type: LOGIN_PAGE_UNLOADED }),\r\n showForgetPopup: isShow => {\r\n return dispatch({ type: SHOW_FORGET_POPUP, isShow });\r\n },\r\n});\r\n\r\nclass Login extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n type:0\r\n };\r\n }\r\n static propTypes = {\r\n isShow: PropTypes.shape({\r\n forgetShow: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n errors: PropTypes.array,\r\n location: PropTypes.object.isRequired,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n loginSuccess: PropTypes.bool,\r\n showForgetPopup: PropTypes.func.isRequired,\r\n onSubmit: PropTypes.func.isRequired,\r\n onUnload: PropTypes.func.isRequired,\r\n audioCart: PropTypes.array,\r\n };\r\n static defaultProps = {\r\n loginSuccess: false,\r\n isShow: {\r\n forgetShow: false,\r\n },\r\n };\r\n state = { errors: [] };\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.setState({\r\n errors: [],\r\n });\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n this.props.onSubmit(\r\n values.userName,\r\n values.password,\r\n () => {\r\n // update cart\r\n const cartAudios=this.props.audioCart;\r\n for (let i = 0; i < cartAudios.length; i++) {\r\n const cart = cartAudios[i];\r\n addCart(cart);\r\n }\r\n clearCart();\r\n loadCart();\r\n //页面跳转，从哪页进来登录之后回到哪页\r\n if(this.state.type==0){\r\n redirectTo(\"/user/mypage\");\r\n }else if(this.state.type==1){\r\n redirectTo(\"/cart\");\r\n }else if(this.state.type==2){\r\n redirectTo('/subscribermembers')\r\n }else if(this.state.type==3){\r\n redirectTo('/fixPrice')\r\n }\r\n },\r\n () => {\r\n const { errors } = this.props;\r\n if (!errors || !errors.length) {\r\n return;\r\n }\r\n // set error\r\n const fileds = {};\r\n for (const item of errors) {\r\n if (item.param == \"email\") {\r\n fileds.userName = {\r\n value: item.value,\r\n errors: [\r\n new Error(\"请输入正确的手机号/邮箱！\"),\r\n ],\r\n };\r\n continue;\r\n }\r\n if (item.param == \"password\") {\r\n fileds.password = {\r\n value: item.value,\r\n errors: [new Error(\"密码需要6位以上字符!\")],\r\n };\r\n continue;\r\n }\r\n if (\r\n item.message &&\r\n item.message.match(/^User status Error/)\r\n ) {\r\n this.setState({\r\n errors: [\"用户无法登录，请联系管理员\"],\r\n });\r\n continue;\r\n }\r\n this.setState({\r\n errors: [\"用户名或密码错误\"],\r\n });\r\n }\r\n this.props.form.setFields(fileds);\r\n\r\n }\r\n );\r\n }\r\n });\r\n };\r\n componentDidMount(){\r\n //页面跳转状态\r\n const query = queryString.parse(this.props.location.search);\r\n if(query.type==1){\r\n this.setState({\r\n type:1\r\n })\r\n }else if(query.type==2){\r\n this.setState({\r\n type:2\r\n })\r\n }else if(query.type==3){\r\n this.setState({\r\n type:3\r\n })\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.onUnload();\r\n }\r\n handleForgetClick() {\r\n const { isShow, showForgetPopup } = this.props;\r\n const send = {\r\n ...isShow,\r\n forgetShow: true,\r\n };\r\n showForgetPopup(send);\r\n }\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { errors } = this.state;\r\n\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nconst LoginForm = Form.create()(Login);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(LoginForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass CommonContent extends React.Component {\r\n static propTypes = {\r\n data: PropTypes.array,\r\n title: PropTypes.string,\r\n publish: PropTypes.string,\r\n };\r\n\r\n render() {\r\n const html = this.props.data.map((x, i) => {\r\n const { tag, classes, text } = x;\r\n if (tag === \"p\")\r\n return (\r\n \r\n \r\n \r\n
\r\n 用户登录
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n 注册用户\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default CommonContent;\r\n","import React from \"react\";\r\nimport CommonContent from \"../Common/Content\";\r\nimport datas from \"components/Common/static_text\";\r\nclass MediaContantPage extends React.Component {\r\n render() {\r\n const { contents, title } = datas[\"media_contant\"];\r\n return \r\n \r\n \r\n
\r\n \r\n {this.props.title}\r\n
\r\n\r\n {this.props.publish && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n 本协议发布时间\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n {html}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\n//import PropTypes from \"prop-types\";\r\n//import data from \"components/Common/about_us_text\";\r\n\r\nexport default class AboutusPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n MUSINESS平台用户协议
\r\n\r\n
\r\n \r\n
\r\n \r\n
- \r\n
- 1.1 欢迎您注册成为MUSINESS商用音乐聚合与变现平台（以下简称“本平台”）的用户！MUSINESS旨在建立一个互联网商用正版音乐授权平台，是一个为用户提供交易音乐服务的平台，用户可以通过线上平台完成项目交易、购买和出售产品以及使用我们提供的其他相关服务。买方和卖方要使用前述服务必须在网站上注册账号。 \r\n
\r\n
特别提示：本协议由用户与上海小仙虎文化传媒有限公司共同缔结，具有相应的法律效力。本协议中上海小仙虎文化传媒有限公司称为“MUSINESS平台”或“MUSINESS”，协议签约的另一方称为“用户”或“您”。在使用MUSINESS服务之前，您应当认真阅读并遵守《MUSINESS平台用户协议》（以下简称“本协议”），请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、争议解决和法律适用条款。如您对协议有任何疑问的，应向MUSINESS客服咨询。
\r\n当您在注册程序过程中在“已阅读并同意《MUSINESS平台用户协议》”处打勾“√”并按照注册程序成功注册为MUSINESS用户即表示您完全接受本协议项下的全部条款，或您以其他MUSINESS允许的方式实际使用MUSINESS服务时，即表示您已充分阅读、理解并接受本协议的全部内容，并与MUSINESS达成协议。您承诺接受并遵守本协议的约定， 届时您不应以未阅读本协议的内容或者未获得MUSINESS对您问询的解答等理由，主张本协议无效或本协议中的某些条款无效，或不遵守本协议约定。
\r\n\r\n
名词解释
\r\n“账号”指的是您在本网站开设并使用的账号。
\r\n“用户”“客户”“会员”“您”指的是访问或使用本网站的自然人、法人或其他组织。
\r\n“卖方”“卖家”指的是通过本网站提供服务或作品的用户。
\r\n“买方”“买家”指的是希望或已经通过本网站从卖方手中购买卖方服务或作品的用户。
\r\n“正版商业授权”指的是用户将享有完整版权的作品上传至MUSINESS平台并授权MUSINESS平台其他用户购买下载版权作品用于且仅能用于一定范围的商业用途。上传或下载版权作品，均须遵循MUSINESS平台的规定，MUSINESS不对版权作品的权属负任何责任。
\r\n“非独家销售”是指用户将其享受完整版权的作品，既可以在MUSINESS平台www.musiness.vip及MUSINESS指定的合作网站进行销售，同时可再发布于其它网站进行有偿网络销售。卖方可以通过与MUSINESS签订《卖家协议》，约定权利义务。
\r\n“MUSINESS”“我们”指的是上海小仙虎文化传媒有限公司。
\r\n“本网站”“MUSINESS平台”指的是由上海小仙虎文化传媒有限公司运作的网站，访问网址为：www.musiness.vip，以及相关的其他MUSINESS服务、工具或应用。
\r\n“案”“案子”“项目”指的是由买方通过MUSINESS平台提供给卖方的工作项目或任务。
\r\n“平台服务费”指的是买方通过本网站提交项目需求且在需求交易成功后须向MUSINESS支付的费用。
\r\n“项目分成费”指的是卖方通过本网站获得项目时或者作品授权交易成功后需向MUSINESS支付的一定比例的收益分成。
\r\n“托管支付”指的是买方将项目所涉款项打入MUSINESS指定账户后，MUSINESS依据双方的指示将相关款项支付予卖方的行为。
\r\n“知识产权”指的是在世界范围内存在的部分或所有知识产权以及上述权利指涉的客体，包括但不限于：（1）专利、著作权、商标以及其他对具有商业价值的信息进行保密的权利；以及（2）就（1）项下内容进行申请登记的权利，不论上述内容是否已发表、已经登记或能够获得登记或者已在任何法律体系下实际存在。
\r\n“完整版权”指卖方拥有售卖作品的所有权利，并可对作品进行合法授权。
\r\n“用户合同”指的是（1）本用户协议；（2）本网站合理修改的行为准则；（3）卖方和买方都接受并上传到本网站的其他任何约定条款，违反用户协议和行为准则的除外；以及（4）项目中所包含的，且经本网站同意的条款，违反用户协议和行为准则的除外。
\r\n- \r\n
- 2 协议范围 \r\n
- 2.1 本协议由您与MUSINESS共同缔结，本协议具有合同效力。 \r\n
- 2.2 除另行明确声明外，MUSINESS服务包含任何MUSINESS提供的基于互联网以及移动网的相关服务，且均受本协议约束。如果您不同意本协议的约定，您应立即停止注册/激活程序或停止使用MUSINESS服务。 \r\n
- 2.3 本协议内容包括协议正文、法律声明及所有MUSINESS已经发布或将来可能发布的各类规则、公告或通知。所有规则为本协议不可分割的组成部分，与协议正文具有同等法律效力。 \r\n
- 2.4 MUSINESS有权根据需要不时地制订、修改本协议及/或各类规则，并以网站公示的方式进行变更公告，无需另行单独通知您。变更后的协议和规则一经在网站公布后，立即或在公告明确的特定时间自动生效。若您在前述变更公告后继续使用MUSINESS服务的，即表示您已经阅读、理解并接受经修订的协议和规则。若您不同意相关变更，应当立即停止使用MUSINESS服务。 \r\n
- 2.5 本平台保留随时修改或中断服务而不需通知用户的权利。本平台行使修改或中断服务的权利，不需对用户或第三方负责。 \r\n
- 2.6 本平台有权基于其认定的事实对用户的行为进行判断，并有权根据网站规则协议执行对违规违法行为进行惩处。本网站用户在适用本规则上一律平等。用户在本网站上传、下载、交易等行为，应当遵循平等、自愿、诚实、信用原则。 \r\n
- 2.7 本网站用户必须是具有完全民事行为能力的自然人，或者是具有合法经营资格的实体组织，并就所提供的服务内容和范围具备法律、法规、行业规章规定的相应资质。无民事行为能力、限制民事行为能力人以及无经营或特定经营资格的组织不得注册为本网站用户或超过其民事权利或行为能力范围在本网站进行交易；否则，本网站有权采取取消订单、冻结或关闭账户、拒绝提供服务等措施。用户因不具备行为能力或缺少相应资质给任何第三方造成损失的，本网站不承担责任；用户给本网站及相关方造成损失的，还应承担赔偿责任。本网站只接受与身份证相符的真实姓名或与企业营业执照相符的法定代表人姓名进行注册，注册人（自然人）对通过该账户实施的任何行为承担全部责任。本网站保留拒绝特定个人或实体在本网站注册的权利。 \r\n
- 2.8 本网站用户在本网站上的全部行为仅代表其自身，不代表本网站，基于本网站用户行为的所有法律责任均由用户自行承担。 \r\n
- 2.9 用户应遵守国家法律、行政法规、部门规章、规范性文件等规定。对任何涉嫌违反国家法律、行政法规、部门规章、规范性文件等行为，本规则已有规定的，适用本规则；本规则尚无规定的，MUSINESS有权根据法律规定酌情处理。但MUSINESS对用户的任何处理措施均不能免除用户自身应负的法律责任。 \r\n
- 2.10 MUSINESS平台仅是网站服务提供平台，不对MUSINESS用户在MUSINESS平台上的所有操作、行为负责，MUSINESS对MUSINESS平台上由用户自行上传、自行下载的作品不享有任何版权，用户间的分享、交流等行为均与MUSINESS无关。 \r\n
- 3 用户注册与账号 \r\n
- 3.1 用户注册是指用户登录MUSINESS平台，并按要求填写相关信息并确认同意履行相关用户协议的过程。 \r\n
- 3.2 符合下列条件之一的自然人、法人或其他组织可以申请成为本网站会员，可以使用本网站的服务。\r\n
- \r\n
- 3.2.1 根据中国法律年满18周岁或16周岁以上不满18周岁但以自己的劳动收入为主要生活来源的，具备完全民事行为能力的自然人或根据其本国法律具有完全民事行为能力的外国自然人。 \r\n
- 3.2.2 无民事行为能力人、限制民事行为能力人应经过其监护人代理注册。 \r\n
- 3.2.3 根据中国或外国法律、法规、行政规章成立并合法存在的机关、企事业单位、社团组织和其他组织。未经批准设立的组织不能注册为MUSINESS平台用户。 \r\n
\r\n - 3.3 不当注册为MUSINESS平台用户或超过其民事权利或行为能力范围从事交易的，其与MUSINESS之间的服务协议自始无效，一经发现，MUSINESS平台有权立即注销该用户，并追究其使用MUSINESS平台“服务”的一切法律责任。 \r\n
- 3.4 MUSINESS平台账号（即MUSINESS平台用户ID）的所有权归MUSINESS，用户完成注册申请手续后，获得MUSINESS平台账号的使用权。用户应提供及时、详尽及准确的个人资料，并不断更新注册资料，符合及时、详尽、准确的要求。所有原始键入的资料将引用为注册资料。如果因注册信息不真实而引起的问题，并对问题发生所带来的后果，MUSINESS不负任何责任。用户应当对其账号中的所有活动和事件负全责。 \r\n
- 3.5 用户需妥善保管自己注册的MUSINESS平台账号与密码，禁止用户将其账号、密码透露、泄露、对外公布或以转让或出借等方式提供给他人使用，如用户发现其账号遭他人非法使用，应立即通知MUSINESS。因黑客行为或用户的保管疏忽或不当导致账号、密码遭他人非法使用，由用户或非法使用人承担责任，MUSINESS不承担任何责任。 \r\n
- 3.6 注销账户 \r\n
在同时满足以下条件的前提下，发送邮件至support@musiness.vip，您可以申请注销您的账户：
\r\n- \r\n
- （1） 没有任何通过本网站对接且未完成的项目；以及 \r\n
- （2） 没有任何未解决事宜（如您的账户被冻结或限制）；以及 \r\n
- （3） 没有任何未支付的价款；以及 \r\n
- （4） 没有其他本网站认为可能存在的安全、法律隐患。 \r\n
- 3.7 账户安全 \r\n
若您发现或知道任何破坏或威胁网站安全的行为，您应当在第一时间通知我们并尽可能采取一切措施降低上述侵害（包括保存证据和通知有权机关）。您对您账户的密码负担安全保护责任。若您未能采取合理措施保护您的账户安全，由此产生的一切损失由您自己承担。
\r\n- \r\n
- 4 用户的权利和义务 \r\n
- 4.1 用户有权根据本协议及本网站发布的相关规则，利用本网站发布信息、查询会员公开信息，在本网站社区及相关模块发布信息，参加本网站的有关活动及有权享受本网站提供的其他有关资讯及信息服务。 \r\n
- 4.2 用户注册用户名时请勿使用敏感词汇（包括但不限于：不雅词汇、涉及法律法规等禁止词汇以及含有MUSINESS、奕颗贝壳、一颗贝壳、版主、管理员、网站等词汇），MUSINESS有权不向此类账户提供服务。 \r\n
- 4.3 用户承诺在使用MUSINESS平台提供的服务时遵守包括但不限于有关著作权、计算机及互联网规定的法律和法规、实施办法等。在任何情况下，本平台合理地认为用户的行为可能违反上述法律、法规时，可以在任何时候不经事先通知终止向该用户提供服务。用户应了解国际互联网的无国界性，应特别注意遵守当地所有有关的法律和法规。 \r\n
- 4.4 用户承诺对其上传于MUSINESS平台的所有内容（由《中华人民共和国著作权法》以及我国加入的国际公约规定的作品，包括但不限于文字、图片、音乐、电影、表演和录音录像制品和电脑程序等）均享有完整的知识产权，或者已经得到相关权利人的合法授权；如用户违反本条规定造成MUSINESS被第三人索赔的，用户同意全额补偿MUSINESS为此支出的一切费用和损失（包括但不限于各种赔偿费用和律师费、调查费用、鉴定费用）。 \r\n
- 4.5 当第三方认为用户上传于MUSINESS平台的内容侵犯其权利，并根据相关法律法规的等规定向MUSINESS发送权利通知书时，用户同意MUSINESS可以自行判断决定删除涉嫌侵权的用户上传或者发表于MUSINESS平台的内容，除非收到符合相关法律规定的书面说明并经审查初步认定抗辩成立，MUSINESS将不会自动恢复上述删除的信息。 \r\n
- 4.6 无论是用户原创或是用户得到著作权人授权的作品，基于宣传推广目的，会员授权MUSINESS使用作品于MUSINESS平台或与MUSINESS有关的业务活动中，MUSINESS不再另行向会员支付使用费。 \r\n
- 4.7 用户在使用本网站上传或下载过程中如与其他用户产生纠纷，可以请求本网站从中予以协调处理。用户如发现其他用户有违法或违反本协议的行为，可以向本网站举报。 \r\n
- 4.8 用户应当自行承担因上传、下载、交易产生或取得的相关费用，并依法纳税。 \r\n
- 4.9 不得为任何非法目的，利用MUSINESS平台服务进行任何非法活动或对互联网的正常运转可能造成不利影响的行为； \r\n
- 4.10 不得利用MUSINESS平台服务传输任何骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料； \r\n
- 4.11 用户单独对传输内容承担责任，具体包括： \r\n
- （1） 从中国境内向外传输技术性资料时必须符合中国有关法规。 \r\n
- （2） 使用本平台服务不作非法用途。 \r\n
- （3） 不干扰或混乱网络服务。 \r\n
- （4） 不在本平台留言发表任何与政治相关的信息。 \r\n
- （5） 遵守所有使用网站服务的网络协议、规定、程序和惯例。 \r\n
- （6） 不得利用本平台危害国家安全、泄露国家秘密，不得侵犯国家社会集体的和公民的合法权益。 \r\n
- （7） 不得未经许可而非法进入其它电脑系统。 \r\n
若用户的行为不符合以上任何条款，本平台将采取关闭用户服务账号、终止服务、取消账号、追究法律责任等措施。本平台保留删除各类不符合法律政策或不真实信息内容而无须通知用户的权利。
\r\n- \r\n
- 4.12 不得利用MUSINESS平台服务进行任何不利于MUSINESS或损害MUSINESS利益的行为； \r\n
- 4.13 无论在任何原因下（包括但不限于疏忽原因），对您或任何人通过使用本平台上的信息或由本平台链接的信息，或其他与本平台链接的网站信息所导致的损失或损害（包括直接、间接、特别或后果性的损失或损害，例如收入或利润之损失，电脑系统之损坏或数据丢失等后果），责任均由使用者自行承担（包括但不限于疏忽责任）。 \r\n
- 4.14 如发现任何非法使用用户账号或账号出现安全漏洞的情况，应立即通告MUSINESS平台站方。 \r\n
- 4.15 当使用本网站时，您承诺不实施以下行为： \r\n
- （1） 本网站中不恰当的类别或板块下发布内容； \r\n
- （2） 任何违反任何法律法规规定、或本网站规定、或侵犯第三方合法权利的行为； \r\n
- （3） 除非卖方未合理履行提供涉及服务的义务，拒绝或不合理地拖延为卖方所提供的服务支付相应价款的行为； \r\n
- （4） 规避或操纵本网站的收费结构、计费程序或欠逃对本网站的应付价款； \r\n
- （5） 发布错误的、不准确的、误导性的、诽谤性的或攻击性内容（包括个人信息）； \r\n
- （6） 采取任何可能破坏网站反馈或评价系统的行为（如将网站反馈或评价信息导出、展示或用于本网站目的之外的其他用途）； \r\n
- （7） 以任何形式擅自转让或授权他人使用自己在本网站的账户； \r\n
- （8） 在本网站发布各类违法或违规信息； \r\n
- （9） 以干预或操纵物品价格等不正当竞争方式扰乱网上交易秩序，从事与网上交易无关的不当行为，在交易平台上发布任何违法信息； \r\n
- （10） 采取不正当手段（包括但不限于虚假交易、互换好评等方式）提高自身或他人信用度，或采用不正当手段恶意评价其他用户，降低其他用户信用度； \r\n
- （11） 将有关干扰、破坏或限制任何计算机软件、硬件或通讯设备功能的软件病毒或其他计算机代码、档案和程序资料，加以上载、发布、发送电子邮件或以其他方式传送，干扰或破坏本网站和服务或与本网站和服务相连的服务器和网络； \r\n
- （12） 未经本网站事先书面授权，“架构”“模仿”或将本网站的任何部分内容展示或用于第三方网站； \r\n
- （13） 未经本网站书面允许，将本网站资料以及在交易平台上所展示的任何信息以复制、修改、翻译等形式制作衍生作品、传播或公开展示或对和本网站相关的任何软件实施逆向工程； \r\n
- （14） 侵犯或者擅自使用任何来自本网站的权利、内容或本网站享有知识产权的标志等； \r\n
- （15） 未经用户同意，收集、散播在服务过程中收集的用户的受保密义务保护的信息。 \r\n
为避免可能引起的争议，MUSINESS平台对用户的每一步操作都将进行记录并制成操作日志，该日志仅用于内部存档供日后双方引起争议后进行查阅，不用于任何商业或除前述之外的其他用途。
\r\n- \r\n
- 4.16 网站内容\r\n
- \r\n
- 4.16.1 您完全了解并同意： \r\n
- （1） 本网站仅仅是为用户内容提供线上传播和发布平台的门户网站。我们不保证您能够通过本网站获取特定的用户内容。我们有权利（但不负有义务）针对您提供的内容采取我们认为恰当的任何措施； \r\n
- （2） 我们对于内容的删除、无法储存内容或无法提供内容等情形不承担任何的责任； \r\n
\r\n
- \r\n
- （3） 您所提交的部分或全部内容都可能由于未获得本网站的同意而无法在本网站发布，但本网站不具有审查所有内容的义务。本网站有权自行决定对用户内容进行同意、修改或驳回；以及 \r\n
- \r\n
- （4） 因不可归责于本网站的原因（如第三人恶意攻击、黑客攻击、第三人侵犯知识产权等）给您造成损失的，本网站不承担责任。 \r\n
- 4.16.2 您承诺您所提供的内容： \r\n
- （1） 符合您与相对方约定的标准、质量、时间； \r\n
- （2） 不会侵犯第三方的著作权、专利权、商标、商业秘密或其他知识产权或所有权、名誉权等其他合法权利； \r\n
- \r\n
- （3） 不会违反任何法律或法规； \r\n
- \r\n
- （4） 不包含淫秽色情内容； \r\n
- （5） 与恐怖活动无关； \r\n
- （6） 不包含关于用户或第三人的错误或不准确的信息；以及 \r\n
- \r\n
- （7） 不包含任何意在毁坏、有意干扰、秘密截取或侵占获取任何数据或个人信息的病毒、代码或其他电脑程序。 \r\n
您知道并同意本网站可以将您的个人信息披露给相关公司，且您的个人信息将可能披露给中华人民共和国境外的第三人。如果您不同意此条款或希望撤回同意，您知道并同意我们将可能无法通过本网站为您提供服务并可能关闭您的账户，同意本用户协议意味着您对本条款的知道与同意。
\r\n本网站可能包含法律、金融等信息。上述信息不是、也不应当被认为是本网站提供的意见或建议。您也不得将上述信息视作相应领域的专业意见。如果您有任何涉及某些专业领域的具体问题，您应当咨询该领域的专业人员。
\r\n本网站所呈现的信息中包含第三方提供的内容，包括但不限于用户反馈和包含某些内容或意见及其原始文章（或上述第三方内容的链接）。本网站仅为呈现上述内容的平台和门户网站，且不对任何基于或关于上述第三方内容的内容承担任何责任，包括但不限于违反知识产权及其相关法律、侮辱诽谤、侵犯隐私、涉及淫秽色情或其他任何法律领域所可能包含的责任。
\r\n本网站可能包含连接到第三方网站的链接。我们对上述第三方网站不具有任何的控制权；且我们不支持上述第三方网站中的内容、产品、服务、行为、规定或运作。使用上述来自第三方网站的内容或该第三方网站的链接所产生的所有风险都由使用者自身承担。
\r\n本网站可以将您公司或商业名称、logo、图案或其他媒体及公众对您项目和账户的描述用于本网站服务和／或其他与本网站相关的市场营销资料中，除非您提前明确向我们提出拒绝上述形式的请求且我们接受了该请求。为避免双方有可能产生的争议，本网站对各阶段上传的作品进行保存，该保存的文件仅用于内部存档供日后双方引起争议后进行查阅，不用于任何商业或除前述之外的其他用途。
\r\n- \r\n
- 4.17 个人主页使用 \r\n
MUSINESS平台个人主页是MUSINESS免费提供给用户展示作品的服务，您无权实施包括但不限于下列行为：
\r\n- \r\n
- （1） 不得在“个人主页”以任何形式发布广告信息，进行推广、宣传个人或他人网站、产品等。 \r\n
- （2） 不得在“个人主页”提供个人联系方式，QQ、MSN、微信、E-mail、电话等。包括不允许在“个人主页”提供即时通讯，如QQ交谈等。 \r\n
- （3） 不得对“个人主页”进行反向工程、反向汇编、反向编译等。 \r\n
- （4） 对于“个人主页”相关信息等，未经MUSINESS书面同意，用户不得擅自实施包括但不限于下列行为：使用、复制、修改、链接、转载、发表、出版，建立镜像站点、擅自借助“软件”发展与之有关的衍生产品、作品。 \r\n
- （5） 利用“个人主页”发表、传送、传播、储存危害国家安全、祖国统一、社会稳定的内容，或侮辱诽谤、色情、暴力、引起他人不安及任何违反国家法律法规政策的内容。 \r\n
- （6） 利用“个人主页”发表、传送、传播、储存侵害他人知识产权、商业机密权等合法权利的内容。 \r\n
- 4.18 网站广告\r\n
- \r\n
- 18.1 除非您提前与我们达成协议，您不得在本网站为第三方网站、产品或服务发布广告信息。任何在本网站发布的网页地址链接必须与项目、产品、用户或通过本网站提供的服务相关。 \r\n
- 18.2 本网站可以在网站平台上展示赞助商的广告和促销信息。您知道并同意本网站不对基于上述广告／促销信息或您与上述赞助商进行交易而导致的任何损失承担责任。此外，您了解并同意赞助商的广告和促销信息的内容是受到著作权、商标、专利或其他权利法律保护的。除非获得我们或第三方权利主体的明确授权，您同意不对基于上述广告／促销信息的内容进行修改、出售、传播、持有或制作演绎作品。 \r\n
\r\n - 4.19 反馈\r\n
- \r\n
- 4.19.1 您知道并同意将通过本网站发布的反馈意见、评论或其他任何构成评价性意见或排名信息的著作权转让予本网站。您知道以上信息为本网站所独有，尽管本网站允许您在作为网站用户的期间使用上述信息。禁止在未经本网站事先同意的情况下，将上述信息以任何违反本网站规定的形式使用或进行交易。 \r\n
- 4.19.2 您不能故意或过失地进行任何使得或可能破坏本网站反馈系统的行为。若发现上述行为，本网站有权决定对您的账户采取暂停或取消等的措施。 \r\n
- 4.19.3 本网站的反馈系统及反馈系统上的信息属于本网站所有，其不得被用于本网站运行之外的其他任何目的（包括但不限于推广或披露任何关于您的综合评级或反馈意见）。未经本网站的书面许可，您不得在除本网站之外的任何真实或虚拟平台使用买方或卖方的反馈，除非该平台由MUSINESS运作。 \r\n
- 5 MUSINESS的权利和义务 \r\n
\r\n - 5.1 MUSINESS平台承担有限责任，对任何直接、间接、偶然、特殊及继起的不可归责于MUSINESS的损害不负责任。 \r\n
- 5.2 MUSINESS平台设置的各种积分制度是为了调动网站用户的参与积极性，MUSINESS平台有权随时修改积分制度，调整用户的相关积分属性，未经MUSINESS许可用户禁止以任何形式出售或转让积分。 \r\n
- 5.3 MUSINESS平台有权在MUSINESS平台的任意网页位置、任意时间投放各种广告。 \r\n
- 5.4 MUSINESS平台对任何在本平台发布信息或使用信息所带来的风险不承担任何责任。访问和使用本平台者应自行判断相关信息的准确性、完整性和合法性，并同意自行承担访问和使用相关信息可能出现的全部风险。对您使用本平台、与本平台相关的任何内容、服务或其它链接至本平台的站点、内容均不作直接、间接、法定、约定的保证。 \r\n
- 5.5 MUSINESS平台有权不展示MUSINESS认为不适合展示、出售的作品。 \r\n
- 5.6 用户交易过程中关于授权作品的格式、大小等文件属性的纠纷（不包括作品的版权、肖像权、物权等专有权利的纠纷），在对交易双方进行协商并核查作品后，MUSINESS有权对交易有效性、纠纷责任进行初步判定。 \r\n
- 5.7 卖家若违反法律、法规及MUSINESS规定，与作品购买者达成作品使用权授权协议，MUSINESS将终止对该卖家提供服务，收回该卖家在MUSINESS平台注册的所有ID，并将卖家所有注册账号内积分等全部清零、注销作为处罚。 \r\n
- 5.8 当第三方向MUSINESS提出权利通知主张MUSINESS用户上传的作品侵犯其权益，并向MUSINESS出示经MUSINESS审查认为充分的权属证明时，MUSINESS可以自行决定删除涉嫌侵权的作品。如因需要提供司法协助的情况下，MUSINESS可以将涉嫌侵权的上传者的资料提供给该第三方。 \r\n
- 5.9 MUSINESS平台为MUSINESS卖家用户提供代收或代付款项等服务。代收代付款项服务是指MUSINESS为MUSINESS用户提供的代为收取或支付相关款项的服务, 其中：\r\n
- \r\n
- 5.9.1 代收, 即MUSINESS代为收取第三方向MUSINESS用户支付的各类款项。为免疑义, 代收具体是指在符合MUSINESS规定的情况下, 自用户根据本协议委托MUSINESS将用户银行卡内的资金充值到用户的MUSINESS账户或委托MUSINESS代为收取第三方向用户支付的款项之时起至根据用户的指令将该等款项的全部或部分实际划付到用户指定的银行账户之时止。 \r\n
- 5.9.2 代付, 即MUSINESS将用户的款项代为支付给用户指定的第三方。为免疑义, 代付具体是指在符合MUSINESS规定的情况下，自款项从用户的账户转出之时起至委托MUSINESS根据用户或有权方给出的指令将上述款项的全部或部分支付给第三方且第三方收到该款项（无论是否要求立即支付或根据届时情况不时支付）之时止的整个过程。用户同意, MUSINESS受用户指令代付款项后, 非经法律程序或者非依本协议之约定, 该支付是不可撤销的。 \r\n
- 5.9.3 代管：您可以使用本服务通过您本人有效的支付宝、财付通账号或其他经MUSINESS指定的银行账户向您的MUSINESS账户充值，并委托MUSINESS代为保管款项。 \r\n
- 5.9.4 用户确认：MUSINESS提供的代收、代付、代管款项服务，完全是根据MUSINESS用户指令进行服务。MUSINESS代收、代付、代管的款项，均是用户授权交易作品所得费用，用户是代收、代付、代管款项下交易的当事人，MUSINESS不对代收代付款项的风险承担任何责任。 \r\n
- 6 服务的变更、中断或终止 \r\n
\r\n - 5.1 鉴于网络服务的特殊性，用户同意MUSINESS有权随时变更、中断或终止部分或全部的网络服务。\r\n
- \r\n
- 6.1.1 如变更、中断或终止的网络服务属于免费网络服务，MUSINESS无需通知用户，也无需对任何用户或任何第三方承担任何责任，当MUSINESS变更、中断或终止全部的网络服务时，MUSINESS无须为会员在MUSINESS获得的各种积分提供赔偿、退款服务； \r\n
- 6.1.2 如变更、中断或终止的网络服务涉及包含收费网络服务，MUSINESS应当按照该用户实际使用相应收费网络服务的情况扣除相应服务费之后将剩余的款项退还给该用户。 \r\n
\r\n - 6.2 MUSINESS需要定期或不定期地对提供网络服务的平台（如互联网网站等）或相关的设备进行检修或者维护，如因此类情况而造成收费网络服务在合理时间内的中断，MUSINESS无需为此承担任何责任，但MUSINESS应尽可能事先进行通告。 \r\n
- 6.3 用户同意MUSINESS基于其自行之考虑，因任何合理理由，包含但不限于长时间未使用，或用户违反本服务协议的文字及精神，无需进行事先通知即可中断或终止您对于本服务之使用。用户承认并同意，在根据以上原因停止服务后，MUSINESS可立即关闭或删除用户的账号及账号中所有相关信息及文件，并禁止继续使用前述文件或本服务。，MUSINESS对用户或任何第三人均不对关闭账号及删除账号中相关信息和文件承担任何责任。 \r\n
- 6.4 如用户注册的免费网络服务的账号在任何连续180日内未登陆使用，则MUSINESS有权冻结该帐号并停止为该用户提供相关的网络服务。 \r\n
- 6.5 若用户向本网站提出注销MUSINESS注册用户身份，需经MUSINESS审核同意，注销该注册用户，用户即终止与MUSINESS的协议关系，但MUSINESS仍保留下列权利：\r\n
- \r\n
- 6.5.1 MUSINESS有权在法律、法规、行政规章、规范性文件等规定的时间内保留该用户的资料，包括但不限于用户资料、上传下载记录等。 \r\n
- 6.5.2 若MUSINESS平台用户注销前在MUSINESS平台上存在违法行为或违反本协议的行为，MUSINESS仍可行使本协议及相关规则所规定的权利，追究该用户的法律责任。 \r\n
\r\n
若用户提出注销其MUSINESS平台注册用户身份前，与其它MUSINESS平台用户或MUSINESS平台尚有未完结的诉讼、仲裁、损失赔偿、欠费等纠纷，MUSINESS须在前述纠纷完结后处理用户的注销请求。用户提出注销后，不免除用户对其未注销前账户内容及账户关联内容负责。
\r\n- \r\n
- 6.6 如发生下列任何一种情形，MUSINESS无需进行事先通知即可随时中断或终止向用户提供本协议项下的网络服务（包括收费网络服务）而无需对用户或任何第三方承担任何责任，MUSINESS可立即关闭或删除您的账号及您账号中所有相关信息及文件： \r\n
- （1） 用户提供的个人资料不真实； \r\n
- （2） 用户违反本协议中规定的使用规则； \r\n
- （3） 用户有侵害MUSINESS的行为； \r\n
- （4） 用户违反MUSINESS发布的各种规定； \r\n
- （5） 用户以私下协商的方式恶意降低项目价格或私下交易来逃避本网站收费； \r\n
- （6） 用户侵犯或可能侵犯他人的合法权利，包括但不限于侵犯他人的知识产权； \r\n
- （7） 若本网站认为用户曾经实施或正在实施欺诈或非法活动； \r\n
- （8） 对本网站、用户或第三方的潜在损失进行风险管理； \r\n
- （9） 其它MUSINESS认为需终止服务的情况。 \r\n
若本网站由于您违反本用户协议而关闭您的账户，您还应当就本用户协议项下规定的内容支付相应费用。若您违反本用户协议，您应当在支付您对本网站所有欠款的同时赔偿本网站调查您违约行为以及追讨上述欠款的所有损失及合理支出（包括律师费）。上述赔偿不影响本网站要求您承担基于该协议及其他法律规定下的违约责任。
\r\n- \r\n
- 7 隐私保护 \r\n
- 7.1 MUSINESS制定本隐私条款是为了表明我们一直致力于保护用户的隐私信息。以下内容包括本网站对信息收集和传播行为的说明。若您使用本网站服务并接受用户协议，意味着您也接受本隐私条款的内容。 \r\n
- 7.2 您知道并同意我们在您注册或访问MUSINESS平台时收集您的以下信息： \r\n
- （1） 为了向您提供MUSINESS网站、服务、工具以及在本条款中声明的其他目的，我们可能收集以下种类的个人信息：姓名和联系信息，如移动电话号码、电子邮箱、地址，身份信息，如身份证号、身份证照片、企业资质照片和（依据所提供服务的需要）财务信息，如银行卡账号；基于您在本网站活动的交易信息、账单和其他您为了购买商品而提供的信息；当我们认为您存在或可能存在违反网站条款的行为时，我们要求您提供的用以验证您个人身份的其他个人信息；您与本网站互动的信息，包括但不限于设备ID、设备型号、定位信息、电脑和链接信息、网页视图数据、IP地址和标准网页记录信息。 \r\n
- （2） 一般信息：MUSINESS会出于改善我们的网站和服务的目的，收集不具有身份识别性的、概括性及一般性的信息。 \r\n
- （3） 非个人信息：MUSINESS会在您访问MUSINESS平台的时候收集非个人信息。当您访问网站时，M USINESS和第三方服务提供商（如谷歌浏览器）可能通过您的浏览器或移动设备，包括但不限于您的IP地址中的cookies、服务器日志和其他同类技术设备收集和记录您的非个人信息。 \r\n
- （4） 我们可能会将我们所搜集的非个人信息与个人信息结合。如果我们实施上述行为，且当结合所得的信息可能被用于与个人信息同样的用途时，即个人身份识别或定位，上述结合获得的信息将被视为个人信息。 \r\n
- 7.3 您知道并同意我们储存并使用您的信息： \r\n
- （1） 您的信息将被保证处于MUSINESS的控制范围之内。我们通过技术和安全管理措施来保护您的信息，以减少您信息遭受丢失、不当使用、未授权获取、披露和改动的风险。我们所使用的保护措施包括防火墙、数据加密、对我们数据中心的物理访问控制以及信息访问的授权控制。 \r\n
- （2） 当您使用MUSINESS平台时，我们可能需要您提供特定的信息。除非本条款另外规定，MUSINESS不会将具有身份识别性的信息或交易信息与任何个人或实体共享。除了与您进行交易并共享信息的主体外，没有任何第三方可以通过MUSINESS获取您具有身份识别性和交易信息。我们所搜集的信息将用于改进我们网站的内容、向用户及时告知我们网站的更新情况以及与用户的沟通，如用户服务。 \r\n
- （3） 市场营销：您同意我们可能将您的个人信息用于向您发送关于我们服务和工具的信息、依据您的个人偏好挑选的有针对性的市场营销和促销活动信息。在未获得您同意的情况下，我们不会基于市场营销的目的将您的个人信息与非关联性公司或第三人共享。我们可能出于市场营销的目的使用或共享非个人信息。 \r\n
- （4） 如非出于可归责于MUSINESS的原因，第三方使用任何手段非法获取您的信息给您造成损失的，MUSINESS不就该损失承担责任。 \r\n
- 7.4 您知道并同意我们共享您的信息： \r\n
- （1） 我们将依据法律规定、MUSINESS条款规定、回应本网站内容侵犯第三方权利控诉的需要、保护第三人权利、财产和安全的需要披露所收集的个人信息。上述信息可能将依据法律法规的规定进行披露。如前所述，未经您的明确许可，我们不会基于第三人的市场营销目的向其披露您的信息。 \r\n
- （2） 我们可能会出于前述目的，在关联企业或第三方同意承担与MUSINESS同等的保护用户隐私的责任的情况下，将您的个人信息披露给我们在海外的关联企业和第三方供应商和服务提供商。我们采取合理措施保证前述的海外信息接收主体不会违反关于保护您个人隐私的义务。 \r\n
- （3） 我们可能会与广告商或其他第三人共享一般信息，即在不透露单个用户隐私资料的前提下，MUSINESS有权对整个用户数据库进行分析并对用户数据库进行商业上的利用。MUSINESS采用行业通用标准的加密技术保护通过网站传送和接收的用户数据和交易数据。 \r\n
- 7.5 您可以访问并更新您的信息：\r\n
- \r\n
- 7.5.1 如果您认为我们对您个人信息的记录有错误、不完整或不准确，您可以要求我们进行更正。 \r\n
- 7.5.2 您可以通过发送电子邮件至我们的邮箱support@musiness.vip请求获取我们对您个人信息的记录。若您有权获取上述信息，我们将尽力通过恰当的途径为您提供（例如通过邮寄或发送电子邮件的方式发送给您）。我们可能会就此向您收取一定的管理和邮寄等其他合理费用。我们不会就您单纯的请求行为和更正您个人信息的行为收取任何的费用。 \r\n
- 7.5.3 在某些情况下，我们可能无法为您提供我们所获取的个人信息。比方说，如果上述个人信息的披露可能侵犯他人的隐私或导致保密义务的违反。在前述情形下，我们将在拒绝提供相应信息的回复中阐明无法提供的理由。 \r\n
\r\n - 7.6 我们可能随时对本隐私条款进行更改。最新版本的隐私条款会及时公布在我们的网站上，请您定期查看。 \r\n
- 8 知识产权 \r\n
- 8.1 本网站依据相关法律、法规将对明确的举报知识产权侵权通知作出相应反应措施。本网站所制定的知识产权侵权条款将对相关行为进行规制，使得本网站能够更直接地获取举报存在侵权行为的通知，并减少欺诈或表述模糊等情况。本网站用户不能侵犯包括他人的著作权在内的知识产权以及其他权利。一旦由于用户上传或发布的内容发生权利纠纷或侵犯了任何第三方的合法权益，其责任由用户本人承担，因此给MUSINESS或任何第三方造成损失的，用户应负责全额赔偿。所有因用户上传或发布的内容而引起的知识产权纠纷，与MUSINESS无关。如果您确信您的知识产权权利受到侵害，请通过发送邮件至support@musiness.vip及时通知本网站，我们将尽一切合理义务进行审查。由于您的误报给任何第三方造成的损失，由您承担相关责任。 \r\n
- 8.2 您完全了解并同意，当您将内容（包括但不限于提交的展示作品、向客户提交的项目作品等）交予本网站时，你即授予本网站对于内容中您所享有的部分或全部著作权、商标权等权利进行交易，上述权利为非独占、在世界范围内适用的、无期限的、不可撤销的、免费的、可进行分许可的（包括不限次的分许可），且对于任何目前已有的或将来可能产生的媒体适用。 \r\n
- 9 费用和服务 \r\n
本网站对所提供的特定服务向卖方及买方收取一定费用，包括但不限于项目分成费、平台服务费、声音设计费。您可以通过产品介绍页或常见问题页来查看费用细则，费用细则将根据需要进行修改，并以网站公示的方式进行公告。本网站可以基于促销或推广活动，对上述表格中的费用进行临时性变更，且上述价格的变更自本网站以公示方式展示相关信息时立即生效。
\r\n- \r\n
- 10 税费 \r\n
- 10.1 您应当自行依法承担使用本网站而产生相关税费，包括任何依据服务提供地法域法律而需要缴纳的与货物和服务相关的税款。与音乐制作服务费用相关的发票根据买方与卖方另行签订的设计协议由提供设计服务一方开具。 \r\n
- 10.2 MUSINESS作为一家在上海注册成立的公司，我们所收取的任何收入都将依据中华人民共和国（不含香港、澳门、台湾地区）的法律缴纳增值税，这将在相应的发票上得到体现。与平台服务费、项目发布费、声音设计费相关的发票根据您与MUSINESS的具体约定由MUSINESS开具。您也应当履行由您所在法域法律所规定的个人所得税纳税义务。 \r\n
- 11 货币 \r\n
本网站的所有支付的货币单位皆为人民币，另支持台币支付至本网站官方显示的台湾账户。除台币外，本网站不提供其他任何货币兑换标准。
\r\n- \r\n
- 12 用户间项目实施 \r\n
- 12.1 当买方通过在MUSINESS平台既有作品库中选择版权作品，在未购买前，买方可下载带有声音浮水印的试听版作品，但不具有商业使用的权利。在买方购买成功后，买方依照购买流程中填写的购买用途、授权地区、授权项目名称、项目投放渠道等信息享有该作品的单次授权，即仅享有在前述购买用途、授权地区、授权项目的范围内使用该购买作品的权利。不得复制、共用、改编、转售或以其他方式使用该作品。请注意付款流程将会自动生成作品授权书，为了确保授权书的正确性，请用户正确填写该作品所应用作品之信息再进行付款。买方在购买后下载完整的版权作品，超过24小时，即视为完成交易。或买方事实上商业使用了购买后下载的完整版权作品，即视为完成交易。如果买家在购买作品24小时内发现作品的格式、大小或其他信息与卖家在平台发布作品的信息描述有严重出入并且不能正常使用时，有权向MUSINESS投诉，MUSINESS在接到买家投诉并确认事实成立后，有权要求并督促卖家进行更正或退款处理。 \r\n
MUSINESS平台既有作品库中的版权作品属非排他性，属于卖方财产。卖方有权将作品进行再销售、授权、重制、卖断等，不受买方的限制。
\r\n- \r\n
- 12.2 当买方在MUSINESS平台发布案子，卖方有权以约稿、投标形式依据买方发布在MUSINESS平台上的案子要求创作作品后，通过网络传输的方式交稿，进行原创作品授权交易。该原创作品版权归属与授权方式由买卖双方协商确认。在该种方式下，卖方有权将原创作品的demo/小样在MUSINESS或MUSINESS以外的其他网站进行展示，但不得提供任何形式的源文件下载。 \r\n
当买方确认选择的demo/小样，在MUSINESS平台上操作选择该demo/小样的卖方，则应视为买方和卖方的该项合同已成立，该合同约定买方同意购买、且卖方同意提供相应的服务。买卖双方同意不得签订其他含有任何与上述合同条款相冲突内容的合同或其他具有法律效力的约定。买卖双方也不得绕开MUSINESS平台，私下交易。
\r\n- \r\n
- 12.3 您以个人的身份独立对其他用户承担义务并应对该义务的履行承担责任。如果您未履行相应的义务，您可能会对该用户承担相应法律的责任。您应当确认您了解那些与您在本网站实施行为相关的国内法、国际法等法律法规与行业规章。 \r\n
如果有用户未履行对您所负有的任何义务，您有权以个人的身份对该用户主张您所享有的任何权利。为免生疑问，本网站无义务基于买卖双方订立的合同向其中的任一方主张任何权利。
\r\n卖方和买方依据其各自所在领域的法律，可能享有无法依据约定而排除的法定权利。本用户协议的约定若与上述法定权利产生冲突，则以相应法律的规定为准。
\r\n每一个用户都完全了解并同意，买方和卖方之间的法律关系为承揽合同法律关系。本用户协议不会导致上述主体之间形成合伙、合资企业、代理或劳动法律关系。本用户协议也不会导致用户和本网站之间形成合资企业、合伙、代理或劳动法律关系。
\r\n- \r\n
- 13 用户间纠纷 \r\n
您了解并同意当您和其他用户之间就任何项目发生争议时，您应当首先尝试以公平、合理、符合法律规定和合同约定的方式解决任何就您和其他用户对该项目无法达成一致的问题，如因承揽项目而提供服务的质量问题。对于与上述纠纷有关的事项而带来的各种损失以及法律责任，您同意赔偿并使我们（以及我们的员工、经理、代理人、分公司、合资企业和其他雇员）在该纠纷中产生的所有类型的诉请和赔偿免责。
\r\n如果您与其他用户之间存在纠纷，您同意豁免我们（包括我们的员工、经理、代理人、分公司、合资企业和其他雇员）对因该纠纷中产生的诉请和赔偿的全部责任。
\r\n- \r\n
- 14 用户对网站的赔偿责任 \r\n
对于任何您违反用户协议、违反法律或使用本网站及本网站提供服务而侵害第三人合法权利导致的第三方对本网站（以及本网站的员工、主管、代理人、子公司、合资企业和员工）提起的诉讼或请求而造成的损失和损害，本网站将保留向您进行追偿一切合理支出的权利（包括但不限于律师费、交通费、鉴定费、公证费或其他合理费用）。此外，由于本条上述原因对本网站造成的损失，本网站有权使用您在MUSINESS平台特定账号中的资金赔偿。
\r\n- \r\n
- 15 非保险或担保 \r\n
我们不提供任何形式的保险、担保，或其他类似的用户保护。本协议中的所有条款不被认为是本网站对您的行为进行担保。
\r\n- \r\n
- 16 不担保网站内容 \r\n
本网站是一个动态的即时网站，因此本网站上的内容会被频繁地更改；同时，也可能存在一些我们不经意或第三方不经意或故意发布的，带有伤害性、侵犯性、错误性、误导性、欺骗性的信息。本网站所有的内容都是不作修理或改进而按照其原有形态呈现的、我们并不保证上述内容不存在明显的或潜在的瑕疵。我们特别声明不对任何的所有权、产品／服务的适销性、针对特定用途的适用性、质量、非侵权性提供担保。
\r\n- \r\n
- 17 免责声明 \r\n
- 17.1 用户明确同意其使用MUSINESS网络服务所存在的风险将完全由其自己承担；因其使用MUSINESS网络服务而产生的一切后果也由其自己承担，MUSINESS对用户不承担任何责任。 \r\n
- 17.2 MUSINESS不担保网络服务一定能满足用户的要求，也不担保网络服务不会中断，对网络服务的及时性、安全性、准确性也都不作担保。 \r\n
- 17.3 MUSINESS不保证为向用户提供便利而设置的外部链接的准确性和完整性，同时，对于该等外部链接指向的不由MUSINESS实际控制的任何网页上的内容，MUSINESS不承担任何责任。 \r\n
- 17.4 对于因不可抗力或MUSINESS不能控制的原因造成的网络服务中断或其它缺陷，MUSINESS不承担任何责任，但将尽力减少因此而给用户造成的损失和影响。 \r\n
- 17.5 用户同意，对于MUSINESS向用户提供的下列产品或者服务的质量缺陷本身及其引发的任何损失，MUSINESS无需承担任何责任： \r\n
- （1） MUSINESS向用户免费提供的各项网络服务； \r\n
- （2） MUSINESS向用户赠送的任何产品或者服务； \r\n
- （3） MUSINESS向收费网络服务用户附赠的各种产品或者服务。 \r\n
- 17.6 在任何情况下，我们、我们的相关实体、附属主体或员工都不对以下情形承担任何合同、侵权或其他任何形式的法律责任： \r\n
- （1） 您遭受的任何不可归责于本网站的直接或间接、特定或非特定、附带或结果性损害； \r\n
- （2） 您所遭受的任何直接或间接的收入、商业或利润损失； \r\n
- （3） 您由于进行本网站交易所遭受的任何损害或损失。 \r\n
- （4） 您由于违反本用户协议或国家强制性法律法规规定给任何第三方造成的任何损害或损失。 \r\n
- 17.7 不论我们、我们的相关主体、附属主体或员工是否已被告知上述损失或损害发生可能性，上述责任的限免也不受影响。若您所在法域的法律不允许上述约定的某些责任排除或例外性规定，则以该法律的规定为准。在这种情况下，我们的责任豁免程度为在法律所允许的范围内的最大限度。 \r\n
- 17.8 MUSINESS平台所展示的作品由用户自行提供，页面信息也由用户自行填写，MUSINESS没有能力查证用户上传作品的素材来源、真实性、准确性及合法性。因此，MUSINESS不为作品提供任何保证。如因非法使用引起纠纷，一切后果由使用者承担。MUSINESS不负任何因此造成的法律责任和损失。 \r\n
- 17.9 因MUSINESS平台为网络服务提供商，MUSINESS平台的作品均由用户自行上传提供，若版权人发现MUSINESS平台作品有存在侵害著作权等相关权利的，请及时按照MUSINESS平台公布的方式告知MUSINESS，MUSINESS将在核实相关信息后第一时间删除相关作品。用户若发现MUSINESS误删了其享有版权的作品，请在MUSINESS告知“权利人”维权信息后3个工作日内书面联系MUSINESS，MUSINESS将有权根据MUSINESS用户的申请恢复链接。 \r\n
- 17.10 MUSINESS系网络服务提供商，MUSINESS仅为MUSINESS用户提供网络相关服务，不涉及网站作品的任何权利义务的授权、转移等内容，MUSINESS仅以普通非专业人士的角度对MUSINESS平台上的作品尽到网络服务提供商的注意义务。 \r\n
- 18 可分性 \r\n
本用户协议之间的条款具有效力上的可分性，即部分条款的无效或被撤销不影响其他条款的效力。特别注意，本用户协议的解除不影响以下条款的效力：费用与服务（关于我们提供服务的收费）、网站使用、网站内容、网站责任限免以及用户赔偿责任。您了解并同意，当我们财产被部分或全部转让时，本用户协议项下的所有权利义务可能会在无须获得您同意的情况下，被转让给相关主体或第三方。在上述转让发生的情况下，您仍受到本用户协议条款的约束。
\r\n- \r\n
- 19 通知送达 \r\n
本协议项下MUSINESS对于对用户所有的通知均可通过网页公告、电子邮件、手机短信或常规的信件传送等用户在注册时提供的联系方式进行；该等通知于发送之日视为已送达收件人。
\r\n- \r\n
- 20 解释 \r\n
本用户协议条款的标题仅作参考，不视为对该条款项下内容的定义或限制。MUSINESS保留对本协议做出不时修改的权利，并有权对本协议的条款进行解释。
\r\n- \r\n
- 21 争议解决 \r\n
- 21.1 若您与MUSINESS之间产生纠纷，我们的首要目标是解决您的问题，如果我们无法让您感到满意，我们会为您提供快速解决纠纷的途径。我们鼓励您先与我们取得直接联系来寻求解决方法，您发邮件至support@musiness.vip与我们联系。您对MUSINESS提起的任何纠纷都会依据本用户协议的内容进行处理。所有违反本用户协议内容而提起的申诉都被视为不恰当的，并被视同为违反本用户协议。若您违反本用户协议提起不恰当的申诉，我们有权向您追偿就此而产生的法务费用和支出（包括使用公司外聘律师、律师助理、法务所产生的费用），前提是我们向您发出了书面通知告知您提起的是不恰当的申诉且您没有依据该通知撤回该不恰当申诉。MUSINESS未对您或他人的违约行为采取措施并不意味着我们放弃对您该项和之后的违约行为或相类似的违约行为追究责任的权利。 \r\n
- 21.2 甲乙双方因本协议产生任何纠纷，应通过协商解决。如解决不成时，任何一方均可向MUSINESS所在地人民法院提起诉讼。本协议适用中华人民共和国法律。本合同部分条款无效或合同中止、解除的，不影响争议解决条款效力。 \r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\n","import React, { Component } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./TermModal.less\";\r\nimport {\r\n TermsOfUsePage,\r\n TermsOfViolationrulesPage,\r\n MediaContantPage,\r\n} from \"../StaticPages/index\";\r\nimport TeamUse from \"components/StaticPages/TeamUse\";\r\nimport TeamSell from \"components/StaticPages/TeamSell\";\r\n\r\nclass Modal extends Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n visible: false,\r\n };\r\n }\r\n\r\n static propTypes = {\r\n modalVisible: PropTypes.bool.isRequired,\r\n termsType: PropTypes.string.isRequired,\r\n onClose: PropTypes.func.isRequired,\r\n maskClick: PropTypes.func.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n this.setState({ visible: this.props.modalVisible });\r\n }\r\n\r\n static getDerivedStateFromProps(props) {\r\n return { visible: props.modalVisible };\r\n }\r\n\r\n render() {\r\n const { termsType } = this.props;\r\n const { visible } = this.state;\r\n\r\n return (\r\n visible && (\r\n \r\n \r\n \r\n
\r\n 卖家协议
\r\n\r\n
\r\n \r\n
\r\n \r\n
正式成为上海小仙虎文化传媒有限公司（下称“MUSINESS”）卖家用户前，请您仔细阅读（未成年人应在其法定监护人的陪同下阅读）本《卖家协议》（下称“本协议”）中的各个条款，点击已阅读并同意《卖家协议》按钮后，视为您已经仔细阅读并理解本协议中各个条款，同意本协议条款各项内容，您同意本协议将适用于您使用本网站及借助本网站实施的任何活动。
\r\n本协议的发布时间为2019年2月18日星期一。
\r\n名词解释
\r\n“账号”指的是您在本网站开设并使用的账号。
\r\n“用户”“客户”“会员”指的是访问或使用本网站的自然人、法人或其他组织。
\r\n“您” “卖方”“卖家”指的是通过本网站提供服务或作品的用户。
\r\n“买方”“买家”指的是希望或已经通过本网站从卖方手中购买卖方服务或作品的用户。
\r\n“正版商业授权”指的是用户将其享有完整版权的作品上传至MUSINESS平台并授权MUSINESS平台其他用户购买并下载该版权作品，授权买家用于且仅能用于一定范围的商业用途。上传或下载版权作品，均须遵循MUSINESS平台的规定，MUSINESS不对版权作品权属负任何法律责任。
\r\n“分销”“销售”指用户通过MUSINESS平台上传音乐作品进行授权和售卖活动。
\r\n“非独家销售” 是指用户将其享受完整版权的作品，既可以在MUSINESS平台www.musiness.vip及MUSINESS指定的合作网站进行销售，同时可再发布于其它网站进行有偿网络销售。卖方可以通过与MUSINESS签订《卖家协议》，约定权利义务。
\r\n“MUSINESS”“我们”指的是上海小仙虎文化传媒有限公司。
\r\n“本网站”“MUSINESS平台”指的是由上海小仙虎文化传媒有限公司运作的网站，访问网址为：www.musiness.vip，以及相关的其他MUSINESS服务、工具或应用。
\r\n“案”“案子”“项目”指的是由买方通过MUSINESS平台提供给卖方的工作项目或任务。
\r\n“平台服务费”指的是买方通过本网站提交项目需求且在需求交易成功后须向MUSINESS支付的费用。
\r\n“项目分成费”指的是卖方通过本网站获得项目时或者作品授权交易成功后需向MUSINESS支付的一定比例的收益分成。
\r\n“托管支付”指的是买方将项目所涉款项打入MUSINESS指定账户后，MUSINESS依据双方的指示将相关款项支付予卖方的行为。
\r\n“知识产权”指的是在世界范围内存在的部分或所有知识产权以及上述权利指涉的客体，包括但不限于：（1）专利、著作权、商标以及其他对具有商业价值的信息进行保密的权利；以及（2）就（1）项下内容进行申请登记的权利，不论上述内容是否已发表、已经登记或能够获得登记或者已在任何法律体系下实际存在。
\r\n“完整版权”指卖方拥有售卖作品的所有权利，并可对作品进行合法授权。
\r\n“一次性授权”“随片永久”指的是用户上架到MUSINESS平台的作品采用“单次购买”中的同一个项目一次性的永久授权。MUSINESS约定以项目为单位对音乐进行授权，即同一首音乐在同一项目中视为一次授权，同一首音乐在不同项目中视为多次授权。 其中，仅以下情况可视为同一个项目： 同一部影视剧、综艺、动画中的不同集数；同一系列纪录片、短视频、有声书、课程；某品牌同一次运营活动；作为同一个平台的UGC素材。
\r\n“定价规则”是指MUSINESS网站中对于出售作品的价格规定，包括但不限于通过各种渠道、授权方式、范围、类别出售作品的所有价格，以及参与活动、促销或在合集中销售的价格规定。
\r\n一、交易流程
\r\n- \r\n
- 1、 您须如实填写详细个人资料，并完成MUSINESS要求的身份验证程序，即实名认证。 \r\n
- 2、 您须在遵守本协议时，必须同时遵守《MUSINESS平台用户协议》及其他与MUSINESS、买家达成的协议。 \r\n
- 3、 您可以通过以下两种方式为MUSINESS买家提供作品或服务： \r\n
（1）您自行上传作品到MUSINESS平台，完成作品相关信息（如作品名字、创作者名字、作品简介、关键词、定价等）的编辑工作。
\r\n若MUSINESS发现您上传的作品违反MUSINESS的规定或相关法律、法规，MUSINESS有权不经告知立即将用户的作品从MUSINESS平台上删除，并有权停止对用户提供服务。
\r\n（2）当买方在MUSINESS平台发布案子，您可以通过约稿、投标形式与买方进行交易：根据买方发布在MUSINESS平台上的案子要求创作作品后，通过网络传输的方式交稿，进行原创作品授权交易。该原创作品版权归属与授权方式由买卖双方协商确认。在该种方式下，您有权将原创作品的demo/小样在MUSINESS或MUSINESS以外的其他网站进行展示，但不得提供任何形式的源文件下载。
\r\n- \r\n
- 4、 买家在MUSINESS平台上购买后，可下载完整的版权作品。如果买家在购买作品24小时内没有向MUSINESS提出投诉，即完成交易。如果买家在购买作品24小时内发现作品的格式、大小或其他信息与您在平台发布作品的信息描述有严重出入并且不能正常使用时，有权向MUSINESS投诉，MUSINESS在接到买家投诉并确认事实成立后，有权要求并督促您进行更正或退款处理。 \r\n
- 5、 您同意授权MUSINESS向买方分销您的作品，并按照买方购买的授权方式，授权买方在其所拥有、制作、创作、剪辑或以其他方式使用的作品中（包括但不限于广告、短视频、影视剧、计算机软件等），以商业目的或非商业目的复制、剪辑、重制、公开播放、通过信息网络传播、发表、表演、汇编或以其他方式使用您的作品。MUSINESS有权代表您向买家出具作品授权书。 \r\n
- 6、 若您的作品被认定为侵权等情形，买家要求退款的，可以以书面形式向您提出，也可以通过本平台向您提出。若通过本平台提出的，并提供证据确实存在侵权情形的，您应当在被要求退款之日起5个工作日内作答复，若您在收到退款请求后5个工作日内未作任何答复，则视为您默认同意退款。您同意MUSINESS介入后对相关证据进行保全，并有权冻结所涉交易款项。 \r\n
二、完整版权保证
\r\n- \r\n
- 1、 您保证并确认，您拥有所上传的作品的完整版权，并有权在不侵犯任何人合法权利的情况下授权该作品。 \r\n
- 2、 您保证并确认，在签订本协议时未授权中国音乐著作权协会、中国音像著作权集体管理协会或其他类似著作权集体管理组织（“著作权集体管理组织”）处分您的作品的任何财产权利。如果您在授权MUSINESS分销您的作品的期限内加入任何著作权集体管理组织，您应当向该组织声明对MUSINESS的授权情况。 \r\n
- 3、 若您为原创作者，您需要保证，在制作音乐作品的过程中所用到的软件和音频信息，包括但不限于宿主软件、采样、录音、音源、插件及音色库，均为经合法授权的正版软件，且在授权范围内使用，不存在侵犯任何第三方权利的情况。 \r\n
- 4、 您需要保证，您的作品在上传到MUSINESS平台后，不再将该作品另行以专有许可、排他性许可等方式向第三方授权，或以权利信托等方式排除，不得给买家合法使用该作品造成任何不利影响。 \r\n
三、授权期限与授权地域
\r\n- \r\n
- 1、 如果您非因版权问题或遭到投诉，而对作品进行下架或删除操作（“下架作品”），您同意MUSINESS平台在30天内可以继续售卖下架作品（“缓冲期”）。若您在缓冲期内转让该作品版权的，应及时通知MUSINESS平台，否则MUSINESS仍将您视为作品的权利人，在此期间下架作品的收益仍按本协议中约定的方式进行结算。 \r\n
- 2、 在您上传作品的过程中，您可以选择您作品的授权地域，若没有选择授权区域，则默认MUSINESS可将您的作品在全球范围内授权。 \r\n
- 3、 您同意您上传的作品一旦交易成功，该作品将不可撤销的以随片永久的方式，在授权范围内供买方使用。 \r\n
四、上传的作品
\r\n- \r\n
- 1、 卖家上传的作品以非独家销售的方式在MUSINESS平台上销售，您可以将该作品授权给任何第三方使用，但授权给第三方使用时不得以免费或明显低于市场的价格，也不得损害或影响MUSINESS平台销售该作品。 \r\n
- 2、 卖家上传至MUSINESS平台的作品应达到基本的适合销售的质量以满足MUSINESS的质量要求，MUSINESS有权审核并决定是否将该作品上架。 \r\n
- 3、 出于宣传推广的目的，卖家授权MUSINESS将作品用于MUSINESS或MUSINESS有关的业务活动中，MUSINESS不再另行向卖家支付使用费。 \r\n
- 4、 您在上传作品时应当告知MUSINESS是否同意MUSINESS对该作品以打折、促销、参与活动等方式进行销售（“非正常销售”）。如果您未做出不同意的意思表示，MUSINESS可以在不通知您的情况下对该作品进行非正常销售，所得价格按本协议之分配方式分配。 \r\n
五、作品的下架或删除
\r\n1、若您因违规或违约而被锁定账号，您须返还所得，并支付完赔偿款或违约金后，方可下架或删除作品。
\r\n2、当第三方向MUSINESS提出权利通知，向MUSINESS出示权属证明，主张MUSINESS卖家上传的作品侵犯其合法权益的，MUSINESS可以自行判断并删除涉嫌侵权的作品。如第三方提出披露上传会员相关信息要求的，MUSINESS有权在形式审查第三方身份后将上传用户信息披露给第三方。
\r\n3、MUSINESS有权不展示MUSINESS认为不适合出售、涉嫌侵权、违反法律法规以及国家政策等作品。
\r\n六、分销方式与定价方式
\r\n1、您同意给予MUSINESS分销您的作品所必须的知识产权授权，包括但不限于关于授权作品现行著作权法规定的所有权利种类（复制权、出租权、展览权、表演权、放映权、广播权、信息网络传播权、摄制权、改编权、翻译权、出版权、发表权、汇编权、邻接权等）及为推广宣传您的作品而必要使用您的姓名（含别名、艺名、企业字号、简称、商标等）、肖像等。该等授权不需您另行出具授权委托书。
\r\n2、您须遵守MUSINESS的定价规则。MUSINESS有权根据市场情况和自身发展原因，自行对定价做出调整（“价格调整”），且定价规则的变更自MUSINESS平台以公示方式展示相关信息时立即生效。如您不同意MUSINESS经价格调整后的定价规则，请您及时将作品下架，否则，将认为您同意MUSINESS的定价规则。
\r\n3、您须同意MUSINESS在不同分销渠道展示您的作品，并同意MUSINESS针对不同渠道对您的作品设置不同的定价规则。
\r\n七、分成方式
\r\n1、您每销售一次授权，MUSINESS将从您的收益中保留一部分费用作为服务费。
\r\n2、MUSINESS将收取您上传至MUSINESS平台非独家销售作品收益中的40%作为平台服务费，您需要自行承担并缴纳剩余收益所产生的一切税费，或由MUSINESS公司代扣代缴税费。代扣代缴是MUSINESS公司之权利而不是MUSINESS公司之义务。
\r\n3、通过渠道售卖的作品会产生一部分的渠道费用，这部分费用将由您和MUSINESS按照分成比例（您承担60%，MUSINESS承担40%）共同承担。
\r\n八、提现
\r\n1、您的最终收益将在您的个人账户中显示。
\r\n2、您需要完成MUSINESS平台实名认证后才可提现，若没有完成实名认证，则不能进行提现操作。
\r\n3、提现的金额需大于100元，小于5万元。
\r\n4、在您递交提现申请后，MUSINESS将对您的提现操作进行审核，审核通过后，MUSINESS将于次月15日前向您的实名认证账户支付相应的提现费用。
\r\n九、版权
\r\n1、您的上传的作品必须在下架30天后才能进行版权转让的操作。
\r\n2、在您作品的转让协议中，必须标明您在MUSINESS平台的售卖行为，且需要在转让协议中说明在MUSINESS平台的售卖情况，并确保在MUSINESS平台购买音乐的客户可以正常使用音乐。
\r\n3、若因您的转让行为造成MUSINESS平台或MUSINESS客户与作品版权方的版权纠纷，MUSINESS平台将追究您的法律责任，并要求您赔偿版权纠纷给MUSINESS或MUSINESS客户带来的经济损失。
\r\n十、免责声明
\r\n1、MUSINESS对您的作品的审核并不能保证您作品的原创性或者版权合法性，若您上传的作品侵犯了他人的合法权益，MUSINESS将协助原版权所有者追究您的法律责任，并要求您赔偿由于版权纠纷对MUSINESS及其客户带来的经济损失。
\r\n2、MUSINESS对客户购买音乐使用情况的检测并不保证客户按照授权使用作品，客户对音乐作品的使用情况与MUSINESS无关。
\r\n3、若因客户违规使用您的作品产生纠纷，由双方自行解决，MUSINESS不负任何因此造成的法律责任和损失。MUSINESS可协助您提供售卖信息、订单记录等信息，但您的追责行为与MUSINESS无关，MUSINESS不保证您可以获得您的维权诉求。
\r\n4、买卖作品交易双方中出现任何一方违反法律或相关协议的情形，由双方自行解决，MUSINESS不负任何因此造成的法律责任和损失。若致使MUSINESS遭受经济损失，违约方应全额承担此损失。但MUSINESS有义务秉着客观公正原则提供双方交易中产生的各种证据，以保障交易双方权利不受侵害。
\r\n十一、违规违法行为及处理
\r\n1、违规违法行为，是指违反法律、法规及相关规章制度规范性文件、《MUSINESS平台用户协议》、《卖家协议》等MUSINESS规定，损害MUSINESS用户、MUSINESS或第三方合法权益的行为。
\r\n2、您有违规行为的，MUSINESS将有权根据违规情况及损害后果对您处以冻结提现、扣除销售款、违约金、严重警告、取消出售资格、封存账户、禁言、扣除积分、删除作品、删除账户等处罚。MUSINESS用户有违法行为的，MUSINESS有权向国家有关部门举报并追究其法律责任。
\r\n3、违规违法的执行
\r\n（1）用户的违规违法行为，通过MUSINESS会员、权利人的投诉或MUSINESS排查发现。
\r\n（2）您同意授权MUSINESS有权对用户间的争议，以非专业者的知识水平标准对相关争议事项进行调处。
\r\n（3）MUSINESS用户对于违规违法行为作出的承诺或说明与本规则相悖的，MUSINESS不予采信。除证据有误或判断错误的情形外，对违规违法行为的处罚不中止、不撤销。
\r\n十二、其他规定
\r\n1、MUSINESS有权随时修改本协议条款，并只需公示于MUSINESS平台，修改后的条款应于公示即时生效。如果不同意MUSINESS对本协议相关条款所做的修改，您有权停止使用MUSINESS提供的网络服务。如果您继续使用网络服务，则视为您接受MUSINESS对本协议相关条款所做的修改。
\r\n2、若本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，本协议的其余条款仍应有效并且有约束力。
\r\n\r\n
\r\n
\r\n )\r\n );\r\n }\r\n}\r\nexport default Modal;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n REGISTER,\r\n CAPTCHA,\r\n REGISTER_PAGE_UNLOADED,\r\n IS_REGISTER,\r\n} from \"constants/actionTypes\";\r\nimport { Form, Input } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport TermModal from \"../Common/TermModal\";\r\n\r\nconst mapStateToProps = state => ({ ...state.auth });\r\nconst FormItem = Form.Item;\r\nconst query = new URLSearchParams(location.search);//获取参数\r\nconst sourceid=query.get('reference');\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: ({\r\n company_name,\r\n company_number,\r\n email,\r\n password,\r\n captcha,\r\n userImage,\r\n interest,\r\n industry,\r\n inviter,\r\n sourceuser,\r\n source,\r\n }) =>\r\n dispatch({\r\n type: REGISTER,\r\n payload: agent.Register.userRegister({\r\n company_name,\r\n company_number,\r\n email,\r\n password,\r\n captcha,\r\n userImage,\r\n interest,\r\n industry,\r\n inviter,\r\n sourceuser,\r\n source,\r\n }),\r\n }),\r\n\r\n onClick: (email, done) =>\r\n dispatch({\r\n type: CAPTCHA,\r\n payload: agent.Captcha.create(email),\r\n done,\r\n }),\r\n isRegister: (email) =>\r\n dispatch({\r\n type: IS_REGISTER,\r\n payload: agent.Auth.isRegister(email),\r\n }),\r\n onUnload: () => dispatch({ type: REGISTER_PAGE_UNLOADED }),\r\n});\r\n\r\nclass UserRegister extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = { tabSelectedFlg: \"0\", modalVisible: false };\r\n\r\n this.changeToCompany = this.changeToCompany.bind(this);\r\n this.changeToUser = this.changeToUser.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n this.handleSendCode = this.handleSendCode.bind(this);\r\n this.closeTermModal = this.closeTermModal.bind(this);\r\n }\r\n\r\n static propTypes = {\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n registeSuccess: PropTypes.bool,\r\n\r\n onSubmit: PropTypes.func.isRequired,\r\n onClick: PropTypes.func.isRequired,\r\n onUnload: PropTypes.func.isRequired,\r\n };\r\n static defaultProps = {\r\n registeSuccess: false,\r\n };\r\n\r\n onRef = ref => {\r\n this.child = ref;\r\n };\r\n\r\n state = {\r\n captchaDisabled: false,\r\n captchaLock: -1,\r\n };\r\n\r\n closeTermModal() {\r\n this.setState({\r\n modalVisible: false,\r\n });\r\n }\r\n\r\n handleModalClick = e => {\r\n e.preventDefault();\r\n this.setState({ modalVisible: true });\r\n };\r\n\r\n handleSendCode = e => {\r\n e.preventDefault();\r\n let sendEmail = \"\";\r\n\r\n if (this.state.tabSelectedFlg === \"0\") {\r\n sendEmail = this.props.form.getFieldValue(\"email\");\r\n } else {\r\n sendEmail = this.props.form.getFieldValue(\"companyEmail\");\r\n }\r\n this.getIdentifyingCode(sendEmail);\r\n };\r\n _getIdentifyingCode = field => {\r\n const done = e => {\r\n };\r\n this.props.onClick(field, done);\r\n };\r\n\r\n getIdentifyingCode(sendEmail) {\r\n if (/^\\d+(\\.\\d{1,2})?$/.test(sendEmail) && sendEmail.length === 11) {\r\n this._getIdentifyingCode(sendEmail);\r\n } else {\r\n if (this.state.tabSelectedFlg === \"0\") {\r\n if (\r\n !/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(\r\n sendEmail\r\n )\r\n ) {\r\n this.props.form.setFields({\r\n email: {\r\n value: sendEmail,\r\n errors: [new Error(\"请输入正确的手机号/邮箱！\")],\r\n },\r\n });\r\n return false;\r\n } else {\r\n this._getIdentifyingCode(sendEmail);\r\n }\r\n } else {\r\n if (\r\n !/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(\r\n sendEmail\r\n )\r\n ) {\r\n this.props.form.setFields({\r\n companyEmail: {\r\n value: sendEmail,\r\n errors: [new Error(\"请输入正确的手机号/邮箱！\")],\r\n },\r\n });\r\n return false;\r\n } else {\r\n this._getIdentifyingCode(sendEmail);\r\n }\r\n }\r\n }\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n const identiy=window.identiy;\r\n console.log(identiy)\r\n let send = {};\r\n if (this.state.tabSelectedFlg === \"0\") {\r\n if (values.reinputPassword !== values.password) {\r\n this.props.form.setFields({\r\n reinputPassword: {\r\n value: values.reinputPassword,\r\n errors: [new Error(\"输入密码不一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n\r\n if (err) {\r\n return false;\r\n }\r\n send = {\r\n company_name: \"\",\r\n company_number: \"\",\r\n email: values.email,\r\n password: values.password,\r\n captcha: values.identifyingCode,\r\n userImage: values.userImage,\r\n sourceuser:values.sourceid,\r\n source: \"未知\",\r\n // interest:values.interest,\r\n // industry:values.industry,\r\n }; \r\n } else {\r\n if (values.reinputCompanyPassword !== values.companyPassword) {\r\n this.props.form.setFields({\r\n reinputCompanyPassword: {\r\n value: values.reinputCompanyPassword,\r\n errors: [new Error(\"输入密码不一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n\r\n if (err) {\r\n return false;\r\n }\r\n send = {\r\n company_name: values.companyName,\r\n company_number: values.companyLicenseNumber,\r\n email: values.companyEmail,\r\n password: values.companyPassword,\r\n captcha: values.companyIdentifyingCode,\r\n userImage: values.userImage,\r\n sourceuser:values.sourceid,\r\n source: \"未知\",\r\n // interest:values.companyInterest,\r\n // industry:values.companyIndustry,\r\n };\r\n }\r\n\r\n if (identiy) {\r\n send.inviter=identiy;\r\n } \r\n //判断是否来自IP \r\n if(sessionStorage.getItem(\"source\")==\"ip\")\r\n send.source=\"IP\"; \r\n console.log(JSON.stringify(send)+\" hello simon\")\r\n this.props.onSubmit(send);\r\n });\r\n // this.props.onSubmit({companyName:\"\", companyLicenseNumber:\"\", email:\"ljm11234@yahoo.co.jp\", password:12345678, reInputPassword:12345678, captcha:\"5452074\", userImage:\"\"});\r\n };\r\n\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n if (!errors) {\r\n const { captchaDisabled } = this.state;\r\n if (captchaDisabled) {\r\n return;\r\n }\r\n this.setState({ captchaDisabled: true });\r\n let lock = 60;\r\n this.setState({ captchaLock: lock });\r\n const c = setInterval(() => {\r\n lock--;\r\n this.setState({ captchaLock: lock });\r\n if (lock <= 0) {\r\n this.setState({ captchaDisabled: false });\r\n clearInterval(c);\r\n }\r\n }, 1000);\r\n return;\r\n }\r\n \r\n const { form } = this.props;\r\n Object.keys(errors).map(key => {\r\n const message = errors[key];\r\n if (message.message === \"Invalid captcha\") {\r\n message.param = \"captcha\";\r\n message.msg = \"验证码错误\";\r\n const key =\r\n this.state.tabSelectedFlg === \"0\"\r\n ? \"identifyingCode\"\r\n : \"companyIdentifyingCode\";\r\n message.value = form.getFieldValue(key);\r\n } else if (message.message === \"Invalid company number\") {\r\n message.param = \"company_number\";\r\n message.msg = \"企业号错误\";\r\n message.value = form.getFieldValue(\"companyLicenseNumber\");\r\n } else if (message.message === \"Invalid company name\") {\r\n message.param = \"company_name\";\r\n message.msg = \"企业名错误\";\r\n message.value = form.getFieldValue(\"companyName\");\r\n }else if (message.message === \"phone already registered\"){\r\n message.param = \"email\";\r\n message.msg = \"该手机/邮箱已注册!\";\r\n message.value = form.getFieldValue(\"email\");\r\n }else if (message.message === \"The user is registered\"){\r\n message.param = \"email\";\r\n message.msg = \"该手机/邮箱已注册!\";\r\n message.value = form.getFieldValue(\"email\");\r\n }\r\n\r\n if (this.state.tabSelectedFlg === \"0\") {\r\n switch (message.param) {\r\n case \"email\":\r\n form.setFields({\r\n email: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"password\":\r\n form.setFields({\r\n password: {\r\n value: message.value,\r\n errors: [new Error(\"密码至少6位！\")],\r\n },\r\n });\r\n break;\r\n case \"captcha\":\r\n form.setFields({\r\n identifyingCode: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"userImage\":\r\n this.setFormItemError(\"userImage\", message.msg);\r\n break;\r\n }\r\n } else {\r\n switch (message.param) {\r\n case \"company_name\":\r\n form.setFields({\r\n companyName: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"company_number\":\r\n form.setFields({\r\n companyLicenseNumber: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"email\":\r\n form.setFields({\r\n companyEmail: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"password\":\r\n form.setFields({\r\n companyPassword: {\r\n value: message.value,\r\n errors: [new Error(\"密码至少6位！\")],\r\n },\r\n });\r\n break;\r\n case \"captcha\":\r\n form.setFields({\r\n companyIdentifyingCode: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"userImage\":\r\n form.setFields({\r\n userImage: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (this.props.errors !== prevProps.errors) {\r\n this.showFormItemServerError();\r\n }\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (nextProps.registeSuccess && agent.getToken()) {\r\n redirectTo(\"/register/success\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n changeToCompany(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.props.form.resetFields();\r\n this.setState({ tabSelectedFlg: \"1\" });\r\n }\r\n\r\n changeToUser(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.props.form.resetFields();\r\n this.setState({ tabSelectedFlg: \"0\" });\r\n }\r\n\r\n componentWillUnmount() {\r\n this.props.onUnload();\r\n }\r\n renderCaptcha = () => {\r\n const { captchaDisabled, captchaLock } = this.state;\r\n const className = [];\r\n if (captchaDisabled) {\r\n className.push(\"isDisabled\");\r\n }\r\n return (\r\n \r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n {termsType === \"TermsOfSalePage\" ? (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n 注册用户
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n
\r\n {getFieldDecorator(\r\n \"companyName\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请输入企业名称!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n - \r\n
\r\n {getFieldDecorator(\r\n \"companyLicenseNumber\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请输入企业营业执照号!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n - \r\n
\r\n {getFieldDecorator(\r\n \"companyEmail\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请输入手机号/邮箱!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n - \r\n
\r\n {getFieldDecorator(\r\n \"companyIdentifyingCode\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请输入验证码!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n
\r\n {this.renderCaptcha()}\r\n
\r\n\r\n
\r\n - \r\n
- \r\n
\r\n {getFieldDecorator(\r\n \"companyPassword\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请输入账户密码!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n - \r\n
\r\n {getFieldDecorator(\r\n \"reinputCompanyPassword\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this\r\n .state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请再次输入密码!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n
\r\n
\r\n - \r\n
- \r\n
\r\n {getFieldDecorator(\r\n \"companyIndustry\",\r\n {\r\n rules: [\r\n {\r\n required:false,\r\n message:\r\n \"请输入行业!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n - \r\n
\r\n {getFieldDecorator(\r\n \"companyInterest\",\r\n {\r\n rules: [\r\n {\r\n required:false,\r\n message:\r\n \"请输入兴趣!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {getFieldDecorator(\r\n \"companyAgreementCheck\",\r\n {\r\n rules: [\r\n {\r\n required:\r\n this.state\r\n .tabSelectedFlg ===\r\n \"1\"\r\n ? true\r\n : false,\r\n message:\r\n \"请阅读并同意MUSINESS平台用户协议!\",\r\n },\r\n ],\r\n }\r\n )(\r\n \r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default RegisteSuccess;\r\n","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport userRegister from \"./UserRegister\";\r\nimport registeSuccess from \"./RegisteSuccess\";\r\n\r\nclass Register extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n const { match } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n 注册完成
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n 登录\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(state => ({\r\n user: state.user.currentUser,\r\n currentPath: state.router.location.pathname,\r\n}))(SidebarAvatar);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass Header extends React.Component {\r\n static propTypes = {\r\n title: PropTypes.string.isRequired,\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {nickname && ID : {nickname}
}\r\n\r\n
\r\n - {list}
{this.props.title}
\r\n\r\n
\r\n )\r\n }\r\n}\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport Header from \"./Header\";\r\nimport { Form, Input, Upload, Layout } from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\nimport { PRODUCER_UPDATE_CREATOR, PRODUCER_GET_CREATOR, PRODUCER_CREATE_CREATOR } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport { loadCreatorDetail, redirectTo, HtmlUtil } from \"dispatch\";\r\nimport ClassCropperModal from 'components/ClassCropperModal/AvatorUpdate'\r\nimport Loading from \"components/Loading\";\r\nconst queryString = require(\"query-string\");\r\nconst { Content } = Layout;\r\nexport const getBase64 = async file => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n return await new Promise(resolve => {\r\n reader.addEventListener(\"load\", () => resolve(reader.result));\r\n });\r\n};\r\n\r\nexport const form = [\r\n {\r\n type: \"avatar\",\r\n label: \"酷炫头像\",\r\n name: \"avatar\",\r\n dtClassList: [\"buypageForm__dt\", \"u-alsT\"],\r\n fieldClassList: [\"\"],\r\n },\r\n {\r\n type: \"input\",\r\n label: \"艺名\",\r\n name: \"nickname\",\r\n dtClassList: [\"buypageForm__dt\"],\r\n placeholder: \"请填写创作人艺名\",\r\n fieldClassList: [\"u-inputSkin02\"],\r\n rules: [{ required: true, message: \"请填写创作人艺名!\" }],\r\n },\r\n {\r\n type: \"textarea\",\r\n label: \"个人介绍\",\r\n row: 4,\r\n name: \"description\",\r\n dtClassList: [\"buypageForm__dt\", \"u-alsT\"],\r\n placeholder: \"请填写创作人个人介绍,最多500个字\",\r\n maxlength: \"500\",\r\n fieldClassList: [\"u-textareaSkin\"],\r\n rules: [{ required: true, message: \"请填写创作人个人介绍,最多500个字!\" }],\r\n },\r\n {\r\n type: \"input\",\r\n label: \"作品链接\",\r\n name: \"link_a\",\r\n dtClassList: [\"buypageForm__dt\"],\r\n placeholder: \"请填写创作人作品链接\",\r\n fieldClassList: [\"u-inputSkin02\"],\r\n rules: [{ required: true, message: \"请输入在其他平台上发布的原创作品链接!\" }],\r\n },\r\n];\r\n\r\nclass DlWraper extends React.Component {\r\n static propTypes = {\r\n dtClassList: PropTypes.array.isRequired,\r\n label: PropTypes.string.isRequired,\r\n \r\n content: PropTypes.oneOfType([PropTypes.string.isRequired, PropTypes.object.isRequired, PropTypes.array.isRequired]),\r\n };\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n (this.cropper = cropper)}\r\n // Cropper.js options\r\n viewMode={1}\r\n zoomable={false}\r\n aspectRatio={1} // 固定为1:1 可以自己设置比例, 默认情况为自由比例\r\n guides={false}\r\n preview=\".cropper-preview\"\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n 提交\r\n
\r\n \r\n 取消\r\n
\r\n \r\n 预览\r\n
\r\n - \r\n
- {this.props.label} \r\n
- {this.props.content}\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n return \r\n
\r\n {classModalVisible && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {this.state.title}
\r\n\r\n\r\n \r\n
\r\n \r\n \r\n
,\r\n state.onCheck && !state.formdata[name] && (\r\n *请上传 2M 以内, JPG/RNG图片
\r\n\r\n 请上传头像!\r\n
\r\n ),\r\n ];\r\n return \r\n
\r\n \r\n
\r\n \r\n {classModalVisible && (\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst GeneralSellerRegisterForm = Form.create()(GeneralSellerRegister);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(GeneralSellerRegisterForm);\r\n","import React from \"react\";\r\nimport { Form, Input } from \"antd\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nconst FormItem = Form.Item;\r\n\r\nclass CompanySellerInfo extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n static propTypes = {\r\n form: PropTypes.object.isRequired,\r\n currentUser: PropTypes.object,\r\n\r\n onRef: PropTypes.func.isRequired,\r\n handleCompanyInfoVal: PropTypes.func.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onRef(this);\r\n }\r\n\r\n companyInfoCheck = async () => {\r\n return new Promise((resolve, reject) => {\r\n this.props.form.validateFields((err, values) => {\r\n if (err) {\r\n return reject(err);\r\n }\r\n return resolve(values);\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { currentUser } = this.props;\r\n return (\r\n \r\n );\r\n }\r\n}\r\nconst CompanySellerInfoForm = Form.create()(CompanySellerInfo);\r\nexport default CompanySellerInfoForm;\r\n","import React from \"react\";\r\nimport { Upload, Form, Input, Avatar } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\n\r\nconst FormItem = Form.Item;\r\n\r\nfunction getBase64(file) {\r\n return new Promise((resolve, reject) => {\r\n const reader = new FileReader();\r\n reader.readAsDataURL(file);\r\n reader.onload = () => resolve(reader.result);\r\n reader.onerror = error => reject(error);\r\n });\r\n}\r\n\r\nclass UploadCompanyImg extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n static propTypes = {\r\n form: PropTypes.object.isRequired,\r\n onRef: PropTypes.func.isRequired,\r\n\r\n handleImageVal: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n fileList: [],\r\n };\r\n\r\n companyImgCheck = async () => {\r\n return new Promise((resolve, reject) => {\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n console.log(\"Received values of form: \", values);\r\n\r\n this.props.handleImageVal({\r\n licenseFrontImg: this.state.fileList[0],\r\n });\r\n return resolve(values);\r\n }\r\n return reject(err);\r\n });\r\n });\r\n };\r\n\r\n handleDeleteAvatarClick = e => {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.props.form.setFields({\r\n imgPreviewInfo: {\r\n value: \"\",\r\n },\r\n });\r\n this.setState(state => ({\r\n fileList: [],\r\n }));\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onRef(this);\r\n }\r\n\r\n render() {\r\n const { fileList } = this.state;\r\n\r\n const { getFieldDecorator, getFieldValue } = this.props.form;\r\n const uploadProps = {\r\n onRemove: file => {\r\n this.setState(state => {\r\n return {\r\n fileList: [],\r\n };\r\n });\r\n this.props.form.setFields({\r\n imgPreviewInfo: {\r\n value: \"\",\r\n },\r\n });\r\n },\r\n beforeUpload: file => {\r\n this.setState(state => ({\r\n fileList: [file],\r\n }));\r\n\r\n getBase64(file).then(data => {\r\n this.props.form.setFields({\r\n imgPreviewInfo: {\r\n value: data,\r\n },\r\n });\r\n });\r\n\r\n return false;\r\n },\r\n accept: \"image/*\",\r\n listType: \"picture\",\r\n showUploadList: false,\r\n fileList,\r\n };\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\nconst UploadCompanyImgForm = Form.create()(UploadCompanyImg);\r\nexport default connect()(UploadCompanyImgForm);\r\n","import React from \"react\";\r\nimport { Form, Input } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nconst FormItem = Form.Item;\r\nimport TermModal from \"../Common/TermModal\";\r\n\r\nclass CompanyAgreement extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n modalVisible: false,\r\n };\r\n\r\n this.closeTermModal = this.closeTermModal.bind(this);\r\n }\r\n static propTypes = {\r\n form: PropTypes.object.isRequired,\r\n onRef: PropTypes.func.isRequired,\r\n };\r\n\r\n closeTermModal() {\r\n this.setState({\r\n modalVisible: false,\r\n });\r\n }\r\n\r\n handleModalClick = e => {\r\n e.preventDefault();\r\n this.setState({ modalVisible: true });\r\n };\r\n\r\n componentDidMount() {\r\n this.props.onRef(this);\r\n }\r\n\r\n companyAgreementCheck = async () => {\r\n return new Promise((resolve, reject) => {\r\n this.props.form.validateFields((err, values) => {\r\n if (err) {\r\n return reject(err);\r\n }\r\n if (!values.userAgreementCheck) {\r\n err = new Error(\"请阅读并同意Musiness卖家协议！\");\r\n this.props.form.setFields({\r\n userAgreementCheck: {\r\n value: false,\r\n errors: [err],\r\n },\r\n });\r\n return reject(err);\r\n }\r\n\r\n return resolve(values);\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { modalVisible } = this.state;\r\n return (\r\n \r\n );\r\n }\r\n}\r\nconst CompanyAgreementForm = Form.create()(CompanyAgreement);\r\nexport default CompanyAgreementForm;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport CompanySellerInfo from \"./CompanySellerInfo\";\r\nimport UploadCompanyImg from \"./UploadCompanyImg\";\r\nimport MakerInfoBlock from \"./MakerInfoBlock\";\r\nimport CompanyAgreement from \"./CompanyAgreement\";\r\nimport { redirectTo } from \"dispatch\";\r\n\r\nimport { SELLERREGISTER, SELLERREGISTER_PAGE_UNLOADED } from \"constants/actionTypes\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.auth,\r\n ...state.user,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: (send, callback) =>\r\n dispatch({\r\n type: SELLERREGISTER,\r\n payload: agent.SellerRegister.register(send),\r\n callback,\r\n }),\r\n\r\n onUnload: () => dispatch({ type: SELLERREGISTER_PAGE_UNLOADED }),\r\n});\r\n\r\nclass CompanySellerRegister extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n loading: false,\r\n Family_Name: \"\",\r\n Given_Name: \"\",\r\n contactPhone: \"\",\r\n licenseFrontImg: \"\",\r\n makerHeadImg: [],\r\n makerList: [],\r\n count: 0,\r\n };\r\n\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n static propTypes = {\r\n userLogin: PropTypes.bool.isRequired,\r\n currentUser: PropTypes.object,\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n registeSuccess: PropTypes.bool,\r\n\r\n onSubmit: PropTypes.func.isRequired,\r\n onUnload: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n registeSuccess: false,\r\n };\r\n\r\n maxMakerInfo = 50;\r\n\r\n makerInfoBlocks = {};\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n }\r\n\r\n handleCompanyInfoVal = e => {\r\n const state = {};\r\n if (typeof e.target.id == \"undefined\") {\r\n state[e.target.name] = e.target.value;\r\n } else {\r\n state[e.target.id] = e.target.value;\r\n }\r\n this.setState(state);\r\n };\r\n\r\n handleLicenseImageVal = send => {\r\n this.setState(send);\r\n };\r\n\r\n refMakerInfoBlocks(id, ref) {\r\n this.makerInfoBlocks[id] = ref;\r\n Object.keys(this.makerInfoBlocks).map(x => {\r\n if (!this.makerInfoBlocks[x]) delete this.makerInfoBlocks[x];\r\n });\r\n }\r\n\r\n async handleMakerListAdd() {\r\n try {\r\n const makerInfoBlocks = Object.values(this.makerInfoBlocks);\r\n for (let i = 0; i < makerInfoBlocks.length; i++) {\r\n await makerInfoBlocks[i].fireCheck();\r\n }\r\n await this._makerAdd();\r\n } catch (e) {\r\n return false;\r\n }\r\n }\r\n\r\n _makerAdd() {\r\n if (this.state.makerList.length < this.maxMakerInfo) {\r\n this.setState(state => {\r\n state.makerList.push({ id: state.count });\r\n return { makerList: state.makerList, count: state.count + 1 };\r\n });\r\n }\r\n }\r\n\r\n handleMakerListDel(data) {\r\n this.setState(state => {\r\n state.makerList.splice(state.makerList.indexOf(data), 1);\r\n return { makerList: state.makerList };\r\n });\r\n }\r\n\r\n async _submit() {\r\n let imgFile = {};\r\n let makerInf = {};\r\n const makerInfoBlocks = Object.values(this.makerInfoBlocks);\r\n\r\n for (let i = 0; i < makerInfoBlocks.length; i++) {\r\n const makerInfo = await makerInfoBlocks[i].fireCheck();\r\n imgFile[`creator_avatar${i + 1}`] = makerInfo.avatar;\r\n delete makerInfo.avatar;\r\n makerInf[i + 1] = makerInfo;\r\n }\r\n\r\n let send = {\r\n company: true,\r\n family_name: this.state.sellerFamilyName,\r\n given_name: this.state.sellerGivenName,\r\n contact_number: this.state.contactPhone,\r\n shenfenzheng: this.state.licenseFrontImg,\r\n certificate: \"身份证\",\r\n creator: JSON.stringify(makerInf),\r\n ...imgFile,\r\n };\r\n\r\n this.props.onSubmit(send, () => {\r\n redirectTo(\"/sellerregister/success\");\r\n });\r\n }\r\n\r\n async handleSubmit() {\r\n try {\r\n await Promise.all([\r\n this.CompanyInfo.companyInfoCheck(),\r\n this.UploadCompanyImg.companyImgCheck(),\r\n this.CompanyAgreement.companyAgreementCheck(),\r\n ]);\r\n\r\n const makerInfoBlocks = Object.values(this.makerInfoBlocks);\r\n for (let i = 0; i < makerInfoBlocks.length; i++) {\r\n await makerInfoBlocks[i].fireCheck();\r\n }\r\n // submit\r\n await this._submit();\r\n } catch (e) {\r\n return false;\r\n }\r\n }\r\n\r\n getSubNodeValue(mainNode, tagName) {\r\n let tagValue = \"\";\r\n let tags = mainNode.getElementsByTagName(\"*\");\r\n for (let i = 0; i < tags.length; i++) {\r\n if ((!!tags[i].id && tags[i].id == tagName) || (!!tags[i].name && tags[i].name == tagName)) {\r\n tagValue = tags[i].value;\r\n }\r\n }\r\n return tagValue;\r\n }\r\n\r\n onRefCompanyInfo = ref => {\r\n this.CompanyInfo = ref;\r\n };\r\n\r\n onRefCompanyImg = ref => {\r\n this.UploadCompanyImg = ref;\r\n };\r\n\r\n onRefCompanyAgreement = ref => {\r\n this.CompanyAgreement = ref;\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.onUnload();\r\n }\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (nextProps.registeSuccess && agent.getToken()) {\r\n redirectTo(\"/sellerregister/success\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n render() {\r\n const { currentUser } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n return (\r\n \r\n \r\n \r\n
\r\n 成为卖家
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {currentUser.producer == 2 ? '* 您上次的成为卖家申请失败,请重新提交' : ''}
\r\n\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nconst CompanySellerRegisterForm = Form.create()(CompanySellerRegister);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(CompanySellerRegisterForm);\r\n","import { Link } from \"react-router-dom\";\r\nimport React from \"react\";\r\n\r\nclass SellerRegisteSuccess extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n 成为卖家
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n = this.maxMakerInfo ? \"hidden\" : \"visible\",\r\n }}\r\n >\r\n = this.maxMakerInfo ? \"true\" : \"false\"}\r\n >\r\n 添加创作人\r\n \r\n
\r\n \r\n {this.state.makerList.map(data => {\r\n return (\r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default SellerRegisteSuccess;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport { producerStatus } from \"config/producerStatus\";\r\n\r\nimport GeneralSellerRegister from \"./GeneralSellerRegister\";\r\nimport CompanySellerRegister from \"./CompanySellerRegister\";\r\nimport RegisteSuccess from \"./SellerRegisteSuccess\";\r\n\r\nimport { loadCurrentUser, redirectTo } from \"dispatch\";\r\nconst mapStateToProps = state => ({ ...state.user });\r\n\r\nclass SellerRegisterBase extends React.Component {\r\n static propTypes = {\r\n currentUser: PropTypes.object,\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.currentUser === null) redirectTo(\"/\");\r\n else if (this.props.currentUser.producer === producerStatus.APPLY) {\r\n redirectTo(\"/sellerregister/success\");\r\n } else if (this.props.currentUser.producer === producerStatus.YES) {\r\n redirectTo(\"/seller/profile\");\r\n }\r\n }\r\n\r\n render() {\r\n if (this.props.currentUser === null) return null;\r\n return this.props.currentUser.company ? \r\n \r\n \r\n
\r\n 您的卖家申请正在审核中，请耐心等待!
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 返回首页\r\n \r\n
\r\n建议用大类标签曲风/乐器/情绪/人声/速度/地区 子分类请参照product1然后使用滚轮式选择简化创作人需要自行键入标签之动作让使用更方便；标签将是决定歌曲能不能被正确搜寻到的关键，请记住标签并不是越多越好，我们希望您可为您的音乐作品选择最适当的标签，让搜寻更加便利 曲风－请选择最接近的歌曲风格／乐器－请挑选乐曲中的主要乐器，一般来说主要乐器为中高音乐器，主要演奏重要旋律，您也可以选择次要的两种可以明显感受到的乐器 ／情绪－请挑选乐曲中能够营造的情绪，情绪的感受非常困难也非常主观，您可以按照您的感受选择／人声－请依照歌曲中主要人声类别选择／速度－请选择歌曲速度范围，若是不清楚，可以使用具有Tap功能的器材或是APP进行测速／地区－若您的歌曲有人声，您可以选择相应的语言；若您的歌曲有特殊的异国风情，即使无人声也可以选择相应的地区，如：法式香颂、西班牙舞曲等。若皆无，则选择无国界
'\r\n ,\r\n },\r\n };\r\n state = {\r\n formDatas: {\r\n audio: {},\r\n thumb: {},\r\n title: \"\",\r\n description: \"\",\r\n creator_id: 0,\r\n composer: \"\",\r\n // conditions\r\n speed: \"\",\r\n area: \"\",\r\n vocal: \"\",\r\n style: [],\r\n emotion: [],\r\n instrument: [],\r\n scene: [],\r\n tag: \"\",\r\n scope:0,\r\n tag_two: \"\",\r\n },\r\n thumb: \"\",\r\n onSubmit: false,\r\n composerAsCreator: false,\r\n id: \"\",\r\n title: \"发布音乐\",\r\n classModalVisible: false,\r\n loading: false,\r\n classModalFile: null,\r\n classResultImgUrl: null,\r\n uploadModalFile: null,\r\n };\r\n\r\n componentDidMount() {\r\n const { userLogin} = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n this.props.loadLabel();\r\n if (!this.props.conditions||!Object.keys(this.props.conditions).length) this.props.loadLabel();\r\n this.props.getCreators({ pager: {current: 1,pageSize: 500} });\r\n\r\n const [, id] = location.search.match(/id=([^&]+)/) || [];\r\n\r\n if (id) {\r\n this.setState({ title: \"更新音乐\" });\r\n this.setState({ id });\r\n this.props.getDetail(id);\r\n }\r\n }\r\n componentWillUnmount() {\r\n this.props.onUnload();\r\n }\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.detail !== this.props.detail) {\r\n const {\r\n description,\r\n title,\r\n thumb,\r\n creator,\r\n inverted_condition,\r\n area,\r\n composer,\r\n tag,\r\n speed,\r\n vocal,\r\n scope,\r\n tag_two,\r\n } = this.props.detail;\r\n const conditions = {};\r\n Object.keys(inverted_condition).map(\r\n x => (conditions[x] = inverted_condition[x].split(\",\"))\r\n );\r\n\r\n this.setState(state => {\r\n return {\r\n ...state,\r\n thumb,\r\n formDatas: {\r\n ...state.formDatas,\r\n description,\r\n area,\r\n title,\r\n composer,\r\n creator_id: creator,\r\n tag,\r\n speed,\r\n vocal,\r\n scope,\r\n tag_two,\r\n ...conditions,\r\n },\r\n };\r\n });\r\n }\r\n }\r\n\r\n xss(name) {\r\n return this.tips[name];\r\n }\r\n\r\n showTip(ref) {\r\n this.els[ref].nextSibling.classList.toggle(\"hidden\");\r\n }\r\n\r\n createOptions(list) {\r\n return [\r\n ,\r\n list.map((x, i) => {\r\n const { id, title } = x;\r\n return (\r\n \r\n );\r\n }),\r\n ];\r\n }\r\n\r\n handleSubmit(e) {\r\n e.preventDefault();\r\n const { createAudio, updateAudio } = this.props;\r\n this.setState({ onSubmit: true });\r\n\r\n this.props.form.validateFieldsAndScroll(err => {\r\n if (err) return;\r\n\r\n if (!this.state.id) {\r\n const fileFields = [\r\n this.state.formDatas.audio.name,\r\n this.state.formDatas.thumb.name,\r\n ].every(x => x);\r\n if (!fileFields) return;\r\n }\r\n\r\n const callback = () => {\r\n window.location=\"/seller/mymusic\";\r\n //redirectTo(\"/seller/mymusic\");\r\n };\r\n\r\n let {\r\n audio,\r\n thumb,\r\n title,\r\n description,\r\n creator_id,\r\n composer,\r\n scope,\r\n ...conditions\r\n } = this.state.formDatas;\r\n const conditionFormat = {};\r\n\r\n if (this.state.composerAsCreator && creator_id) {\r\n const [creator] = this.props.creator.list.filter(\r\n x => x.id === parseInt(creator_id)\r\n );\r\n composer = creator.nickname;\r\n }\r\n if (!creator_id || creator_id===0) {\r\n return\r\n }\r\n Object.keys(conditions).map(key => {\r\n const value = conditions[key];\r\n if (Array.isArray(value)) {\r\n conditionFormat[key] = [...new Set(value)]\r\n .filter(x => x)\r\n .join(\",\");\r\n } else {\r\n conditionFormat[key] = value;\r\n }\r\n });\r\n thumb=this.state.uploadModalFile;\r\n const send = {\r\n audio,\r\n title,\r\n thumb,\r\n description,\r\n creator_id,\r\n composer,\r\n scope,\r\n condition: JSON.stringify(conditionFormat),\r\n };\r\n if (this.state.id) updateAudio(send, this.state.id, callback);\r\n else createAudio(send, callback);\r\n });\r\n }\r\n\r\n valueOnChange(name, value) {\r\n this.setState(state => {\r\n const formDatas = state.formDatas;\r\n if (name.indexOf(\".\") >= 0) {\r\n const [key, index] = name.split(\".\");\r\n formDatas[key][index] = value;\r\n } else {\r\n formDatas[name] = value;\r\n }\r\n return { formDatas };\r\n });\r\n }\r\n\r\n toggleComposerAsCreator() {\r\n this.setState({ composerAsCreator: !this.state.composerAsCreator });\r\n }\r\n handleClassFileChange = e => {\r\n const file = e.target.files[0];\r\n if (file) {\r\n // if (file.size <= MAX_FILE_SIZE) {\r\n this.setState({\r\n classModalFile: file // 先把上传的文件暂存在state中\r\n },\r\n () => {\r\n this.setState({\r\n classModalVisible: true // 然后弹出modal\r\n })\r\n }\r\n )\r\n // } else {\r\n // console.log('文件过大')\r\n // }\r\n }\r\n }\r\n handleGetResultImgUrl = key => file => {\r\n this.setState({\r\n [key]: file\r\n })\r\n\r\n }\r\n handleSetImgUrl = key => file => {\r\n \r\n this.setState(state => {\r\n const formDatas = state.formDatas;\r\n formDatas[key] = file;\r\n return { formDatas };\r\n });\r\n }\r\n \r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { loading, conditions,errors} = this.props;\r\n if (!conditions) {\r\n return (\r\n\r\n
\r\n );\r\n }\r\n const {\r\n emotion = [],\r\n instrument = [],\r\n scene = [],\r\n speed = [],\r\n vocal = [],\r\n style = [],\r\n area = [],\r\n } = this.props.conditions;\r\n const styleOptions = this.createOptions(style);\r\n const speedOptions = this.createOptions(speed);\r\n const sceneOptions = this.createOptions(scene);\r\n const emotionOptions = this.createOptions(emotion);\r\n const instrumentOptions = this.createOptions(instrument);\r\n const vocalOptions = this.createOptions(vocal);\r\n const areaOptions = this.createOptions(area);\r\n\r\n let creatorList = this.props.creator.list.map(x => ({\r\n id: x.id,\r\n title: x.nickname,\r\n }));\r\n if (!this.props.currentUser.company)\r\n creatorList = creatorList.slice(0, 1);\r\n\r\n const creatorOptions = this.createOptions(creatorList);\r\n \r\n const show=!errors ? 'showErr hidden':'showErr show';\r\n const showErrors=!errors ? null:errors[0].message;\r\n const content = (name, rules, type) => {\r\n let input = null;\r\n\r\n switch (type) {\r\n case \"textarea\":\r\n input = (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n
\r\n {classModalVisible && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n creator: state.creator.creator,\r\n }),\r\n dispatch => ({\r\n unLoadCreator: () =>\r\n dispatch({\r\n type:UNLOAD_CREATOR,\r\n }),\r\n })\r\n\r\n)(MakerDetail);\r\n","import React, { Component } from \"react\";\r\nimport StaticWave from \"utils/staticWave\";\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport { connect } from \"react-redux\";\r\nimport agent from \"agent\";\r\nimport PropTypes from \"prop-types\";\r\nimport { PRODUCER_GET_AUDIO, MUSIC_PLAY,MUSIC_SEARCH_LABEL_LOAD_SON } from \"constants/actionTypes\";\r\nimport {\r\n statusOnMyMusic as musicStatus,\r\n STATUS as MUSIC_STATUS,\r\n musicCanUpdate,\r\n} from \"constants/music\";\r\nimport { Pagination } from \"antd\";\r\nimport { redirectTo,showTime,HtmlUtil,addMusicStatis } from \"dispatch\";\r\nimport { Link } from \"react-router-dom\";\r\nclass MusicBlock extends Component {\r\n static propTypes = {\r\n data: PropTypes.object,\r\n status: PropTypes.object,\r\n playMusic: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n playing: false,\r\n };\r\n\r\n play() {\r\n this.setState(state => ({\r\n playing: !state.playing,\r\n }));\r\n const musicsta = {\r\n audioid:this.props.data.id,\r\n style:'play',\r\n }\r\n if (!this.state.playing) {\r\n addMusicStatis(musicsta);\r\n }\r\n this.props.playMusic({\r\n ...this.props.data,\r\n playing: !this.state.playing,\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n title,\r\n duration,\r\n status,\r\n audioid,\r\n thumb,\r\n author: { nickname, username },\r\n creatorInfo,\r\n composer,\r\n } = this.props.data;\r\n let creator=\"\";\r\n if (creatorInfo) {\r\n creator=creatorInfo.nickname;\r\n }\r\n const urls=\"url(\"+agent.getApiUrl(thumb)+\")\";\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\"创作人详情\"}\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n {dls}\r\n
\r\n - \r\n
- \r\n \r\n 返回\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst MusicBlockConnected = connect(\r\n state => ({}),\r\n dispatch => ({\r\n playMusic: musicPlay => {\r\n return dispatch({ type: MUSIC_PLAY, musicPlay });\r\n },\r\n })\r\n)(MusicBlock);\r\n\r\nclass MusicTab extends Component {\r\n static propTypes = {\r\n data: PropTypes.array,\r\n onChange: PropTypes.func,\r\n default: PropTypes.string,\r\n };\r\n\r\n select(value) {\r\n this.props.onChange(value);\r\n }\r\n\r\n render() {\r\n const lis = this.props.data.map((x, i) => {\r\n const { label, total, value } = x;\r\n const active = value === this.props.default;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n {HtmlUtil.htmlDecode(title)}
\r\n\r\n by {HtmlUtil.htmlDecode(creator||composer||nickname||username)}\r\n
\r\n\r\n \r\n
\r\n {showTime(duration)}
\r\n\r\n
\r\n {musicCanUpdate.has(status) && (\r\n - \r\n
- \r\n
\r\n
- \r\n {lis}\r\n
\r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n music: state.mymusic,\r\n }),\r\n dispatch => ({\r\n getAudio: (send, callback) => {\r\n return dispatch({\r\n type: PRODUCER_GET_AUDIO,\r\n payload: agent.Producer.getAudio(send),\r\n send,\r\n callback,\r\n });\r\n },\r\n loadLabel: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_SON,\r\n payload: agent.Music.searchLabelAll(),\r\n });\r\n },\r\n })\r\n)(MyMusicPage);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Pagination,Modal } from \"antd\";\r\nimport {\r\n PRODUCER_GET_CREATOR,\r\n PRODUCER_DELETE_CREATOR,\r\n} from \"constants/actionTypes\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport Loading from \"components/Loading\";\r\n\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport Header from \"./Header\";\r\nimport \"./pager.less\";\r\nimport { redirectTo } from \"dispatch\";\r\nconst confirm = Modal.confirm;\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n creator: state.creator,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n getCreators: (send, callback) => {\r\n dispatch({\r\n type: PRODUCER_GET_CREATOR,\r\n payload: agent.Producer.getCreators(send),\r\n send,\r\n callback,\r\n });\r\n },\r\n deleteCreator: (send, callback) =>\r\n dispatch({\r\n type: PRODUCER_DELETE_CREATOR,\r\n payload: agent.Producer.deleteCreator(send, callback),\r\n send,\r\n callback,\r\n }),\r\n});\r\n\r\nclass SellerMakerList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n static propTypes = {\r\n location: PropTypes.object.isRequired,\r\n match: PropTypes.object.isRequired,\r\n currentUser: PropTypes.object,\r\n loading: PropTypes.bool.isRequired,\r\n pagination: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n makerList: PropTypes.array,\r\n\r\n creator: PropTypes.object.isRequired,\r\n getCreators: PropTypes.func.isRequired,\r\n deleteCreator: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n headers: {\r\n authorization: \"authorization-text\",\r\n },\r\n };\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin, getCreators } = this.props;\r\n\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n getCreators({ pager: this.props.creator.pagination });\r\n }\r\n\r\n // deleteCreator(id) {\r\n\r\n // this.props.deleteCreator({ id });\r\n // }\r\n showDeleteConfirm (id) {\r\n const {deleteCreator}=this.props;\r\n confirm({\r\n title: '您确定要删除此条记录吗?',\r\n okText: '确认',\r\n okType: 'danger',\r\n cancelText: '取消',\r\n onOk() {\r\n deleteCreator({id});\r\n },\r\n onCancel() {\r\n \r\n },\r\n });\r\n }\r\n onPageChange(page) {\r\n this.loadData(page);\r\n }\r\n loadData(page) {\r\n const { current, pageSize } = this.props.pagination;\r\n this.props.getCreators({\r\n pager: { current: page || current, pageSize },\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n currentUser,\r\n creator: { list: makerList, total: total, pagination },\r\n loading,\r\n } = this.props;\r\n console.info(pagination);\r\n if (!currentUser) {\r\n return login;\r\n }\r\n\r\n const { current, pageSize } = pagination;\r\n\r\n const pageOptions = {\r\n defaultCurrent: 1,\r\n defaultPageSize: pageSize,\r\n current,\r\n total,\r\n };\r\n const pager = currentUser.company && pageOptions.total > 0 ? (\r\n \r\n \r\n \r\n
\r\n 卖家个人中心
\r\n\r\n
\r\n \r\n
\r\n \r\n 我发布的音乐\r\n
\r\n\r\n 发布音乐\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {musicBlocks}\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n });\r\n \r\n return (\r\n \r\n
\r\n {currentUser.company ? (\r\n \r\n })
\r\n
\r\n \r\n {data.nickname}\r\n
\r\n\r\n
\r\n ) : (\r\n - \r\n
- \r\n
- \r\n
- \r\n
\r\n
\r\n )}\r\n - \r\n {/**个人卖家的创作人修改 */}\r\n
- \r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst SellerMakerListForm = Form.create()(SellerMakerList);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SellerMakerListForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Pagination ,Tooltip} from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport moment from \"moment\";\r\nimport {\r\n WITHDRAW_LIST,\r\n INCOME_LIST,\r\n WITHDRAW_INFO,\r\n} from \"constants/actionTypes\";\r\n\r\nimport agent from \"agent\";\r\n\r\nimport Loading from \"components/Loading\";\r\nimport \"./pager.less\";\r\nimport { redirectTo, showMoney, HtmlUtil ,showWithDrawMoney} from \"dispatch\";\r\nimport ExportJsonExcel from 'js-export-excel';\r\nconst text = \r\n
\r\n \r\n
\r\n \r\n
\r\n 创作人
\r\n {(!makerList.length || currentUser.company) && (\r\n\r\n \r\n 添加创作人\r\n \r\n
\r\n )}\r\n\r\n
\r\n \r\n {comment}\r\n
\r\n\r\n
\r\n \r\n {pager}\r\n
\r\n \r\n
;\r\nconst queryString = require(\"query-string\");\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n incomeList: state.seller.incomeList,\r\n withdrawList: state.seller.withdrawList,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadWithdrawList: (pager) => {\r\n return dispatch({\r\n type: WITHDRAW_LIST,\r\n pager,\r\n payload: agent.Seller.loadWithdrawList(pager),\r\n });\r\n },\r\n loadIncomeList: (pager) => {\r\n return dispatch({\r\n type: INCOME_LIST,\r\n pager,\r\n payload: agent.Seller.loadIncomeList(pager),\r\n });\r\n },\r\n loadWithdrawInfo: () => {\r\n return dispatch({\r\n type: WITHDRAW_INFO,\r\n payload: agent.Seller.loadWithdrawInfo(),\r\n });\r\n },\r\n});\r\n\r\nclass RecordList extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = { tabSelectedFlg: \"0\" };\r\n }\r\n\r\n static propTypes = {\r\n withdrawList: PropTypes.array,\r\n withdDrawPagination: PropTypes.object.isRequired,\r\n withdrawTotal: PropTypes.number.isRequired,\r\n incomeList: PropTypes.array,\r\n incomeListPagination: PropTypes.object.isRequired,\r\n incomeListTotal: PropTypes.number.isRequired,\r\n withdrawInfo: PropTypes.object,\r\n\r\n loadWithdrawList: PropTypes.func.isRequired,\r\n loadIncomeList: PropTypes.func.isRequired,\r\n loadWithdrawInfo: PropTypes.func.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n this.loadWithdrawInfo();\r\n this.loadCurrentPageData(\"0\");\r\n this.loadCurrentPageData(\"1\");\r\n }\r\n\r\n loadWithdrawData = (pager, params) => {\r\n const { loadWithdrawList } = this.props;\r\n loadWithdrawList(params);\r\n };\r\n\r\n loadIncomeData = (pager, params) => {\r\n const { loadIncomeList } = this.props;\r\n loadIncomeList(params);\r\n };\r\n\r\n loadWithdrawInfo = () => {\r\n const { loadWithdrawInfo } = this.props;\r\n loadWithdrawInfo();\r\n };\r\n\r\n loadCurrentPageData = flg => {\r\n const {\r\n incomeListPagination,\r\n withdDrawPagination,\r\n location,\r\n } = this.props;\r\n\r\n let pager =\r\n flg === \"0\"\r\n ? { ...withdDrawPagination }\r\n : { ...incomeListPagination };\r\n\r\n pager.current = 1; // default\r\n let query = \"\";\r\n if (location) {\r\n query = queryString.parse(location.search);\r\n }\r\n\r\n const params = {\r\n page: pager.current,\r\n ...query,\r\n size:\r\n flg === \"0\"\r\n ? withdDrawPagination.pageSize\r\n : incomeListPagination.pageSize,\r\n };\r\n // reset from params\r\n pager.current = parseInt(params.page);\r\n if (flg === \"0\") {\r\n this.loadWithdrawData(pager, params);\r\n } else {\r\n this.loadIncomeData(pager, params);\r\n }\r\n this.loadWithdrawInfo();\r\n };\r\n\r\n onPageChange(pageNumber) {\r\n const {\r\n incomeListPagination,\r\n withdDrawPagination,\r\n location,\r\n } = this.props;\r\n\r\n let pager =\r\n this.state.tabSelectedFlg === \"0\"\r\n ? { ...withdDrawPagination,orderby:'-id', }\r\n : { ...incomeListPagination,orderby:'-id', };\r\n\r\n pager.current = pageNumber;\r\n let query = \"\";\r\n if (location) {\r\n query = queryString.parse(location.search);\r\n }\r\n const params = {\r\n ...query,\r\n page: pager.current,\r\n orderby:'-id',\r\n };\r\n params.size =\r\n this.state.tabSelectedFlg === \"0\"\r\n ? 10\r\n : 10;\r\n\r\n if (this.state.tabSelectedFlg === \"0\") {\r\n this.loadWithdrawData(pager, params);\r\n } else {\r\n this.loadIncomeData(pager, params);\r\n }\r\n }\r\n\r\n changeToIncome(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.setState({ tabSelectedFlg: \"1\" });\r\n // this.loadCurrentPageData(\"1\");\r\n }\r\n\r\n changeToWithdraw(e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n this.setState({ tabSelectedFlg: \"0\" });\r\n }\r\n\r\n // 导出提现详细数据\r\n downloadExcel = (order) => {\r\n \r\n const data = order.musicInfo ? order.musicInfo : '';//表格数据\r\n const tradeDate = moment(order.create_at).format(\"YYYY.MM.DD HH:mm:ss\");\r\n const money=showWithDrawMoney(order.price);\r\n const account=order.withdraw==1?\"支付宝 \"+order.alipay:order.bankname+\" \"+order.banknumber;\r\n var option={};\r\n console.info(money);\r\n let dataTable = [\r\n {one:'提现时间:',two:tradeDate},\r\n {one:'提现金额:',two:money},\r\n {one:'收款账号:',two:account},\r\n {one:'详细如下:'},\r\n {one:'序号',two:'音乐名称',three:'创作人',four:'项目名称',five:'交易时间',six:'税前收入'},\r\n ];\r\n if (data) {\r\n for (let i in data) {\r\n if(data){\r\n const id=parseInt(i)+1\r\n let obj = {\r\n '序号': id,\r\n '音乐名称': data[i].title,\r\n '创作人': data[i].creator||data[i].composer,\r\n '项目名称': data[i].attachment?HtmlUtil.htmlDecode(JSON.parse(data[i].attachment).area):\"\",\r\n '交易时间': moment(data[i].create_at).format(\"YYYY.MM.DD HH:mm:ss\"),\r\n '税前收入': data[i].price/100*0.6+\"元\",\r\n \r\n //'买家': data[i].attachment?HtmlUtil.htmlDecode(JSON.parse(data[i].attachment).username):\"\",\r\n }\r\n dataTable.push(obj);\r\n }\r\n }\r\n }\r\n option.fileName = tradeDate+\"_提现详细记录表\"\r\n option.datas=[\r\n {\r\n sheetData:dataTable,\r\n sheetName:'sheet',\r\n columnWidths : [4, 20,5,20,10,5],\r\n //sheetFilter:['ID','音乐名称','创作人','项目名称','交易时间','税前收入','提现时间','提现金额',],\r\n //sheetHeader:['ID','音乐名称','创作人','项目名称','交易时间','税前收入'],\r\n }\r\n ];\r\n \r\n var toExcel = new ExportJsonExcel(option); \r\n toExcel.saveExcel(); \r\n \r\n }\r\n render() {\r\n const {\r\n currentUser,\r\n loading,\r\n withdrawList,\r\n incomeList,\r\n incomeListPagination,\r\n incomeListTotal,\r\n withdDrawPagination,\r\n withdrawTotal,\r\n } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n\r\n const pageWithdrawOptions = {\r\n defaultCurrent: withdDrawPagination.current,\r\n defaultPageSize: withdDrawPagination.pageSize,\r\n total: withdrawTotal,\r\n };\r\n\r\n const pageIncomeOptions = {\r\n defaultCurrent: incomeListPagination.current,\r\n defaultPageSize: incomeListPagination.pageSize,\r\n total: incomeListTotal,\r\n };\r\n\r\n const statusInfo = { yes: \"已支付\", no: \"未支付\", reject: \"已拒绝\" };\r\n const withdrawlist =\r\n withdrawList &&\r\n withdrawList.map((data, i) => {\r\n \r\n const tradeDate = moment(data.create_at).format(\"YYYY.MM.DD HH:mm:ss\");\r\n const date=tradeDate.split(\" \")[0];\r\n const time=tradeDate.split(\" \")[1];\r\n const number=data.withdraw==1?(data.alipay.substr(0,4)+\"********\"+data.alipay.substr(-4)):(data.banknumber.substr(0,4)+\"********\"+data.banknumber.substr(-4))\r\n return (\r\n \r\n 卖家享有60%的收入分成，例如一首定价为1500元的音乐，卖家税前收入为：1500元×60%=900元。
\r\n{date}
\r\n {time}
\r\n {number}
\r\n ({data.withdraw==1?\"支付宝\":data.bankname})
\r\n ![](\"../assets/img/down.png\"/)
导出Excel\r\n 导出\r\n {date}
\r\n {time}
\r\n \r\n \r\n \r\n \r\n 提现记录\r\n \r\n \r\n \r\n \r\n 音乐收入\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 提现时间
\r\n 提现金额
\r\n 收款账号
\r\n 提现状态
\r\n 金额明细
\r\n \r\n \r\n {withdrawlist}\r\n
\r\n
\r\n \r\n
\r\n {pager0}
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(RecordList);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Tooltip } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport {\r\n WITHDRAW_INFO,\r\n WITHDRAW,\r\n SETTLEMENT_PAGE_UNLOADED,\r\n APPLY_WITHDRAW,\r\n} from \"constants/actionTypes\";\r\n\r\nimport { loadSellerProfileInfo } from \"dispatch\";\r\n\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport RecordList from \"./RecordList\";\r\nimport Header from \"./Header\";\r\nimport { redirectTo, showMoney } from \"dispatch\";\r\nconst text = \r\n
\r\n 音乐名称
\r\n 创作人
\r\n 项目名称
\r\n 交易时间
\r\n 税前收入\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {incomelist}\r\n
\r\n
\r\n \r\n
\r\n {pager1}
\r\n \r\n
;\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadWithdrawInfo: payload => {\r\n return dispatch({\r\n type: WITHDRAW_INFO,\r\n payload: agent.Seller.loadWithdrawInfo(),\r\n });\r\n },\r\n\r\n withdraw: payload => {\r\n return dispatch({\r\n type: WITHDRAW,\r\n payload: agent.Seller.withdraw(),\r\n });\r\n },\r\n\r\n unloadSettlement: () => {\r\n return dispatch({ type: SETTLEMENT_PAGE_UNLOADED });\r\n },\r\n applyWithdraw: (applywith) => {\r\n dispatch({ type: APPLY_WITHDRAW, applywith,});\r\n },\r\n});\r\n\r\nclass Settlement extends React.Component {\r\n\r\n static propTypes = {\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n withdrawSuccess: PropTypes.bool,\r\n profile: PropTypes.object,\r\n withdrawInfo: PropTypes.object.isRequired,\r\n\r\n loadWithdrawInfo: PropTypes.func.isRequired,\r\n withdraw: PropTypes.func.isRequired,\r\n unloadSettlement: PropTypes.func.isRequired,\r\n applyWithdraw: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n withdrawSuccess: false,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unloadSettlement();\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n if (nextProps.withdrawSuccess && agent.getToken()) {\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user profile\r\n loadSellerProfileInfo();\r\n }\r\n // 申请提现方法\r\n applyforcash(){\r\n const {withdrawInfo,applyWithdraw } = this.props;\r\n let aa=withdrawInfo.unpay*0.6/100;\r\n //可提现金额不能超过50000\r\n if (aa<100) {\r\n return;\r\n }\r\n const send={\r\n money:aa,\r\n }\r\n applyWithdraw(send);\r\n redirectTo(\"/seller/applyforcash\");\r\n }\r\n render() {\r\n const { currentUser, withdrawInfo } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n const wpaing=!withdrawInfo.paing?0:withdrawInfo.paing;\r\n const wpaid=!withdrawInfo.paid?0:withdrawInfo.paid;\r\n const a=parseFloat(wpaing+wpaid).toFixed(2);\r\n return (\r\n 1. 提现金额显示为税前收入；
\r\n2. 提现金额大于100元，小于5万元；
\r\n3. 提现流程：卖家根据可提现金额开具等额增值税普通发票或者增值税专用发票寄至上海市徐汇区肇嘉浜路789号均瑶国际大厦23层F2 MUSINESS财务部，或有效电子发票发送至sales@musiness.vip后，点击“提现”按钮。 若无发票，点击“提现”按钮，直接选择由MUSINESS代扣代缴您的个人所得税费及手续费（合计22%）。
\r\n4. 在您递交提现申请后，MUSINESS将对您的提现操作进行审核，并于次月15日之前向您实名认证账户支付相应的提现费用。
\r\n\r\n
\r\n );\r\n }\r\n}\r\nconst SettlementForm = Form.create()(Settlement);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SettlementForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport {\r\n WITHDRAW_INFO,\r\n WITHDRAW,\r\n SETTLEMENT_PAGE_UNLOADED,\r\n} from \"constants/actionTypes\";\r\n\r\nimport { loadSellerProfileInfo } from \"dispatch\";\r\n\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport Header from \"./Header\";\r\nimport { redirectTo } from \"dispatch\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadWithdrawInfo: payload => {\r\n return dispatch({\r\n type: WITHDRAW_INFO,\r\n payload: agent.Seller.loadWithdrawInfo(),\r\n });\r\n },\r\n\r\n withdraw: payload => {\r\n return dispatch({\r\n type: WITHDRAW,\r\n payload: agent.Seller.withdraw(),\r\n });\r\n },\r\n\r\n unloadSettlement: () => {\r\n return dispatch({ type: SETTLEMENT_PAGE_UNLOADED });\r\n },\r\n});\r\n\r\nclass Settlement extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n notWithdraw: false,\r\n withdraw: false,\r\n }\r\n this.handleWithdraw = this.handleWithdraw.bind(this);\r\n }\r\n\r\n static propTypes = {\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n withdrawSuccess: PropTypes.bool,\r\n profile: PropTypes.object,\r\n withdrawInfo: PropTypes.object.isRequired,\r\n\r\n loadWithdrawInfo: PropTypes.func.isRequired,\r\n withdraw: PropTypes.func.isRequired,\r\n unloadSettlement: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n withdrawSuccess: false,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unloadSettlement();\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n if (nextProps.withdrawSuccess && agent.getToken()) {\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user profile\r\n loadSellerProfileInfo();\r\n this.showFormItemServerError();\r\n }\r\n\r\n handleWithdraw = e => {\r\n e.preventDefault();\r\n const { withdrawInfo } = this.props;\r\n console.info(withdrawInfo);\r\n this.setState({\r\n withdraw:true,\r\n })\r\n // if (withdrawInfo && withdrawInfo.unpay > 0) {\r\n // this.setState({\r\n // withdraw:true,\r\n // })\r\n // } else {\r\n // this.setState({\r\n // notWithdraw:true,\r\n // })\r\n // }\r\n };\r\n closeShow(){\r\n this.setState({\r\n notWithdraw:false,\r\n withdraw:false,\r\n })\r\n }\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n\r\n if (errors) {\r\n {\r\n Object.keys(errors).map(key => {\r\n let message = errors[key];\r\n\r\n switch (message.param) {\r\n case \"cash\":\r\n this.props.form.setFields({\r\n cash: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { currentUser, withdrawInfo } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n console.info(withdrawInfo);\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 我的帐户
\r\n\r\n
\r\n \r\n
\r\n 总收入:¥{!withdrawInfo.total?0:withdrawInfo.total*0.006}
\r\n 已提现金额:¥{a}
\r\n \r\n ![](\"../assets/img/cash.png\"/)
\r\n
\r\n \r\n 可提现金额:{showMoney(!withdrawInfo.unpay?0:withdrawInfo.unpay*0.6)}\r\n
\r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst SettlementForm = Form.create()(Settlement);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SettlementForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport { Form, Input } from \"antd\";\r\nimport {\r\n SETTLEMENT_UPDATE,\r\n SETTLEMENT_UPDATE_PAGE_UNLOADED,\r\n} from \"constants/actionTypes\";\r\n\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport Header from \"./Header\";\r\nimport { loadSellerProfileInfo, redirectTo } from \"dispatch\";\r\n\r\nconst FormItem = Form.Item;\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: ({ bank_name, branch_name, card_no, account }) =>\r\n dispatch({\r\n type: SETTLEMENT_UPDATE,\r\n payload: agent.Seller.settlementUpdate({\r\n bank_name,\r\n branch_name,\r\n card_no,\r\n account,\r\n }),\r\n }),\r\n unloadSettlement: () => {\r\n return dispatch({ type: SETTLEMENT_UPDATE_PAGE_UNLOADED });\r\n },\r\n});\r\n\r\nclass SettlementUpdate extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n\r\n this.handleCancel = this.handleCancel.bind(this);\r\n this.handleSubmit = this.handleSubmit.bind(this);\r\n }\r\n\r\n static propTypes = {\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n profile: PropTypes.object,\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n inProgress: PropTypes.bool,\r\n updateSuccess: PropTypes.bool,\r\n\r\n onSubmit: PropTypes.func.isRequired,\r\n unloadSettlement: PropTypes.func.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n updateSuccess: false,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unloadSettlement();\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (nextProps.updateSuccess && agent.getToken()) {\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user profile\r\n loadSellerProfileInfo();\r\n this.showFormItemServerError();\r\n }\r\n\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n console.log(\"Received values of form: \", values);\r\n this.props.onSubmit({\r\n bank_name: values.bankName,\r\n branch_name: values.branchName,\r\n card_no: values.cardNo,\r\n account: values.account,\r\n });\r\n }\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n e.preventDefault();\r\n\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n };\r\n\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n\r\n if (errors) {\r\n {\r\n Object.keys(errors).map(key => {\r\n let message = errors[key];\r\n\r\n switch (message.param) {\r\n case \"bankName\":\r\n this.props.form.setFields({\r\n bankName: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"branchName\":\r\n this.props.form.setFields({\r\n branchName: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"cardNo\":\r\n this.props.form.setFields({\r\n cardNo: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"account\":\r\n this.props.form.setFields({\r\n account: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { currentUser, profile } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 我的帐户
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n 提现时间
\r\n 提现金额
\r\n 收款账号
\r\n 提现状态
\r\n 金额明细
\r\n \r\n \r\n
\r\n
\r\n | \r\n 2019.06.30 \r\n 14:30:00 \r\n | \r\n \r\n 1500元\r\n | \r\n\r\n 20311********45555 \r\n （工商银行） \r\n | \r\n \r\n 已支付\r\n | \r\n\r\n 导出Excel\r\n | \r\n
| \r\n 2019.06.30 \r\n 14:30:00 \r\n | \r\n \r\n 1500元\r\n | \r\n\r\n 20311********45555 \r\n （工商银行） \r\n | \r\n \r\n 未支付\r\n | \r\n\r\n 导出Excel\r\n | \r\n
\r\n
\r\n\r\n \r\n \r\n
\r\n 音乐名称
\r\n 创作人
\r\n 项目名称
\r\n 交易时间
\r\n 税前收入
\r\n \r\n \r\n
\r\n
\r\n | \r\n 过往的时间 Past time\r\n | \r\n\r\n 奕颗贝壳\r\n | \r\n\r\n 大侠\r\n | \r\n\r\n 2019.06.30 \r\n 14:30:00 \r\n | \r\n \r\n 900元\r\n | \r\n
| \r\n 过往的时间 Past time\r\n | \r\n\r\n 奕颗贝壳\r\n | \r\n\r\n 大侠\r\n | \r\n\r\n 2019.06.30 \r\n 14:30:00 \r\n | \r\n \r\n 900元\r\n | \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n 共收入 XXXX元
\r\n\r\n\r\n
\r\n\r\n - \r\n
- 交易内容 （音乐收入） \r\n
- ￥○○○ \r\n
- \r\n
- 交易日期 \r\n
- XXXX年XX月XX日 \r\n
\r\n
\r\n\r\n - \r\n
- 交易内容 （音乐收入） \r\n
- ￥○○○ \r\n
- \r\n
- 交易日期 \r\n
- XXXX年XX月XX日 \r\n
\r\n
\r\n\r\n - \r\n
- 交易内容 （音乐收入） \r\n
- ￥○○○ \r\n
- \r\n
- 交易日期 \r\n
- XXXX年XX月XX日 \r\n
\r\n
\r\n\r\n \r\n - \r\n
- 交易内容 （音乐收入） \r\n
- ￥○○○ \r\n
- \r\n
- 交易日期 \r\n
- XXXX年XX月XX日 \r\n
\r\n
\r\n );\r\n }\r\n}\r\nconst SettlementUpdateForm = Form.create()(SettlementUpdate);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SettlementUpdateForm);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Link } from \"react-router-dom\";\r\nimport Loading from \"components/Loading\";\r\n\r\nimport { SELLER_PROFILE_PAGE_UNLOADED } from \"constants/actionTypes\";\r\n\r\nimport agent from \"agent\";\r\nimport { loadSellerProfileInfo, redirectTo } from \"dispatch\";\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.seller,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n unloadProfile: () => {\r\n return dispatch({ type: SELLER_PROFILE_PAGE_UNLOADED });\r\n },\r\n});\r\n\r\nclass Profile extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n }\r\n\r\n static propTypes = {\r\n currentUser: PropTypes.object.isRequired,\r\n userLogin: PropTypes.bool.isRequired,\r\n profile: PropTypes.object,\r\n\r\n unloadProfile: PropTypes.func.isRequired,\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unloadProfile();\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user profile\r\n loadSellerProfileInfo();\r\n }\r\n\r\n render() {\r\n const { currentUser, profile } = this.props;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n\r\n if (!Object.keys(profile).length) {\r\n return \r\n
\r\n \r\n
\r\n \r\n
\r\n 我的账户
\r\n\r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n 银行卡信息\r\n \r\n
- \r\n {profile && profile.bank_name}{\" \"}\r\n {profile && profile.branch_name}\r\n
\r\n {profile && profile.card_no}\r\n
\r\n {profile && profile.account}\r\n \r\n
\r\n
\r\n \r\n {profile && profile.card_no\r\n ? \"变更银行卡信息\"\r\n : \"登录银行卡信息\"}\r\n
\r\n \r\n\r\n })
\r\n
\r\n );\r\n });\r\n\r\n const sellerInfo = profile && !profile.company && (\r\n \r\n
\r\n );\r\n\r\n const companyInfo = profile && profile.company && (\r\n 个人资料
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n
- \r\n {profile.family_name}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.certificate}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.identify_number}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.contact_number}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {showAttachment}\r\n \r\n
\r\n 注：如需更改联系平台客服。\r\n
\r\n\r\n
\r\n );\r\n\r\n return (\r\n 企业资料
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n \r\n
- \r\n {profile.company_name}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.company_number}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.family_name}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {profile.contact_number}\r\n \r\n
- \r\n
- \r\n \r\n \r\n
- \r\n {showAttachment}\r\n \r\n
\r\n 注：如需更改联系平台客服。\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(Profile);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { connect } from \"react-redux\";\r\nimport { Form, Radio,Input } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport agent from \"agent\";\r\nimport {\r\n WITHDRAW_INFO,\r\n WITHDRAW,\r\n SETTLEMENT_PAGE_UNLOADED,\r\n} from \"constants/actionTypes\";\r\nimport { loadSellerProfileInfo } from \"dispatch\";\r\nimport SidebarAvatar from \"./SidebarAvatar\";\r\nimport Header from \"./Header\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport moment from \"moment\";\r\nimport \"./ApplyForCash.less\";\r\nconst mapStateToProps = state => ({\r\n ...state.user,\r\n ...state.applyForCash,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadWithdrawInfo: payload => {\r\n return dispatch({\r\n type: WITHDRAW_INFO,\r\n payload: agent.Seller.loadWithdrawInfo(),\r\n });\r\n },\r\n\r\n withdraw: (send) => {\r\n return dispatch({\r\n type: WITHDRAW,\r\n payload: agent.Seller.withdraw(send),\r\n });\r\n },\r\n\r\n unloadSettlement: () => {\r\n return dispatch({ type: SETTLEMENT_PAGE_UNLOADED });\r\n },\r\n});\r\n\r\nclass ApplyForCash extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n taxStyle: 1,\r\n alipay:1,\r\n open:false,\r\n }\r\n }\r\n\r\n static propTypes = {\r\n currentUser: PropTypes.object,\r\n userLogin: PropTypes.bool.isRequired,\r\n errors: PropTypes.array,\r\n form: PropTypes.object.isRequired,\r\n withdrawSuccess: PropTypes.bool,\r\n profile: PropTypes.object,\r\n withdraw: PropTypes.func.isRequired,\r\n unloadSettlement: PropTypes.func.isRequired,\r\n applywith:PropTypes.object.isRequired,\r\n };\r\n\r\n static defaultProps = {\r\n withdrawSuccess: false,\r\n applywith:{money:\"\"},\r\n };\r\n\r\n componentWillUnmount() {\r\n this.props.unloadSettlement();\r\n }\r\n\r\n shouldComponentUpdate(nextProps, nextState) {\r\n if (!nextProps.currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n if (nextProps.withdrawSuccess && agent.getToken()) {\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n componentDidMount() {\r\n const { userLogin,applywith } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n // load user profile\r\n if (applywith.money<=0) {\r\n redirectTo(\"/seller/settlement\");\r\n return false;\r\n }\r\n loadSellerProfileInfo();\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n if (this.props.errors !== prevProps.errors) {\r\n this.showFormItemServerError();\r\n }\r\n \r\n }\r\n handleSubmit(e) {\r\n const { currentUser,withdraw,applywith } = this.props;\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n const send={\r\n tax:this.state.taxStyle,\r\n price:applywith.money,\r\n withdraw:this.state.alipay,\r\n alipay:values.alipay,\r\n realname:values.realname,\r\n bankname:values.bankname,\r\n branchname:values.branchname,\r\n banknumber:values.banknumber,\r\n accountname:values.accountname,\r\n }\r\n const name=currentUser.family_name;\r\n if (this.state.alipay==1) {\r\n if (!values.alipay) {\r\n this.props.form.setFields({\r\n alipay: {\r\n value: values.alipay,\r\n errors: [new Error(\"请输入支付宝账号!\")],\r\n },\r\n });\r\n return false;\r\n }\r\n }\r\n if (this.state.alipay==2) {\r\n let flag=0;\r\n if (!values.bankname) {\r\n this.props.form.setFields({\r\n bankname: {\r\n value: values.bankname,\r\n errors: [new Error(\"请输入银行名称!\")],\r\n },\r\n });\r\n flag=1;\r\n }\r\n if (!values.branchname) {\r\n this.props.form.setFields({\r\n branchname: {\r\n value: values.branchname,\r\n errors: [new Error(\"请输入支行名称!\")],\r\n },\r\n });\r\n flag=1;\r\n }\r\n if (!values.banknumber) {\r\n this.props.form.setFields({\r\n banknumber: {\r\n value: values.banknumber,\r\n errors: [new Error(\"请输入银行卡号!\")],\r\n },\r\n });\r\n flag=1;\r\n }\r\n if (flag==1) {\r\n return false;\r\n }\r\n }\r\n if (currentUser.company) {\r\n if (this.state.alipay==1&¤tUser.family_name!=values.realname) {\r\n this.props.form.setFields({\r\n realname: {\r\n value: values.realname,\r\n errors: [new Error(\"提现账户的姓名须与卖家认证姓名一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n if (this.state.alipay==2&¤tUser.family_name!=values.accountname) {\r\n this.props.form.setFields({\r\n accountname: {\r\n value: values.accountname,\r\n errors: [new Error(\"提现账户的姓名须与卖家认证姓名一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n }\r\n if (!currentUser.company) {\r\n if (this.state.alipay==1&&name!=values.realname) {\r\n this.props.form.setFields({\r\n realname: {\r\n value: values.realname,\r\n errors: [new Error(\"提现账户的姓名须与卖家认证姓名一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n if (this.state.alipay==2&&name!=values.accountname) {\r\n this.props.form.setFields({\r\n accountname: {\r\n value: values.accountname,\r\n errors: [new Error(\"提现账户的姓名须与卖家认证姓名一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n \r\n }\r\n withdraw(send);\r\n }\r\n })\r\n }\r\n\r\n onChange = e => {\r\n this.setState({\r\n taxStyle: e.target.value,\r\n });\r\n };\r\n onChangeAlipay = e => {\r\n this.setState({\r\n alipay: e.target.value,\r\n });\r\n if (e.target.value==1) {\r\n this.props.form.resetFields(\"bankname\");\r\n this.props.form.resetFields(\"branchname\");\r\n this.props.form.resetFields(\"banknumber\");\r\n this.props.form.resetFields(\"accountname\");\r\n }else if (e.target.value==2) {\r\n this.props.form.resetFields(\"alipay\");\r\n this.props.form.resetFields(\"realname\");\r\n }\r\n };\r\n closeShow(){\r\n this.setState({\r\n open:false,\r\n });\r\n redirectTo(\"/seller/settlement\");\r\n }\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n if (!errors) {\r\n this.setState({\r\n open:true,\r\n })\r\n }\r\n }\r\n\r\n render() {\r\n const { currentUser ,applywith} = this.props;\r\n let notice=\"hidden\";\r\n if (applywith.money==50000) {\r\n notice=\"two_font_notice\";\r\n }\r\n const { getFieldDecorator } = this.props.form;\r\n if (!currentUser) {\r\n return login;\r\n }\r\n const { open } = this.state;\r\n const showClass = open ? \"isShow\" : \"modalBox\";\r\n const radioStyle = {\r\n display: 'block',\r\n height: '30px',\r\n lineHeight: '30px',\r\n };\r\n const isSHowOne=this.state.taxStyle==2?\"one_font_notice hidden\":\"one_font_notice\";\r\n const isSHowTwo=this.state.taxStyle==1?\"two_font_notice hidden\":\"two_font_notice\";\r\n const isSHowAlipayOne=this.state.alipay==2?\"cashItem__list hidden\":\"cashItem__list\";\r\n const isSHowAlipayTwo=this.state.alipay==1?\"cashItem__list hidden\":\"cashItem__list\";\r\n \r\n let time=moment().add(1, 'months').format(\"YYYY.MM\");\r\n time+=\".15 23:59:59前\";\r\n return (\r\n \r\n \r\n \r\n
\r\n 卖家个人中心
\r\n\r\n {profile && profile.company ? companyInfo : sellerInfo}\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst ApplyForCashForm = Form.create()(ApplyForCash);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(ApplyForCashForm);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport { PAY_CUSTOMIZED } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\n//import \"./FixPrice.less\";\r\n\r\nconst mapStateToProps = state => ({ \r\n userLogin: state.app.userLogin,\r\n ...state.fixPrice,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n payMusic: (info,done) =>\r\n dispatch({\r\n type: PAY_CUSTOMIZED,\r\n payload: agent.Customized.payCustomized(info),\r\n done,\r\n }),\r\n\r\n});\r\nlet _val;\r\nclass FixPrice extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n total: 0,\r\n number:0,\r\n info:\"\",\r\n val:\"\",\r\n };\r\n }\r\n static propTypes = {\r\n // loading: PropTypes.bool.isRequired,\r\n history: PropTypes.object.isRequired,\r\n userLogin: PropTypes.bool.isRequired,\r\n payMusic: PropTypes.func.isRequired,\r\n payUrl: PropTypes.string,\r\n };\r\n componentDidUpdate(prevProps) {\r\n if (this.props.payUrl) {\r\n location.replace(this.props.payUrl);\r\n }\r\n }\r\n songNumber = e => {\r\n \r\n const num=e.target.value\r\n if(!/^[1-9]\\d*$/.test(num)){\r\n this.setState({\r\n info:\"请输入正确的数量\",\r\n })\r\n return\r\n }else if(num.length>8){\r\n this.setState({\r\n info:\"请输入正确的数量\"\r\n })\r\n return\r\n }else{\r\n this.setState({\r\n info:\"\"\r\n }) \r\n }\r\n const monery=num*1500+num*1500*0.15;\r\n this.setState({\r\n total:monery,\r\n number:num,\r\n })\r\n }\r\n changeVal= e =>{\r\n var val = e.target.value;\r\n if(isNaN(val)){\r\n val = _val;\r\n this.setState({\"info\":\"只能输入数字!\"});\r\n setTimeout(function(){\r\n this.setState({\"info\":\"\"});\r\n }.bind(this),1000);\r\n }else{\r\n _val = val; \r\n }\r\n this.setState({\"val\":val});\r\n const monery=val*1500+val*1500*0.15;\r\n this.setState({\r\n total:monery,\r\n number:val,\r\n })\r\n }\r\n pay= e => {\r\n const {total,number}=this.state;\r\n const { userLogin ,payMusic} = this.props;\r\n if (!userLogin) {\r\n // login first\r\n //加type参数做登录之后的页面返回\r\n redirectTo(\"/login?type=3\");\r\n return;\r\n }\r\n if (total<=0) {\r\n return;\r\n }\r\n const send={\r\n total:total*100,\r\n number:number,\r\n }\r\n payMusic(send);\r\n } \r\n\r\n gotoDetail() {\r\n redirectTo(`/free`);\r\n }\r\n\r\n render() {\r\n // const { total } = this.state;\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 申请提现
\r\n\r\n
\r\n \r\n
\r\n\r\n - \r\n
- \r\n 纳税方式：\r\n \r\n
- \r\n
\r\n \r\n\r\n MUSINESS代扣代缴税费\r\n \r\n *（将统一扣除税前金额的22%作为代缴税费及代扣手续费）\r\n\r\n 卖家自行缴纳\r\n \r\n*（根据可提现金额开具等额增值税普通发票或者增值税专用发票寄至上海市徐汇区肇嘉浜路789号均瑶国际大厦23层F2 MUSINESS财务部，或有效电子发票发送至sales@musiness.vip）\r\n \r\n
\r\n
\r\n - \r\n
- \r\n 提现金额：\r\n \r\n
- \r\n ¥ {applywith.money}\r\n *最大提现金额为50000元\r\n \r\n
- \r\n
- \r\n 提现方式：\r\n \r\n
- \r\n
\r\n \r\n支付宝 \r\n银行卡 \r\n \r\n
- \r\n
- \r\n
- \r\n
- \r\n 预计到账时间：\r\n \r\n
- \r\n {time}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ![](\"../assets/img/u306.png\"/)
提现申请提交成功!\r\n
\r\n 提现申请提交成功!\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(FixPrice);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\nimport UploadMusic from \"./UploadMusic\";\r\nimport MakerEdit from \"./MakerEdit\";\r\nimport MakerDetail from \"./MakerDetail\";\r\nimport MyMusic from \"./MyMusic\";\r\nimport SellerMakerList from \"./SellerMakerList\";\r\nimport Settlement from \"./Settlement\";\r\nimport Settlement2 from \"./Settlement2\";\r\nimport SettlementUpdate from \"./SettlementUpdate\";\r\nimport Profile from \"./Profile\";\r\nimport ApplyForCash from \"./ApplyForCash\";\r\nimport { producerStatus } from \"config/producerStatus\";\r\nimport { loadCurrentUser, redirectTo } from \"dispatch\";\r\nconst mapStateToProps = state => ({ ...state.user });\r\n\r\nclass Seller extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n currentUser: PropTypes.object.isRequired,\r\n };\r\n componentDidMount() {\r\n // load user again\r\n loadCurrentUser();\r\n }\r\n\r\n render() {\r\n const { currentUser } = this.props;\r\n if (!currentUser) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return null;\r\n }\r\n if (currentUser.producer != producerStatus.YES) {\r\n redirectTo(\"/user/mypage\");\r\n return null;\r\n }\r\n\r\n const { match } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n 定价
\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {/* \r\n
\r\n 单曲
\r\n\r\n
\r\n \r\n \r\n 购买用途\r\n 价格(RMB)\r\n \r\n \r\n 购买用途\r\n 价格(RMB)\r\n \r\n
\r\n\r\n
\r\n {/* - \r\n
- \r\n 短视频/自媒体视频/直播背景音乐\r\n ¥99\r\n
授权期限: 随片永久
\r\n \r\n - \r\n 连续剧/动画/综艺¥600起\r\n
授权期限: 随片永久
\r\n \r\n - \r\n \r\n非商用(国家官方机构发起的有公益证明文件的公益项目/非盈利教学)¥99\r\n
授权期限: 随片永久
\r\n \r\n - \r\n 电影/微电影¥600起\r\n
授权期限: 随片永久
\r\n \r\n - \r\n \r\n ¥99\r\n音频背景音乐/FM/广播/有声读物
授权期限: 随片永久
\r\n \r\n - \r\n ¥1000\r\nAPP/PC端/小程序内置音乐
授权期限: 一年/随片永久
\r\n \r\n - \r\n \r\n ¥99\r\n学校/教学机构/公开课/网课
授权期限: 随片永久
\r\n \r\n - \r\n 游戏¥1000\r\n
授权期限:一年/随片永久
\r\n \r\n - \r\n \r\n ¥500\r\n营业场所/演出/活动等线下播放(不可翻唱)
授权期限: 一年/随片永久
\r\n \r\n - \r\n 智能硬件\r\n ¥1000\r\n
授权期限: 一年/随片永久
\r\n \r\n - \r\n 商业广告/宣传片/H5\r\n ¥99起\r\n
授权期限: 随片永久
\r\n \r\n - \r\n 免费曲库\r\n ¥0\r\n
授权期限: 随片永久
\r\n \r\n
\r\n \r\n 0元免费曲库，请点击。\r\n \r\n
*/}\r\n \r\n
*/}\r\n\r\n {/* \r\n
\r\n 套餐包
\r\n\r\n
\r\n 对于配乐有较大需求的用户，您可以购买优惠的包数量套餐。具体音乐等确定需求时再选定，选定音乐数从套餐中抵扣，抵扣完即止。
\r\n\r\n
\r\n - \r\n
- \r\n
3首
\r\n￥3,600元
\r\n8.0折
\r\n \r\n \r\n\r\n - \r\n
5首
\r\n￥5,625元
\r\n7.5折
\r\n \r\n \r\n\r\n - \r\n
10首
\r\n￥10,500元
\r\n7.0折
\r\n \r\n \r\n - \r\n
15首
\r\n￥14,625元
\r\n6.5折
\r\n \r\n \r\n\r\n - \r\n
20首
\r\n￥18,000元
\r\n6.0折
\r\n \r\n \r\n\r\n - \r\n
30首
\r\n￥24,750元
\r\n5.5折
\r\n \r\n \r\n
*该功能暂不支持
\r\n\r\n
*/}\r\n \r\n
\r\n 懒人推荐
\r\n\r\n
\r\n 如您懒得自己选择音乐，可以发送音乐需求至sales@musiness.vip。\r\n 我们提供专业的音乐小能手在一个工作日内为您推荐曲目。\r\n 曲目价格不变，在此基础上只加收15%的服务费。
\r\n\r\n
*/}\r\n {/* - \r\n
- \r\n \r\n\r\n
选择所需音乐数量，点击购买懒人推荐。
\r\n \r\n\r\n - \r\n \r\n\r\n
发送音乐需求至sales@musiness.vip，邮件标题请注明“懒人推荐+您的用户名”。
\r\n \r\n\r\n - \r\n \r\n\r\n
MUSINESS音乐小能手将在一个工作日内为您推荐三个方案。
\r\n \r\n\r\n - \r\n \r\n\r\n
您可从推荐方案中选择一个方案回复至sales@musiness.vip。
\r\n
（如您选择不使用我们推荐的歌曲，因音乐小能手的服务已经产生，生存艰难，服务费照收喔） \r\n\r\n - \r\n \r\n\r\n
MUSINESS音乐小能手会在一个工作日内将高清无水印版音乐和授权证书发送给您。
\r\n \r\n
如您放弃本次购买，因音乐小能手的服务已经产生，生存艰难，服务费照收喔！
*/}\r\n {/*\r\n \r\n
\r\n \r\n 1500元/単首+ 15%服务费
\r\n \r\n ￥{total}元
\r\n
\r\n );\r\n }\r\n return (\r\n 没有音乐
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MusicTable);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass Avatar extends React.Component {\r\n static propTypes = {\r\n src: PropTypes.string.isRequired,\r\n };\r\n\r\n render() {\r\n const { src } = this.props;\r\n return (\r\n \r\n {/**喜爱列表显示跳十页 */}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MyFavorite);\r\n","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport myFavorite from \"./MyFavorite\";\r\n\r\nclass Favorite extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n const { match } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n 喜爱列表
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {currentUser.nickname}\r\n
\r\n\r\n
\r\n \r\n 您已经关注了\r\n {total}\r\n 首音乐\r\n \r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default visionChina;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport agent from 'agent';\r\nimport { connect } from 'react-redux';\r\nimport { PLAYLIST_GET_INFO } from 'constants/actionTypes';\r\nimport { redirectTo } from 'dispatch';\r\nclass OtherTopic extends React.Component {\r\n static propTypes = {\r\n playlistInfos: PropTypes.array.isRequired,\r\n getPlaylistInfos: PropTypes.func.isRequired,\r\n excludes: PropTypes.array,\r\n getPlaylistType: PropTypes.func.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n if (!this.props.playlistInfos.length) this.props.getPlaylistInfos();\r\n }\r\n\r\n linkTo(id) {\r\n this.props.getPlaylistType({\r\n topicId: id,\r\n pager: {\r\n pageSize: 10,\r\n current: 1,\r\n },\r\n });\r\n redirectTo({\r\n pathname: location.pathname,\r\n search: `?id=${id}`,\r\n });\r\n\r\n this.smoothscroll();\r\n }\r\n\r\n smoothscroll() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n\r\n render() {\r\n const excludes = new Set(this.props.excludes || []);\r\n\r\n return (\r\n \r\n Seconds Elapsed: {this.state.secondsElapsed}\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n playlistInfos: state.playlist.info.infos,\r\n }),\r\n dispatch => ({\r\n getPlaylistInfos: send =>\r\n dispatch({\r\n type: PLAYLIST_GET_INFO,\r\n payload: agent.PlayList.getInfo(send),\r\n send,\r\n }),\r\n })\r\n)(OtherTopic);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport agent from 'agent';\r\nimport { connect } from 'react-redux';\r\nimport StaticWave from 'utils/staticWave';\r\nimport Download from 'components/Common/Download';\r\nimport { \r\n MUSIC_PLAY,\r\n CHECK_PRICE_GROUP,\r\n SHOW_SHOP_CAR,\r\n} from 'constants/actionTypes';\r\nimport { addFavorite, rmFavorite, showTime,HtmlUtil, addMusicStatis } from 'dispatch';\r\nimport { Link } from 'react-router-dom';\r\nimport Share from \"components/Common/Share\";\r\n\r\nclass MusicItem extends React.Component {\r\n static propTypes = {\r\n data: PropTypes.object.isRequired,\r\n type: PropTypes.string,\r\n page: PropTypes.string,\r\n playMusic: PropTypes.func.isRequired,\r\n audioid: PropTypes.string,\r\n userLogin:PropTypes.bool,\r\n labels: PropTypes.object.isRequired,\r\n musicPlay: PropTypes.object,\r\n showCarPopup:PropTypes.func.isRequired,\r\n checkPriceGroup:PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n playing: false,\r\n shareVisible: false,\r\n shareData: { url: \"\", title: \"\" },\r\n };\r\n componentDidUpdate(prevProps) {\r\n if (prevProps.audioid !== this.props.audioid && this.props.audioid !== this.props.data.audioid) {\r\n this.setState({ playing: false });\r\n }\r\n }\r\n\r\n favorite() {\r\n const { like, audioid } = this.props.data;\r\n if (like) {\r\n const { id: like_id } = like || {};\r\n rmFavorite({ audioid, like_id, type: this.props.type, page: this.props.page });\r\n } else addFavorite({ audioid, type: this.props.type, page: this.props.page });\r\n }\r\n\r\n play() {\r\n const {musicPlay,data}=this.props;\r\n const play= !!musicPlay && musicPlay.id === data.id && !!musicPlay.playing;\r\n const musicsta = {\r\n audioid:data.id,\r\n style:'play',\r\n }\r\n if (!play) {\r\n addMusicStatis(musicsta);\r\n }\r\n this.props.playMusic({ ...this.props.data, playing: !play });\r\n }\r\n\r\n handleShareClick(data) {\r\n const { audioid, title } = data;\r\n let tit=HtmlUtil.htmlDecode(title);\r\n this.setState({\r\n shareVisible: true,\r\n shareData: {\r\n url: location.origin + \"/music/musicid/\" + audioid,\r\n title:tit,\r\n },\r\n });\r\n }\r\n handleCartClick(audio) {\r\n console.log(222222,this.props)\r\n const { showCarPopup ,checkPriceGroup} = this.props;\r\n const send = {\r\n showAddCar:true,\r\n addAudio: audio,\r\n };\r\n checkPriceGroup(audio.price_group_id);\r\n showCarPopup(send);\r\n }\r\n closeShareModel() {\r\n this.setState({ shareVisible: false });\r\n }\r\n showTags(condition, inverted_condition,speed) {\r\n let show = \"\";\r\n if(condition != undefined){\r\n for (let key in inverted_condition) {\r\n let value = (inverted_condition[key] + \"\").split(\",\");\r\n for (let i = 0; i < condition[key].length; i++) {\r\n const element = condition[key][i];\r\n for (let k = 0; k < value.length; k++) {\r\n const val = value[k];\r\n if (element.id == val) {\r\n show += element.title + \" / \";\r\n }\r\n }\r\n }\r\n }\r\n if(speed){\r\n for(let i = 0;i更多分类主题
\r\n\r\n
\r\n - \r\n {this.props.playlistInfos\r\n .filter(x => !excludes.has(x.playlistid))\r\n .map((x, i) => {\r\n const { title, playlistid, thumb,weight } = x;\r\n if (weight<1) {\r\n return \r\n }\r\n return (\r\n
- \r\n \r\n
{title}
\r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n );\r\n }\r\n return show;\r\n }\r\n render() {\r\n const {\r\n id,\r\n thumb,\r\n like,\r\n title,\r\n duration,\r\n audioid,\r\n creatorInfo,\r\n inverted_condition,\r\n speed,\r\n composer,\r\n api_id,\r\n minprice,\r\n author,\r\n } = this.props.data;\r\n const {musicPlay}=this.props;\r\n const play= !!musicPlay && musicPlay.id === id && !!musicPlay.playing;\r\n const urls=\"url(\"+agent.getApiUrl(thumb)+\")\";\r\n const labels = this.props.labels;\r\n const pre=99;\r\n console.info(this.props.data);\r\n const vImg=author.userid == 'IVKPCCUGYVS317TCF32BC7BE385C027F'||author.userid == 'WCIRSZ7MUOMGZ4RUE1A728276B7BD15B'||author.userid == 'XBNTVMZD2KVJ5FRK81027164D4516A4C'||author.userid == 'XBNTVMZD2KVJ5FRK81027164D4516A4C'?true:false;\r\n return (\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n audioid: state.player.audio ? state.player.audio.audioid : null,\r\n userLogin: state.app.userLogin,\r\n musicPlay: state.player.audio,\r\n }),\r\n dispatch => ({\r\n playMusic: musicPlay => {\r\n return dispatch({ type: MUSIC_PLAY, musicPlay });\r\n },\r\n showCarPopup: addAudio => {\r\n return dispatch({ type: SHOW_SHOP_CAR, addAudio });\r\n },\r\n checkPriceGroup:id => {\r\n return dispatch({\r\n type: CHECK_PRICE_GROUP,\r\n payload: agent.PriceGroup.get(id),\r\n });\r\n },\r\n })\r\n)(MusicItem);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport agent from 'agent';\r\nimport { connect } from 'react-redux';\r\nimport { PLAYLIST_GET_INFO, PLAYLIST_GET_TYPE, TOPIC_DETAIL_UNLOAD,MUSIC_SEARCH_LABEL_LOAD_All} from 'constants/actionTypes';\r\nimport { DISCOUNT_OPEN } from 'constants/music';\r\nimport { redirectTo } from 'dispatch';\r\nimport OtherTopic from 'components/TopicMusic/OtherTopic';\r\nimport MusicItem from 'components/TopicMusic/MusicItem';\r\nimport { Pagination } from 'antd';\r\nimport Loading from \"components/Loading\";\r\nimport moment from \"moment\";\r\nimport \"./TopicMusic.less\";\r\n\r\nclass TopicMusic extends React.Component {\r\n static propTypes = {\r\n playlistInfos: PropTypes.array.isRequired,\r\n getPlaylistInfos: PropTypes.func.isRequired,\r\n getPlaylistType: PropTypes.func.isRequired,\r\n audioList: PropTypes.object.isRequired,\r\n search: PropTypes.string.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n unLoadTopic:PropTypes.func.isRequired,\r\n labels: PropTypes.object.isRequired,\r\n loadLabelAll: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n topicId: null,\r\n };\r\n\r\n defaultPager = { pageSize: 10, current: 1 };\r\n\r\n selectRef = null;\r\n\r\n componentDidUpdate(prevProps, prevState) {\r\n if (prevProps.playlistInfos != this.props.playlistInfos) {\r\n if (!this.props.playlistInfos.filter(x => x.playlistid === this.state.topicId).length) {\r\n redirectTo('/');\r\n }\r\n\r\n this.selectRef.value = this.state.topicId;\r\n }\r\n\r\n if (prevState.topicId === null && this.state.topicId) {\r\n this.selectRef.value = this.state.topicId;\r\n }\r\n\r\n if (prevProps.search !== this.props.search) {\r\n this.setTopicId();\r\n }\r\n }\r\n\r\n componentDidMount() {\r\n if (!this.props.playlistInfos.length) this.props.getPlaylistInfos();\r\n this.setTopicId();\r\n const {loadLabelAll}=this.props;\r\n loadLabelAll();\r\n }\r\n setTopicId() {\r\n const search = this.props.search.match(/id=([^&]+)/);\r\n if (search) {\r\n const [, topicId] = search;\r\n this.setState({ topicId });\r\n this.selectRef.value = topicId;\r\n this.props.getPlaylistType({ topicId, pager: this.defaultPager });\r\n } else redirectTo('/');\r\n }\r\n\r\n changePlayList(e) {\r\n this.setState({ topicId: e.target.value });\r\n this.props.getPlaylistType({\r\n topicId: e.target.value,\r\n pager: {\r\n ...this.props.audioList[this.state.topicId].pager,\r\n current: 1,\r\n },\r\n });\r\n redirectTo({\r\n pathname: location.pathname,\r\n search: `?id=${e.target.value}`,\r\n });\r\n }\r\n\r\n getTopic() {\r\n const [info = {}] = this.props.playlistInfos.filter(x => x.playlistid === this.state.topicId) || [];\r\n const { title, subtitle,status } = info;\r\n return { title, subtitle,status };\r\n }\r\n\r\n onPageChange(page) {\r\n this.props.getPlaylistType({\r\n topicId: this.state.topicId,\r\n pager: {\r\n pageSize: this.props.audioList[this.state.topicId].pager.pageSize,\r\n current: page,\r\n },\r\n });\r\n }\r\n render() {\r\n const { title, subtitle,status } = this.getTopic();\r\n let { audios: audioList = [], total, pager = this.defaultPager } = this.props.audioList[this.state.topicId] || {};\r\n const { pageSize, current } = pager;\r\n const getPlaylistType = this.props.getPlaylistType;\r\n const {labels}=this.props\r\n let img = '';\r\n let imgContent = '';\r\n if (title == '短视频') {\r\n img = ' topicKv_a musicKv_a ';\r\n imgContent = 'musicContents topicContents_a';\r\n } else if (title == '商业广告') {\r\n img = 'topicKv_b musicKv_b';\r\n imgContent = 'musicContents topicContents_b';\r\n } else if (title == '舞会派对') {\r\n img = 'topicKv_c musicKv_c';\r\n imgContent = 'musicContents topicContents_c';\r\n } else if (title == '当季节庆') {\r\n img = 'topicKv_d musicKv_d';\r\n imgContent = 'musicContents topicContents_d';\r\n } else if (title == '电玩游戏') {\r\n img = 'topicKv_e musicKv_e';\r\n imgContent = 'musicContents topicContents_e';\r\n } else if (title == '都会时尚') {\r\n img = 'topicKv_f musicKv_f';\r\n imgContent = 'musicContents topicContents_f';\r\n } else if (title == '动画卡通') {\r\n img = 'topicKv_g musicKv_g';\r\n imgContent = 'musicContents topicContents_g';\r\n } else if (title == '典礼开场') {\r\n img = 'topicKv_h musicKv_h';\r\n imgContent = 'musicContents topicContents_h';\r\n } else if (title == '氛围配乐') {\r\n img = 'topicKv_i musicKv_i';\r\n imgContent = 'musicContents topicContents_i';\r\n }else if (title == 'VLOG 旅行篇') {\r\n img = 'topicKv_71 musicKv_71';\r\n imgContent = 'musicContents topicContents_71';\r\n } else if (title == 'VLOG 生活篇') {\r\n img = 'topicKv_72 musicKv_72';\r\n imgContent = 'musicContents topicContents_72';\r\n }\r\n return (\r\n \r\n
\r\n {vImg?\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n \r\n {HtmlUtil.htmlDecode(title)}\r\n \r\n {vImg?:\"\"}\r\n
\r\n {' '}\r\n {!(creatorInfo&&creatorInfo.status=='normal') ? by {HtmlUtil.htmlDecode(creatorInfo? creatorInfo.nickname:composer)}:\r\n by {HtmlUtil.htmlDecode(creatorInfo.nickname)}\r\n }\r\n
\r\n\r\n ¥{!api_id?minprice:pre}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {showTime(duration)}
\r\n\r\n
\r\n \r\n {/* 显示查出来的标签 */}\r\n {this.showTags(labels, inverted_condition,speed)}\r\n
\r\n- \r\n
- this.favorite()}>\r\n \r\n \r\n
- \r\n \r\n SHARE\r\n \r\n \r\n
- \r\n
\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n playlistInfos: state.playlist.info.infos,\r\n audioList: state.playlist.list,\r\n search: state.router.location.search,\r\n labels: state.labels.labelsDataAll,\r\n }),\r\n dispatch => ({\r\n getPlaylistInfos: send =>\r\n dispatch({\r\n type: PLAYLIST_GET_INFO,\r\n payload: agent.PlayList.getInfo(send),\r\n send,\r\n }),\r\n getPlaylistType: send =>\r\n dispatch({\r\n type: PLAYLIST_GET_TYPE,\r\n payload: agent.PlayList.getType(send),\r\n send,\r\n }),\r\n unLoadTopic: () => \r\n dispatch({ \r\n type: TOPIC_DETAIL_UNLOAD\r\n }),\r\n loadLabelAll: () => {\r\n return dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_All,\r\n payload: agent.Music.searchLabelAlls(),\r\n });\r\n },\r\n })\r\n)(TopicMusic);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { Pagination } from \"antd\";\r\nimport { PARTNER_LIST } from \"constants/actionTypes\";\r\n\r\nclass Partner extends React.Component {\r\n static propTypes = {\r\n partner: PropTypes.object.isRequired,\r\n getPartnerList: PropTypes.func.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n this.props.getPartnerList({ pager: { current: 1, pageSize: 100 , orderby: \"-weight\" } });\r\n }\r\n\r\n componentDidUpdate() {\r\n console.log(this.props.partner.pager);\r\n }\r\n\r\n onPageChange(page) {\r\n const {\r\n pager: { pageSize },\r\n } = this.props.partner;\r\n\r\n this.props.getPartnerList({\r\n pager: {\r\n pageSize,\r\n current: page,\r\n },\r\n });\r\n }\r\n\r\n render() {\r\n const {\r\n total,\r\n pager: { pageSize, current },\r\n data,\r\n } = this.props.partner;\r\n //console.log(total, pageSize, current);\r\n const partnerList = data.map((x, i) => {\r\n const { thumb: src, title: alt = \"\" } = x;\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {title}
\r\n{subtitle}
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n 其他分类主题
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {audioList.map((x, i) => {\r\n return ;\r\n })}\r\n {status==2&&
\r\n \r\n
}\r\n \r\n 活动说明：
\r\n1. 活动期间特价产品的售价为99元，每期活动结束后恢复原价。本期活动截止时间:{moment().endOf('month').format(\"YYYY.MM.DD\")}。
\r\n2. Musiness保留法律范围内允许的对本活动的最终解释权。
\r\n\r\n {!audioList.length?
\r\n \r\n \r\n {/**分类页的显示跳十页 */}\r\n
\r\n }\r\n \r\n
\r\n ![\"\"](\"assets/img/bnr_dmy_2.jpg\")
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n partner: state.partner,\r\n }),\r\n dispatch => ({\r\n getPartnerList: send =>\r\n dispatch({\r\n type: PARTNER_LIST,\r\n payload: agent.Partner.getList(send),\r\n send,\r\n }),\r\n })\r\n)(Partner);\r\n","import React from \"react\";\r\nimport agent from \"agent\";\r\nimport PropTypes from \"prop-types\";\r\nimport { QA_GET } from \"constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport { Pagination } from \"antd\";\r\n\r\nclass HelpCenter extends React.Component {\r\n static propTypes = {\r\n getList: PropTypes.func.isRequired,\r\n qa: PropTypes.object,\r\n };\r\n\r\n input = null;\r\n\r\n componentDidMount() {\r\n const { pager } = this.props.qa;\r\n this.props.getList({ pager });\r\n }\r\n\r\n search = e =>{\r\n e.preventDefault();\r\n const { pager } = this.props.qa;\r\n this.props.getList({ pager, keyword: this.input.value });\r\n }\r\n\r\n onPageChange(page) {\r\n const { pager } = this.props.qa;\r\n this.props.getList({\r\n pager: { ...pager, current: page },\r\n keyword: this.input.value,\r\n });\r\n }\r\n\r\n render() {\r\n const { data = [], pager, total } = this.props.qa;\r\n const { pageSize, current } = pager || {};\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n 合作商
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - {partnerList}
\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n qa: state.qa,\r\n }),\r\n dispatch => ({\r\n getList: send => {\r\n return dispatch({\r\n type: QA_GET,\r\n send,\r\n payload: agent.Qa.getList(send),\r\n });\r\n },\r\n })\r\n)(HelpCenter);\r\n","import React from \"react\";\r\nimport agent from \"agent\";\r\nimport { CONTACT_SEND } from \"constants/actionTypes\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Form, Input } from \"antd\";\r\n\r\nclass Contact extends React.Component {\r\n static propTypes = {\r\n send: PropTypes.func.isRequired,\r\n form: PropTypes.object,\r\n };\r\n\r\n state = {\r\n form: {\r\n name: \"\",\r\n email: \"\",\r\n title: \"\",\r\n content: \"\",\r\n },\r\n modalVisible: false,\r\n };\r\n\r\n onChange(name, value) {\r\n this.setState(state => ({\r\n form: {\r\n ...state.form,\r\n [name]: value,\r\n },\r\n }));\r\n }\r\n\r\n onSubmit() {\r\n this.props.form.validateFieldsAndScroll(err => {\r\n if (err) return;\r\n this.props.send(this.state.form, () => {\r\n this.setState({ modalVisible: true });\r\n });\r\n });\r\n }\r\n\r\n closeModal() {\r\n this.setState({ modalVisible: false });\r\n }\r\n\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n\r\n const modal = this.state.modalVisible && (\r\n \r\n \r\n \r\n
\r\n 帮助中心
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 问题分类\r\n
\r\n- \r\n {data.map((x, i) => {\r\n const { q, a } = x;\r\n return [\r\n
{q}
\r\n ,\r\n\r\n{a}
\r\n ,\r\n ];\r\n })}\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 消息\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 提交成功！\r\n
\r\n \r\n
\r\n {modal}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n () => ({}),\r\n dispatch => ({\r\n send: (send, callback) =>\r\n dispatch({\r\n type: CONTACT_SEND,\r\n payload: agent.Contact.send(send),\r\n callback,\r\n }),\r\n })\r\n)(Form.create()(Contact));\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport agent from \"agent\";\r\nimport { PUBLIC_MAKER_LIST } from \"constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport \"./maker.less\";\r\nimport { Pagination } from \"antd\";\r\nimport { redirectTo } from \"dispatch\";\r\n\r\nclass Maker extends React.Component {\r\n static propTypes = {\r\n list: PropTypes.object.isRequired,\r\n getList: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n tip: null,\r\n keyword: \"\",\r\n };\r\n\r\n componentDidMount() {\r\n const { pager } = this.props.list;\r\n this.props.getList({ pager });\r\n }\r\n\r\n gotoDetail(id) {\r\n //此用户下不会有音乐，所以重定向到搜索\r\n if(id==343)\r\n redirectTo(`/music/search`);\r\n else\r\n redirectTo(`/makerdetail?id=${id}`);\r\n }\r\n\r\n showTip(id) {\r\n this.setState({ tip: id });\r\n }\r\n\r\n onPageChange(page) {\r\n const { pager } = this.props.list;\r\n this.props.getList({\r\n pager: { ...pager, current: page },\r\n keyword: this.state.keyword,\r\n });\r\n }\r\n\r\n onChangeKeyword(e) {\r\n this.setState({\r\n keyword: e.target.value,\r\n });\r\n }\r\n\r\n onSearch= e => {\r\n e.preventDefault();\r\n const { pager } = this.props.list;\r\n this.props.getList({ pager, keyword: this.state.keyword });\r\n }\r\n\r\n render() {\r\n const { data = [], pager = {}, total } = this.props.list;\r\n const { pageSize, current } = pager;\r\n console.info(data)\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n list: state.maker.list,\r\n }),\r\n dispatch => ({\r\n getList: send =>\r\n dispatch({\r\n type: PUBLIC_MAKER_LIST,\r\n payload: agent.Maker.getList(send),\r\n send,\r\n }),\r\n })\r\n)(Maker);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { connect } from \"react-redux\";\r\nimport { PUBLIC_MAKER_DETAIL, PUBLIC_MKAER_MUSIC,DETAIL_PAGE_UNLOAD,DETAIL_AUDIO_UNLOAD } from \"constants/actionTypes\";\r\nimport { MUSIC_SEARCH_LABEL_LOAD_All } from \"constants/actionTypes\";\r\nimport { HtmlUtil } from \"dispatch\"; //redirectTo\r\nimport MusicItem from \"components/TopicMusic/MusicItem\";\r\nimport { Pagination } from \"antd\";\r\nimport Loading from \"components/Loading\";\r\nimport \"./detail.less\";\r\n\r\nclass MakerDetail extends React.Component {\r\n static propTypes = {\r\n pagination: PropTypes.object.isRequired,\r\n detail: PropTypes.object.isRequired,\r\n getDetail: PropTypes.func.isRequired,\r\n audio: PropTypes.object.isRequired,\r\n getAudio: PropTypes.func.isRequired,\r\n unLoadDetail: PropTypes.func.isRequired,\r\n loading: PropTypes.bool.isRequired,\r\n unLoadAudio: PropTypes.func.isRequired,\r\n labels: PropTypes.object.isRequired,\r\n loadLabelAll: PropTypes.func.isRequired,\r\n };\r\n\r\n state = {\r\n id: null,\r\n };\r\n\r\n // UNSAFE_componentWillUpdate() {\r\n // const { pathname } = useLocation();\r\n // console.log(\"+++++++++\",pathname);\r\n // // if(window.history != this.state.lasturl){\r\n // // let lasturl = window.history;\r\n // // this.setState({ lasturl });\r\n // // let [, id] = location.search.match(/id=([^&]+)/) || [];\r\n // // if (!id) { \r\n // // id = 305;\r\n // // this.setState({ id });\r\n // // this.props.getDetail(id);\r\n // // this.props.getAudio({ id, pager: this.props.audio.pager });\r\n // // }\r\n // // }\r\n // }\r\n componentDidMount() {\r\n let [, id] = location.search.match(/id=([^&]+)/) || [];\r\n if (!id) {\r\n // redirectTo(\"/maker\");\r\n id = 305;\r\n this.setState({ id });\r\n this.props.getDetail(id);\r\n this.props.getAudio({ id, pager: this.props.audio.pager });\r\n } else {\r\n this.setState({ id });\r\n this.props.getDetail(id);\r\n this.props.getAudio({ id, pager: this.props.audio.pager });\r\n }\r\n const { loadLabelAll } = this.props;\r\n loadLabelAll();\r\n }\r\n componentWillUnmount() {\r\n this.props.unLoadDetail();\r\n this.props.unLoadAudio();\r\n }\r\n\r\n onPageChange(page) {\r\n this.props.getAudio({\r\n id: this.state.id,\r\n pager: { ...this.props.audio.pager, current: page },\r\n });\r\n }\r\n /**点击向后翻十页 */\r\n onPageBehindChanges(){\r\n const { pager = {}, total } = this.props.audio;\r\n let totalPage = Math.ceil(total/pager.pageSize);\r\n /**如果当前页大于总页数-10并且小于总页数的时候，直接跳转至最后一页 */\r\n if(pager.current>totalPage-10 && pager.current<=totalPage){\r\n this.onPageChange(totalPage);\r\n }else{\r\n let pageBehind = pager.current+10;\r\n this.onPageChange(pageBehind);\r\n }\r\n }\r\n /**点击向前翻十页 */\r\n onPageBeforeChanges(){\r\n const { pager = {}, } = this.props.audio;\r\n /**如果当前页小于10并且大于0，直接跳转到第一页 */\r\n if(pager.current<=10 && pager.current>0){\r\n this.onPageChange(1);\r\n }else{\r\n let pageBefore = pager.current-10;\r\n this.onPageChange(pageBefore);\r\n }\r\n }\r\n render() {\r\n const {loading,labels}=this.props;\r\n const { avatar, description, nickname } = this.props.detail;\r\n const { data = [], pager = {}, total } = this.props.audio;\r\n const { pageSize, current } = pager;\r\n const urls=\"url(\"+agent.getApiUrl(avatar)+\")\";\r\n if (!this.props.detail) {\r\n return (\r\n \r\n \r\n \r\n
\r\n 创作人
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {data.map((x, i) => {\r\n const {\r\n avatar,\r\n id,\r\n description,\r\n nickname,\r\n } = x;\r\n\r\n return (\r\n \r\n {/* */}\r\n })
\r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {nickname}\r\n
\r\n {this.state.tip === id && (\r\n\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {\r\n description\r\n }\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n \r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n state => ({\r\n detail: state.maker.detail,\r\n audio: state.maker.audio,\r\n labels: state.labels.labelsDataAll,\r\n }),\r\n dispatch => ({\r\n getDetail: id =>\r\n dispatch({\r\n type: PUBLIC_MAKER_DETAIL,\r\n payload: agent.Maker.getDetail(id),\r\n }),\r\n getAudio: send =>\r\n dispatch({\r\n type: PUBLIC_MKAER_MUSIC,\r\n payload: agent.Maker.getAudio(send),\r\n send,\r\n }),\r\n unLoadDetail: () => \r\n dispatch({\r\n type: DETAIL_PAGE_UNLOAD \r\n }),\r\n unLoadAudio: () => \r\n dispatch({\r\n type: DETAIL_AUDIO_UNLOAD \r\n }), \r\n loadLabelAll: () => \r\n dispatch({\r\n type: MUSIC_SEARCH_LABEL_LOAD_All,\r\n payload: agent.Music.searchLabelAlls(),\r\n }),\r\n \r\n \r\n })\r\n)(MakerDetail);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\n// import Loading from \"components/Loading\";\r\nimport { Form,Input } from \"antd\";\r\nimport agent from \"agent\";\r\nimport { SEND_CUSTOMIZED } from \"constants/actionTypes\";\r\nimport \"./Composition.less\"\r\nconst { TextArea } = Input;\r\nconst mapStateToProps = state => ({ ...state.composition });\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\r\n sendCustomized: (info,done) =>\r\n dispatch({\r\n type: SEND_CUSTOMIZED,\r\n payload: agent.Captcha.sendCustomized(info),\r\n done,\r\n }),\r\n});\r\n\r\nclass Composition extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n show: false,\r\n };\r\n }\r\n static propTypes = {\r\n history: PropTypes.object.isRequired,\r\n form: PropTypes.object,\r\n sendCustomized: PropTypes.func.isRequired,\r\n status: PropTypes.number,\r\n };\r\n handleSubmit = e => {\r\n const {sendCustomized}=this.props;\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n console.info(values)\r\n if (!values.demo) {\r\n values.demo=\"此用户没有填写\"\r\n }\r\n if (!values.use) {\r\n values.use=\"此用户没有填写\"\r\n }\r\n sendCustomized(\r\n values,\r\n () => {\r\n const { status } = this.props;\r\n if (status==0) {\r\n this.setState({\r\n show:true,\r\n });\r\n setTimeout(() => {\r\n this.closeInfo();\r\n }, 3000); \r\n \r\n }\r\n });\r\n \r\n }\r\n })\r\n \r\n }\r\n closeInfo () {\r\n this.props.form.resetFields(\"name\");\r\n this.props.form.resetFields(\"link\");\r\n this.props.form.resetFields(\"use\");\r\n this.props.form.resetFields(\"remark\");\r\n this.props.form.resetFields(\"demo\");\r\n this.setState({\r\n show:false,\r\n })\r\n }\r\n close = e => {\r\n this.props.form.resetFields(\"name\");\r\n this.props.form.resetFields(\"link\");\r\n this.props.form.resetFields(\"use\");\r\n this.props.form.resetFields(\"remark\");\r\n this.props.form.resetFields(\"demo\");\r\n this.setState({\r\n show:false,\r\n })\r\n }\r\n render() {\r\n const { getFieldDecorator } = this.props.form;\r\n const { show } = this.state;\r\n let sty={display:\"none\"};\r\n if (show) {\r\n sty={display:\"block\"};\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n {nickname}\r\n
\r\n\r\n {HtmlUtil.htmlDecode(HtmlUtil.htmlDecode(HtmlUtil.htmlDecode(description)))}\r\n
\r\n\r\n
\r\n \r\n \r\n {!data?
\r\n \r\n {total > 0 ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \"\"\r\n )}\r\n \r\n {/**作者详情页的显示跳十页 */}\r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(Composition);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst mapStateToProps = state => ({ ...state.fixPrice });\r\n\r\nconst mapDispatchToProps = dispatch => ({});\r\n\r\nclass FixPrice extends React.Component {\r\n static propTypes = {\r\n // loading: PropTypes.bool.isRequired,\r\n history: PropTypes.object.isRequired,\r\n \r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n 需求发布成功！
\r\n管理员会在一个工作日内与您联系，请您耐心等待。
\r\n\r\n \r\n \r\n
\r\n 歌曲定制
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 定制服务
\r\n“为您打造专属音乐！”
\r\n选不到您想要的音乐？有特别的词曲需求？奕颗贝壳凭借强大的编曲配乐、录音后制团队，严谨规范的合作流程，深耕广告、商业配乐领域多年。我们将为您匹配符合您需求的创作者，从提案、词曲、编曲、录音、混音到后制，以专业服务协助您完成专案。
\r\n\r\n {/*
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(FixPrice);\r\n","import React from \"react\";\r\n\r\nclass AppSvg extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n 成为卖家
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- 交易记录 \r\n
- 版权收益 \r\n
- 灵活提现 \r\n
- 定制合作 \r\n
\r\n
\r\n 将您的音乐上传至MUSINESS，享受平台聚合服务，成功将作品多次变现。
\r\n继续申请
\r\n\r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(UpdatePassword);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport {\r\n SHOW_FORGET_POPUP,\r\n FORGOT_PASSWORD_CAPTCHA,\r\n FORGET_PASSWORD,\r\n} from \"../../constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Input, Button, Form } from \"antd\";\r\nimport { Link } from \"react-router-dom\";\r\nimport \"components/User/User.less\";\r\nimport agent from \"agent\";\r\nconst mapStateToProps = state => ({\r\n ...state.forgetPassword,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n showForgetPopup: isShow => {\r\n return dispatch({ type: SHOW_FORGET_POPUP, isShow });\r\n },\r\n onClick: (email, done) =>\r\n dispatch({ type: FORGOT_PASSWORD_CAPTCHA, payload: agent.Captcha.getCreate(email), done }),\r\n onSubmit: parma =>\r\n dispatch({\r\n type: FORGET_PASSWORD,\r\n payload: agent.User.userForgetPassword(parma),\r\n }),\r\n});\r\n\r\nclass ForgetPassword extends React.Component {\r\n static propTypes = {\r\n isShow: PropTypes.shape({\r\n forgetShow: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n showForgetPopup: PropTypes.func.isRequired,\r\n form: PropTypes.object,\r\n onClick: PropTypes.func.isRequired,\r\n onSubmit: PropTypes.func.isRequired,\r\n errors: PropTypes.array,\r\n };\r\n static defaultProps = {\r\n isShow: {\r\n forgetShow: false,\r\n },\r\n };\r\n state = {\r\n captchaDisabled: false,\r\n captchaLock: -1,\r\n };\r\n componentDidUpdate(prevProps) {\r\n if (this.props.errors !== prevProps.errors) {\r\n this.showFormItemServerError();\r\n }\r\n }\r\n showFormItemServerError() {\r\n const errors = this.props.errors;\r\n if (!errors) {\r\n const { captchaDisabled } = this.state;\r\n if (captchaDisabled) {\r\n return;\r\n }\r\n this.setState({ captchaDisabled: true });\r\n \r\n let lock = 60;\r\n this.setState({ captchaLock: lock });\r\n const c = setInterval(() => {\r\n lock--;\r\n this.setState({ captchaLock: lock });\r\n if (lock <= 0) {\r\n this.setState({ captchaDisabled: false });\r\n clearInterval(c);\r\n }\r\n }, 1000);\r\n return;\r\n }\r\n const { form } = this.props;\r\n Object.keys(errors).map(key => {\r\n const message = errors[key];\r\n if (message.message === \"Invalid captcha\") {\r\n message.param = \"captcha\";\r\n message.msg = \"验证码错误\";\r\n message.value = form.getFieldValue(\"code\");\r\n } else if (message.message === \"Invalid phone or email\") {\r\n message.param = \"phoneOrEmail\";\r\n message.msg = \"请输入正确的手机号/邮箱！\";\r\n message.value = form.getFieldValue(\"phoneOrEmail\");\r\n } else if (\r\n message.message === \"password must be at least 6 chars long\"\r\n ) {\r\n message.param = \"newPassword\";\r\n message.msg = \"密码至少6位！\";\r\n message.value = form.getFieldValue(\"newPassword\");\r\n }else if (message.message === \"Not yet registered\"){\r\n message.param = \"phoneOrEmail\";\r\n message.msg = \"该手机/邮箱尚未注册!\";\r\n message.value = form.getFieldValue(\"phoneOrEmail\");\r\n }\r\n\r\n switch (message.param) {\r\n case \"phoneOrEmail\":\r\n form.setFields({\r\n phoneOrEmail: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"captcha\":\r\n form.setFields({\r\n code: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n case \"newPassword\":\r\n form.setFields({\r\n newPassword: {\r\n value: message.value,\r\n errors: [new Error(message.msg)],\r\n },\r\n });\r\n break;\r\n }\r\n });\r\n }\r\n sendCode = e => {\r\n e.preventDefault();\r\n let bindInfo = this.props.form.getFieldValue(\"phoneOrEmail\");\r\n\r\n if (\r\n (!/^\\d+(\\.\\d{1,2})?$/.test(bindInfo) || bindInfo.length != 11) &&\r\n !/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(bindInfo)\r\n ) {\r\n this.props.form.setFields({\r\n phoneOrEmail: {\r\n value: bindInfo,\r\n errors: [new Error(\"请输入正确的手机号/邮箱！\")],\r\n },\r\n });\r\n return false;\r\n } else {\r\n this._getIdentifyingCode(bindInfo);\r\n //this.props.onClick(bindInfo);\r\n }\r\n };\r\n _getIdentifyingCode = field => {\r\n const done = e => {\r\n };\r\n this.props.onClick(field, done);\r\n };\r\n renderCaptcha = () => {\r\n const { captchaDisabled, captchaLock } = this.state;\r\n const className = [];\r\n if (captchaDisabled) {\r\n className.push(\"isDisabled\");\r\n }\r\n return (\r\n \r\n {captchaLock > 0 ? (\r\n \r\n 正在发送验证码（\r\n {captchaLock}）\r\n \r\n ) : (\r\n 发送验证码\r\n )}\r\n \r\n );\r\n };\r\n closeShow() {\r\n this.props.form.resetFields(\"phoneOrEmail\");\r\n this.props.form.resetFields(\"newPassword\");\r\n this.props.form.resetFields(\"confimPassword\");\r\n this.props.form.resetFields(\"code\");\r\n const { isShow, showForgetPopup } = this.props;\r\n const send = {\r\n ...isShow,\r\n forgetShow: false,\r\n };\r\n showForgetPopup(send);\r\n }\r\n handleFprgetSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n if (\r\n !this.checkPhone(values.phoneOrEmail) &&\r\n !this.checkEmail(values.phoneOrEmail)\r\n ) {\r\n return false;\r\n }\r\n if (values.newPassword !== values.confimPassword) {\r\n this.props.form.setFields({\r\n confimPassword: {\r\n value: values.confimPassword,\r\n errors: [new Error(\"输入密码不一致！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n if (values.code.length < 6) {\r\n this.props.form.setFields({\r\n code: {\r\n value: values.code,\r\n errors: [new Error(\"验证码输入有误！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n const parma = {\r\n email: values.phoneOrEmail,\r\n password: values.newPassword,\r\n captcha: parseInt(values.code),\r\n };\r\n this.props.onSubmit(parma);\r\n }\r\n });\r\n };\r\n checkPhone(valus) {\r\n if (!/^\\d+(\\.\\d{1,2})?$/.test(valus) || valus.length != 11) {\r\n this.props.form.setFields({\r\n phoneOrEmail: {\r\n value: valus,\r\n errors: [new Error(\"请输入正确的手机号或邮箱！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n return true;\r\n }\r\n checkEmail(valus) {\r\n if (!/^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$/.test(valus)) {\r\n this.props.form.setFields({\r\n phoneOrEmail: {\r\n value: valus,\r\n errors: [new Error(\"请输入正确的手机号或邮箱！\")],\r\n },\r\n });\r\n return false;\r\n }\r\n return true;\r\n }\r\n render() {\r\n const { forgetShow } = this.props.isShow;\r\n const showClass = forgetShow ? \"isShow\" : \"modalBox\";\r\n const { getFieldDecorator } = this.props.form;\r\n if (!forgetShow) {\r\n return null;\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 修改密码
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(ForgetPassword);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { NEWS_LIST,NEWS_LIST_UNLOAD } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport moment from \"moment\";\r\nimport { Pagination } from \"antd\";\r\nimport Loading from \"../Loading\";\r\n\r\nclass News extends React.Component {\r\n static propTypes = {\r\n news: PropTypes.object.isRequired,\r\n getNewsList: PropTypes.func.isRequired,\r\n match: PropTypes.object.isRequired,\r\n unloadPageOne: PropTypes.func.isRequired,\r\n };\r\n componentDidMount() {\r\n this.props.getNewsList({ pager: { current: 1, pageSize: 10 , orderby: \"-weight\" } });\r\n }\r\n componentWillUnmount() {\r\n this.props.unloadPageOne();\r\n }\r\n onPageChange(page) {\r\n const {\r\n pager: { pageSize },\r\n } = this.props.news;\r\n\r\n this.props.getNewsList({\r\n pager: {\r\n pageSize,\r\n current: page,\r\n },\r\n });\r\n }\r\n render() {\r\n const {\r\n total,\r\n pager: { pageSize, current },\r\n data,\r\n } = this.props.news;\r\n if (!data) {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 忘记密码
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n const newsList = data.map((x, i) => {\r\n return (\r\n \r\n
\r\n );\r\n });\r\n return (\r\n \r\n \r\n {x.title}\r\n \r\n
\r\n\r\n
\r\n \r\n {x.creator}\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => ({\r\n news: state.news,\r\n }),\r\n dispatch => ({\r\n getNewsList: send =>\r\n dispatch({\r\n type: NEWS_LIST,\r\n payload: agent.News.getList(send),\r\n send,\r\n }),\r\n unloadPageOne: () => \r\n dispatch({\r\n type: NEWS_LIST_UNLOAD\r\n }),\r\n })\r\n)(News);\r\n\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport {NEWS_ONE } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport { connect } from \"react-redux\";\r\n\r\nconst mapStateToProps = state => ({\r\n ...state.newsOne,\r\n});\r\nconst mapDispatchToProps = dispatch => ({\r\n loadPage: newsid => {\r\n return dispatch({\r\n type: NEWS_ONE,\r\n newsid,\r\n payload: agent.News.one(newsid),\r\n });\r\n },\r\n})\r\nclass MediaOne extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n loadPage: PropTypes.func.isRequired,\r\n newsid: PropTypes.string.isRequired,\r\n };\r\n state = {\r\n newsid: \"\",\r\n };\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n const param = nextProps.match.params.newsid;\r\n \r\n if (prevState.newsid != param) {\r\n // send loading\r\n nextProps.loadPage(param);\r\n \r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n 媒体报导
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {newsList}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MediaOne);\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass MediaTwo extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 数据智能助力文创产业发展主题活动在沪举行\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 中国网\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n 奕颗贝壳互联网商用音乐公司创始人兼CEO童小言现场发言。\r\n \r\n \r\n\r\n
\r\n \r\n 中国网10月26日讯\r\n 25日，由上海市徐汇区文化局主办，游族网络创新创业中心和MobData承办的以“数据智能助力文创产业发展”为主题的活动上海市徐汇区宜山路711号游族大厦举行。本次活动邀请了多位行业内资深专家，有MobData大数据解决方案总监杨一波，镁客网CTO、AI\r\n Lab负责人仇锦锋，奕颗贝壳互联网商用音乐公司创始人兼CEO童小言等一同探讨文创产业如何利用好大数据、AI智能等新技术，实现产业智能升级。\r\n
\r\n\r\n\r\n 其中，奕颗贝壳互联网商用音乐公司创始人兼CEO童小言的分享聚焦在音乐领域，她表示：AI技术可以使音乐创作与制作的过程更加便捷，在未来将会有更进阶的协同作词、自动匹配场景推荐配乐、协同作曲等更多功能被开发出来，为音乐创作赋予更多的可能。\r\n
\r\n\r\n\r\n 童小言还和大家讲述了原本作为两本畅销书作家的她踏足音乐领域的有趣渊源。童小言曾在世界500强顶尖德企先后负责中国区市场部、战略发展部业务分析与计划，后赴台湾政治大学攻读MBA，也是法国巴黎高等商学院ESCP-Europe管理学硕士专业的留学海归，作为美国商业最高荣誉协会BGS\r\n （Beta Gamma\r\n Sigma）终身荣誉会员，登上过《职业》杂志2014年5月封面人物，荣获2015年台湾EMBA商管盃竞赛冠军。然而，她一直钟爱艺术、文化、学习新事物及创作。“童言”就是她在作家圈的笔名，而“童小言”是她成为一名音乐作词人后的身份。短短一年内，她还创作发表了十余首二次元音乐作品，她表示：原本认为音乐是一种自我表达，其实音乐也可以让人脑洞大开，把自己天马行空的一面在音乐创作中尽情体现。\r\n
\r\n\r\n\r\n 也是因为兼具商业及艺术创作经历，她创立了奕颗贝壳互联网商用音乐公司，希望用自己的商科专业带给音乐领域新灵感，更好地做到商用音乐的聚合与变现，扶持创作人，打造音乐IP孵化生态社群，营造中国良好的音乐创作和版权意识及交易环境。\r\n
\r\n\r\n\r\n 据悉，此场活动为徐汇区文化局组织举办的“徐汇区文创产业沙龙系列活动”之一，本次系列活动将持续一个季度，聚焦演艺艺术、设计、影视传媒、数字内容等文化创意重点行业，通过行业大咖分享、产业论坛、政策解读等多种形式，推广“海派之源”品牌，提升徐汇区文化创意产业园区服务能级，搭建区域内企业之间的沟通协作平台。\r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default MediaTwo;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nclass MediaThree extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 战略合作 | 近30万首BGM曲库的互联网商用音乐聚合与变现平台\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n IP孵化器公众号\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n 今天下午，金革音乐与奕颗贝壳正式签署了战略合作伙伴协议，授予奕颗贝壳20万首歌曲销售代理权。\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n 金革唱片于2005年3月正式挂牌上市交易，成为台湾第一家上柜唱片公司，是华人地区极具影响力的音乐厂牌之一。\r\n
\r\n\r\n\r\n \r\n 金、革二字代表古代八音中最重要的两个音，象征着“最好的音乐”。\r\n \r\n
\r\n\r\n\r\n 1981年金革唱片成立至今，始终秉持着“曲曲皆好听、打动您的心”的理念来全心全意推广精致音乐。以独特的眼光与品味，代理国内外最优质且多元的音乐内容，涵纳了德国〈hänssler〉、英国〈Signum〉、法国〈Transart〉、美国〈Steinway\r\n &\r\n Sons〉等顶级古典品牌，以及英国爵士乐大厂〈Jellymould〉精雕细琢的顶尖制作。并积极网罗全球各地的独立创作人如：ABIAH、Caroline\r\n Campbell、Giorgia Fumanti、John\r\n Owen-Jones、Sidsel\r\n Storm等。率先带领凯文科恩、雷恩寇伯、班得瑞等新世纪名家作品，开创新生活情境的音乐文化风潮。\r\n
\r\n\r\n\r\n \r\n 你也许没有听说过“金革”，但你一定听过“班得瑞”\r\n \r\n
\r\n\r\n\r\n 瑞士AVC旗下的新世纪音乐团体。以环境音乐为主，强调轻柔、纯净、空灵飘渺的仙境般的听觉感受。来自瑞士一尘不染的音符，正是由金革唱片将其引进到中国，也是国内唯一的正版发行公司。\r\n
\r\n\r\n\r\n 值得庆贺的是本次签约的20万首歌曲版权销售代理就包括班得瑞在内的众多优质版权音乐。\r\n
\r\n\r\n\r\n \r\n 奕颗贝壳一跃成为富有庞大曲库的互联网配乐平台。\r\n \r\n
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default MediaThree;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { connect } from \"react-redux\";\r\nimport { NEWS_LIST } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\n\r\nclass Media extends React.Component {\r\n static propTypes = {\r\n news: PropTypes.object.isRequired,\r\n getNewsList: PropTypes.func.isRequired,\r\n match: PropTypes.object.isRequired,\r\n };\r\n componentDidMount() {\r\n this.props.getNewsList({ pager: { current: 1, pageSize: 10 , orderby: \"-weight\" } });\r\n }\r\n onPageChange(page) {\r\n const {\r\n pager: { pageSize },\r\n } = this.props.news;\r\n\r\n this.props.getNewsList({\r\n pager: {\r\n pageSize,\r\n current: page,\r\n },\r\n });\r\n }\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 战略合作|头部IP公司忘语文化与MUSINESS签订音乐独家采购协议\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n IP孵化器公众号\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n
\r\n \r\n \r\n 忘语文化与奕颗贝壳Musiness互联网商用音乐\r\n \r\n 签订音乐独家采购协议。约定：忘语文化及其旗下控股公司所使用的全部音乐作品从奕颗贝壳Musiness独家采购。\r\n
\r\n\r\n\r\n 忘语，中国网络仙侠文学第一人，“凡人流”风格的开创者，江苏省网络作家协会副主席，著有《凡人修仙传》等等头部IP文学作品。\r\n \r\n 2015福布斯中国原创文学风云榜第一名；2016福布斯中国原创文学风云榜年度男生作品第一；2017胡润原创文学IP价值榜综合题材第二名/仙侠题材第一名；2011-2017百度指数网络小说人气榜单连续六年前三！\r\n \r\n
\r\n\r\n\r\n 2012年开始《凡人修仙传》就以网页、PC端游戏、手游等多种开发形式引起不俗反响。2018\r\n 动画番剧及真人电视剧正式开拍由金色传媒、阅文集团联合出品。\r\n
\r\n\r\n\r\n 忘语著有另一部小说《魔天记》，荣获2014年中国网络文学年度好作品优秀奖；2014-2017年百度指数网络小说人气榜单\r\n 连续三年前五。2015年4月由《魔天记》改编成的微电影《魔天劫》由上海丝芭影视有限公司出品上映。5月《魔天记》改编为手游由上海方寸信息科技有限公司、网易游戏联合出品。同年并改编成漫画由上海童石网络科技有限公司发布。\r\n
\r\n\r\n\r\n 2015年12月忘语新著《玄界之门》荣获2016年百度风云榜武侠仙侠搜索榜\r\n 第二名；2016年\r\n “纪念中国共产党成立95周年和中国工农红军长征胜利80周年”主题\r\n 网络文学专项奖；2016年\r\n 中国作家协会重点作品扶持项目；2016年\r\n 福布斯·中国原创文学风云榜年度男生作品第一；2017年胡润原创文学IP价值榜第27名；\r\n
\r\n 2017年《玄界之门》漫画版由凯撒文化与腾讯动漫联合出品。2018年《玄界之门》手游、影视剧由凯撒文化出品、发布。\r\n
\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n state => ({\r\n news: state.news,\r\n }),\r\n dispatch => ({\r\n getNewsList: send =>\r\n dispatch({\r\n type: NEWS_LIST,\r\n payload: agent.News.getList(send),\r\n send,\r\n }),\r\n })\r\n)(Media);\r\n\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { NEWS_ONE, NEWS_ONE_UNLOAD, PREVI_OUS } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport { connect } from \"react-redux\";\r\nimport Loading from \"../Loading\";\r\nimport moment from \"moment\";\r\nimport { HtmlUtil } from \"dispatch\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst mapStateToProps = state => ({\r\n mediaDetail: state.media.mediaDetail,\r\n loading: state.media.loading,\r\n prev: state.media,\r\n previous: state.media.prav.payload\r\n});\r\nconst mapDispatchToProps = dispatch => ({\r\n\r\n loadPage: newsid => {\r\n return dispatch({\r\n type: NEWS_ONE,\r\n payload: agent.News.one(newsid),\r\n });\r\n },\r\n unloadPageOne: () => {\r\n return dispatch({ type: NEWS_ONE_UNLOAD });\r\n },\r\n prev: newsid => {\r\n return dispatch({\r\n type: PREVI_OUS,\r\n payload: agent.Chapter.previous(newsid),\r\n });\r\n }\r\n})\r\n\r\nclass MediaDetail extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n loadPage: PropTypes.func.isRequired,\r\n mediaDetail: PropTypes.object,\r\n loading: PropTypes.bool.isRequired,\r\n unloadPageOne: PropTypes.func.isRequired,\r\n prev: PropTypes.object,\r\n previous: PropTypes.string,\r\n };\r\n\r\n onnext = newsid => {\r\n return (e) => {\r\n this.props.loadPage(newsid);\r\n this.props.prev(newsid)\r\n }\r\n }\r\n onprevious = newsid => {\r\n return (e) => {\r\n this.props.loadPage(newsid);\r\n this.props.prev(newsid)\r\n }\r\n }\r\n componentDidMount() {\r\n const id = this.props.match.params.newsid;\r\n this.props.loadPage(id);\r\n this.props.prev(id);\r\n }\r\n componentWillUnmount() {\r\n this.props.unloadPageOne();\r\n }\r\n render() {\r\n const { mediaDetail, loading, previous } = this.props;\r\n let userMessage;\r\n if (!mediaDetail || !previous) {\r\n return \r\n \r\n \r\n
\r\n 媒体报导
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n 战略合作|头部IP公司忘语文化与奕颗贝壳签订音乐独家采购协议\r\n \r\n
\r\n\r\n
\r\n \r\n IP孵化器公众号\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n \r\n 战略合作 |\r\n 近30万首BGM曲库的互联网商用音乐聚合与变现平台\r\n \r\n
\r\n\r\n
\r\n \r\n IP孵化器公众号\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n 数据智能助力文创产业发展主题活动在沪举行\r\n \r\n
\r\n\r\n
\r\n \r\n 中国网\r\n
\r\n\r\n \r\n
\r\n\r\n
)\r\n } else if (previous.next == undefined) {\r\n userMessage =\r\n (\r\n << 上一篇
\r\n下一篇 >>
\r\n\r\n
)\r\n } else if (previous.previous == undefined) {\r\n userMessage =\r\n (\r\n 上一篇
\r\n\r\n\r\n
\r\n
\r\n )\r\n }\r\n }\r\n\r\n return (\r\n \r\n
下一篇
\r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(MediaDetail);\r\n","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport News from \"./News\";\r\nimport MediaOne from \"./MediaOne\";\r\nimport MediaTwo from \"./MediaTwo\";\r\nimport MediaThree from \"./MediaThree\";\r\nimport MediaList from \"./MediaList\";\r\nimport MediaDetail from \"./MediaDetail\";\r\n\r\nclass Media extends React.Component {\r\n static propTypes = {\r\n match: PropTypes.object.isRequired,\r\n };\r\n render() {\r\n const { match } = this.props;\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {mediaDetail.title}\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {mediaDetail.creator}\r\n
\r\n\r\n \r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n {userMessage}\r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nexport default Media;\r\n","import React from \"react\";\r\n//import PropTypes from \"prop-types\";\r\n//import data from \"components/Common/about_us_text\";\r\n\r\nexport default class AboutusPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from \"react\";\r\n//import PropTypes from \"prop-types\";\r\n\r\nclass InfoImages extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n 版权声明
\r\n\r\n
\r\n \r\n
\r\n \r\n
一、由于MUSINESS平台上的作品均由MUSINESS用户自行上传，故MUSINESS没有能力审查作品是否存在侵权等情节，但为切实维护权利人的合法权益，MUSINESS依据《中华人民共和国侵权责任法》、《中国人民共和国著作权法》、《信息网络传播权保护条例》等法律法规及相关规章制度的规定，采取如下知识产权保护措施：
\r\n1、MUSINESS向MUSINESS用户传达版权保护理念，提示用户不得上传和传播侵权作品，提示用户严格遵守法律法规及尊重他人合法权益。
\r\n2、对于违反规定，上传侵权作品的MUSINESS用户，MUSINESS将依照《MUSINESS平台用户协议》《MUSINESS卖家协议》等规定对其进行处理。
\r\n3、MUSINESS对于有理由确信存在明显侵权、违法、违反公共利益等情形的作品时，MUSINESS有权不事先通知并有权删除该等侵权作品。
\r\n4、MUSINESS支持权利人将侵权情况告知MUSINESS，MUSINESS也愿意与权利人合作净化网络空间，减少侵权行为的发生。MUSINESS将在接到符合要求的权利通知后，审查确认后删除涉嫌侵权的作品和相关内容。
\r\n5、用户购买MUSINESS平台上的作品，在未购买前，用户可下载带有声音浮水印的试听版作品，但不具有商业使用的权利。在用户购买成功后，用户依照购买流程中填写的购买用途、授权地区、授权项目名称、项目投放渠道等信息享有该作品的单次授权，即仅享有在前述购买用途、授权地区、授权项目的范围内使用该购买作品的权利。不得复制、共用、改编、转售或以其他方式使用该作品。用户应自觉遵守著作权法及其他相关法律的规定，不得侵犯本网站及权利人的合法权利。
\r\n6、MUSINESS动员用户对MUSINESS上的作品进行全面监督，MUSINESS会在第一时间对举报进行核实，及时清理侵权作品。
\r\n二、MUSINESS（网址：www.musiness.vip）的任何相关软件、程序、内容，包括但不限于作品、图片、档案、资料、网站构架、网站版面的安排、网页设计、经由MUSINESS或广告商向用户呈现的广告或资讯的知识产权均属MUSINESS所有，“MUSINESS”、“奕颗贝壳”均是MUSINESS平台公司的注册商标。未经MUSINESS许可，任何人不得复制或模仿MUSINESS，也不得在非MUSINESS（www.musiness.vip）所属服务器上建立镜像。MUSINESS的知识产权受法律保护，未经MUSINESS书面许可，任何单位或个人不得以任何理由和方式使用。凡侵犯MUSINESS知识产权的，MUSINESS必依法追究其法律责任。
\r\n三、MUSINESS用户所发表的言论仅代表其个人，不代表MUSINESS观点。用户在MUSINESS（www.musiness.vip）发表言论的，视为其已经知道并理解这一声明。
\r\n\r\n ![](\"/assets/img/culture.jpg\")
\r\n
\r\n );\r\n }\r\n}\r\nexport default InfoImages ;\r\n","import React from \"react\";\r\n//import PropTypes from \"prop-types\";\r\nclass InfoIcp extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n ![](\"/assets/img/icp.jpg\")
\r\n
\r\n );\r\n }\r\n}\r\nexport default InfoIcp ;\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { SHOW_TORT_POPUP, SEND_CORT_POPUP } from \"../../constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Form, Input, Button } from \"antd\";\r\nimport agent from \"agent\";\r\nimport \"./Search.less\";\r\nconst mapStateToProps = state => ({\r\n ...state.musicSearch,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n showTortPopup: isTortShow => {\r\n return dispatch({ type: SHOW_TORT_POPUP, isTortShow });\r\n },\r\n onSubmit: ({ link, songName, tortReason},done) =>\r\n dispatch({\r\n type: SEND_CORT_POPUP,\r\n payload: agent.Captcha.sendEmail({\r\n link,\r\n songName,\r\n tortReason,\r\n }),\r\n done,\r\n }),\r\n});\r\n\r\nclass CallBackTort extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n num:0,\r\n };\r\n this.intervalcounter = -1;\r\n }\r\n static propTypes = {\r\n isTortShow: PropTypes.shape({\r\n tortShow: PropTypes.bool.isRequired,\r\n }).isRequired,\r\n showTortPopup: PropTypes.func.isRequired,\r\n form: PropTypes.object,\r\n onSubmit: PropTypes.func.isRequired,\r\n errors: PropTypes.array,\r\n };\r\n static defaultProps = {\r\n isTortShow: {\r\n tortShow: false,\r\n },\r\n };\r\n componentDidUpdate(prevProps) {\r\n const num =this.state.num;\r\n if (num==3) {\r\n clearInterval(this.intervalcounter);\r\n this.setState({\r\n num: 0,\r\n });\r\n this.closeShow();\r\n return;\r\n }\r\n }\r\n\r\n closeShow() {\r\n this.props.form.resetFields(\"link\");\r\n this.props.form.resetFields(\"songName\");\r\n this.props.form.resetFields(\"tortReason\");\r\n const { isTortShow, showTortPopup } = this.props;\r\n const send = {\r\n ...isTortShow,\r\n tortShow: false,\r\n };\r\n showTortPopup(send);\r\n }\r\n handleSubmit = e => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n this.props.onSubmit({\r\n link: values.link,\r\n songName: values.songName,\r\n tortReason:values.tortReason,\r\n \r\n }); \r\n this.intervalcounter =setInterval(() => {\r\n const num=this.state.num;\r\n this.setState({\r\n num: num+1,\r\n });\r\n }, 1000); \r\n }\r\n });\r\n };\r\n render() {\r\n const { tortShow } = this.props.isTortShow;\r\n const showClass = tortShow ? \"isShow\" : \"modalBox\";\r\n const { getFieldDecorator } = this.props.form;\r\n if (!tortShow) {\r\n return null;\r\n }\r\n if (tortShow===\"1\") {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n \r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 反馈成功
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n 感谢您的反馈,管理员会尽快处理.\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(CallBackTort);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport { SEND_CORT_POPUP,SHOW_SHOP_CAR } from \"../../constants/actionTypes\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Form, Modal } from \"antd\";\r\nimport agent from \"agent\";\r\nimport { addCart, redirectTo, noLoginAddCart } from \"dispatch\";\r\nimport \"./AddShopCar.less\";\r\nconst jquery = require(\"jquery\");\r\nconst mapStateToProps = state => ({\r\n ...state.cart,\r\n userLogin: state.app.userLogin,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n onSubmit: ({ link, songName, tortReason},done) =>\r\n dispatch({\r\n type: SEND_CORT_POPUP,\r\n payload: agent.Captcha.sendEmail({\r\n link,\r\n songName,\r\n tortReason,\r\n }),\r\n done,\r\n }),\r\n showCarPopup: addAudio => {\r\n return dispatch({ type: SHOW_SHOP_CAR, addAudio });\r\n },\r\n});\r\n\r\nclass AddShopCar extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n chooseuse:0,\r\n price:0,\r\n choosechannel:0,\r\n scope:0,\r\n success:false,\r\n term:\"0\",\r\n price_id:0,\r\n error:false,\r\n };\r\n }\r\n static propTypes = {\r\n addAudio: PropTypes.shape({\r\n showAddCar: PropTypes.bool,\r\n addAudio:PropTypes.object,\r\n }).isRequired,\r\n form: PropTypes.object,\r\n onSubmit: PropTypes.func.isRequired,\r\n errors: PropTypes.array,\r\n showCarPopup:PropTypes.func.isRequired,\r\n priceGroup:PropTypes.array,\r\n userLogin:PropTypes.bool,\r\n };\r\n static defaultProps = {\r\n addAudio: {\r\n showAddCar: false,\r\n addAudio:{},\r\n },\r\n };\r\n componentDidUpdate(prevProps) {\r\n const { priceGroup,addAudio } = this.props;\r\n if (priceGroup!=prevProps.priceGroup) {\r\n if (priceGroup) {\r\n for (let i = 0; i < priceGroup.length; i++) {\r\n const element = priceGroup[i];\r\n if (element.is_min==1) {\r\n this.setState({\r\n chooseuse:element.father_id,\r\n price:!addAudio.addAudio.api_id?element.price:\"99\",\r\n choosechannel:element.id,\r\n term:element.term,\r\n price_id:element.price_id,\r\n })\r\n }\r\n }\r\n }\r\n this.setState({\r\n success:false,\r\n })\r\n return;\r\n }\r\n if (this.state.chooseuse!=0) {\r\n return;\r\n }\r\n if (priceGroup) {\r\n for (let i = 0; i < priceGroup.length; i++) {\r\n const element = priceGroup[i];\r\n if (element.is_min==1) {\r\n this.setState({\r\n chooseuse:element.father_id,\r\n price:!addAudio.addAudio.api_id?element.price:\"99\",\r\n choosechannel:element.id,\r\n term:element.term,\r\n price_id:element.price_id,\r\n })\r\n }\r\n }\r\n }\r\n }\r\n //关闭弹窗\r\n closeShow() {\r\n jquery(\"body\").css(\"overflow\",\"auto\");\r\n jquery(\"body\").css(\"height\",\"auto\");\r\n const {showCarPopup } = this.props;\r\n this.setState({\r\n error:false,\r\n })\r\n const send = {\r\n showAddCar:false,\r\n addAudio: {},\r\n };\r\n showCarPopup(send);\r\n }\r\n \r\n //改变用途\r\n changeUse(id){\r\n const { addAudio}=this.props.addAudio;\r\n const { priceGroup } = this.props;\r\n if (id==this.state.chooseuse) {\r\n return;\r\n }\r\n for (let i = 0; i < priceGroup.length; i++) {\r\n const element = priceGroup[i];\r\n if (element.father_id==id) {\r\n this.setState({\r\n choosechannel:element.id,\r\n price_id:element.price_id,\r\n price:!addAudio.api_id?element.price:\"99\",\r\n term:element.term,\r\n })\r\n break;\r\n }\r\n }\r\n this.setState({\r\n chooseuse:id,\r\n })\r\n }\r\n\r\n //改变渠道\r\n changeChooseChannel(data){\r\n const { addAudio}=this.props.addAudio;\r\n this.setState({\r\n price:!addAudio.api_id?data.price:\"99\",\r\n choosechannel:data.id,\r\n term:data.term,\r\n price_id:data.price_id,\r\n })\r\n }\r\n\r\n //加入购物车\r\n submintCar(){\r\n const { userLogin } = this.props;\r\n const { addAudio}=this.props.addAudio;\r\n if (this.state.chooseuse==0||this.state.choosechannel==0) {\r\n Modal.error({\r\n title: '渠道忘记选了哦!',\r\n });\r\n return;\r\n }\r\n //需要提交的数据\r\n console.log(addAudio.scope )\r\n let scope = ''\r\n if(addAudio.scope == 1){\r\n scope = addAudio.scope\r\n }else{\r\n scope = this.state.scope\r\n }\r\n console.log(this.state.scope)\r\n const send = {\r\n audioid:addAudio.audioid,\r\n userid:addAudio.author.userid,\r\n purpose:this.state.chooseuse,\r\n price:this.state.price,\r\n area:this.state.price_id,\r\n term:this.state.term,\r\n scope:scope || 0,\r\n }\r\n const done = () => {\r\n const {errors}=this.props;\r\n this.setState({\r\n success:true,\r\n })\r\n if (errors) {\r\n this.setState({\r\n error:true,\r\n })\r\n }else{\r\n this.setState({\r\n error:false,\r\n })\r\n }\r\n };\r\n if (!userLogin) {\r\n //未登录状态\r\n noLoginAddCart(send);\r\n this.setState({\r\n success:true,\r\n error:false,\r\n })\r\n }else{\r\n //添加购物车\r\n addCart(send,done);\r\n }\r\n \r\n \r\n }\r\n \r\n //改变授权范围\r\n chanheScope(scope){\r\n this.setState({\r\n scope:scope,\r\n })\r\n }\r\n\r\n //去购物车结算\r\n goToCar(){\r\n\r\n //关闭弹出窗\r\n this.closeShow();\r\n\r\n //跳转购物车结算\r\n redirectTo(\"/cart\");\r\n\r\n }\r\n\r\n //用途列表\r\n renderCell(data, i) {\r\n const { priceGroup } = this.props;\r\n let noShow=0;\r\n for (let j = 0; j < priceGroup.length; j++) {\r\n const element = priceGroup[j];\r\n if (element.father_id==data.id&&element.price<0) {\r\n noShow=data.id;\r\n }\r\n }\r\n if (data.father_id<1&&noShow!=data.id) {\r\n return {data.title};\r\n }\r\n }\r\n\r\n //渠道列表\r\n renderChannelCell(data, i) {\r\n if (this.state.chooseuse==data.father_id) {\r\n return {data.title};\r\n }\r\n }\r\n render() {\r\n const { priceGroup ,errors} = this.props;\r\n const { showAddCar ,addAudio} = this.props.addAudio;\r\n const showClass = showAddCar ? \"isShow\" : \"modalBox\";\r\n if (!showAddCar) {\r\n return null;\r\n }\r\n let stys={display:\"block\"};\r\n let sty={display:\"none\"};\r\n if (this.state.success) {\r\n sty={display:\"block\",height:\"auto\"};\r\n stys={display:\"none\",height:\"auto\"};\r\n }\r\n const term = this.state.term == \"0\"?\"随片永久\":\"一年\";\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 反馈侵权
\r\n\r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\nconst WrappedDemo = Form.create()(AddShopCar);\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(WrappedDemo);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport agent from \"agent\";\r\nimport { ADD_ON_CLICK } from \"constants/actionTypes\";\r\nimport { redirectTo } from \"dispatch\";\r\nconst mapStateToProps = state => ({});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n\r\n addOnClick: (send) =>\r\n dispatch({\r\n type: ADD_ON_CLICK,\r\n payload: agent.MusicStatis.addMusicSta(send),\r\n }),\r\n});\r\n\r\nclass AddOn extends React.Component {\r\n static propTypes = {\r\n addon: PropTypes.string,\r\n addOnClick: PropTypes.func.isRequired,\r\n };\r\n state = {\r\n addon: \"\",\r\n \r\n };\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n const param = nextProps.match.params.addon;\r\n console.log(param)\r\n const { addOnClick } = nextProps;\r\n const send={\r\n audioid:'1',\r\n };\r\n if (param=='5') {\r\n send.style=\"subscribe\";\r\n }else{\r\n send.style=\"email_add\";\r\n }\r\n addOnClick(send);\r\n if (param=='1') {\r\n redirectTo(`/music/search`);\r\n }else if (param=='3') {\r\n redirectTo(`/topicmusic?id=CUWRRAJGIYVNTVDP9F88CBA97DB494EA`);\r\n }else if (param=='4') {\r\n redirectTo(`/composition`);\r\n }else if (param=='2') {\r\n redirectTo(`/`);\r\n }else if(param=='5'){\r\n redirectTo(`/subscribermembers`);\r\n }else{\r\n window.localStorage.setItem(\"identiy\", param);\r\n window.identiy = param;\r\n console.log(window.identiy)\r\n redirectTo(`/`);\r\n }\r\n return { addon: param };\r\n }\r\n \r\n render() {\r\n return (\r\n \r\n \r\n 请选择所选音乐的购买用途，以便为您确认购买价格。\r\n
\r\n 请选择所选音乐的购买用途，以便为您确认购买价格。\r\n
\r\n - \r\n
- \r\n 购买用途：\r\n\r\n {priceGroup.map(this.renderCell.bind(this))}\r\n\r\n \r\n
- \r\n 投放渠道：\r\n\r\n {priceGroup.map(this.renderChannelCell.bind(this))}\r\n\r\n \r\n
- \r\n 授权地区：\r\n {addAudio.scope==0?:\r\n 中国大陆\r\n}\r\n \r\n \r\n
- \r\n 授权期限：\r\n \r\n \r\n
总价：￥{this.state.price}
\r\n \r\n * 价格均为人民币，如您选择台币支付，默认汇率为4.5
\r\n 11\r\n
\r\n );\r\n }\r\n}\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(AddOn);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport \"./SubscriberMembers.less\"\r\nimport { KEEP_IDENTIY } from \"constants/actionTypes\";\r\nconst mapStateToProps = state => ({\r\n userLogin: state.app.userLogin,\r\n currentUser: state.user.currentUser,\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n addIdentiy: (send) =>\r\n dispatch({\r\n type: KEEP_IDENTIY,\r\n send,\r\n }),\r\n});\r\nclass SubscribeMembers extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShow: false,\r\n };\r\n }\r\n static propTypes = {\r\n // loading: PropTypes.bool.isRequired,\r\n history: PropTypes.object.isRequired,\r\n userLogin: PropTypes.bool.isRequired,\r\n location: PropTypes.object.isRequired,\r\n currentUser: PropTypes.object,\r\n addIdentiy: PropTypes.func.isRequired,\r\n };\r\n componentDidUpdate(prevProps) {\r\n\r\n }\r\n static getDerivedStateFromProps(nextProps, prevState) {\r\n const param = nextProps.match.params.identiy;\r\n console.log(param)\r\n window.localStorage.setItem(\"identiy\", param);\r\n return { identiy: param };\r\n\r\n }\r\n gotToPay(type) {\r\n const { currentUser } = this.props;\r\n //加type参数做登录之后的页面返回\r\n if (!currentUser) {\r\n redirectTo(\"/login?type=2\");\r\n return;\r\n }\r\n // if (type<=3) {\r\n // if (currentUser.is_member==21||currentUser.is_member==22||currentUser.is_member==23) {\r\n // this.setState({\r\n // isShow:true,\r\n // })\r\n // return;\r\n // }\r\n // }else{\r\n // if (currentUser.is_member==11||currentUser.is_member==12||currentUser.is_member==13) {\r\n // this.setState({\r\n // isShow:true,\r\n // })\r\n // return;\r\n // }\r\n // }\r\n if (currentUser.is_member != 0 && currentUser.is_member != 3) {\r\n this.setState({\r\n isShow: true,\r\n })\r\n return;\r\n }\r\n redirectTo(\"/SubscribePay?type=\" + type);\r\n }\r\n closeShow() {\r\n this.setState({\r\n isShow: false,\r\n })\r\n }\r\n render() {\r\n const sty = this.state.isShow ? { display: \"block\" } : { display: \"none\" };\r\n const red = {\r\n color: '#9A0000'\r\n }\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SubscribeMembers);\r\n","import React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { redirectTo } from \"dispatch\";\r\nimport { Radio } from \"antd\";\r\nimport { SUBSCRIBE_CREATE, UPLOAD_SUBSCRIBE, CLOSE_CODE_URL, SHOW_CODE_URL } from \"constants/actionTypes\";\r\nimport agent from \"agent\";\r\nimport WxCode from \"../Common/WxCode\";\r\nimport \"./SubscriberMembers.less\"\r\n\r\nconst queryString = require(\"query-string\");\r\nconst jquery = require(\"jquery\");\r\nconst mapStateToProps = state => ({\r\n ...state.subscribe,\r\n currentUser: state.user.currentUser,\r\n userLogin: state.app.userLogin,\r\n message: state.subscribe.message,\r\n status: state.subscribe.status\r\n});\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n crteateSubscribe: (parmas) => {\r\n return dispatch({\r\n type: SUBSCRIBE_CREATE,\r\n payload: agent.Subscribe.crteateSubscribe(parmas),\r\n });\r\n },\r\n unLoadSubscribe: () => {\r\n return dispatch({ type: UPLOAD_SUBSCRIBE });\r\n },\r\n closeCodeUrl: () => {\r\n return dispatch({\r\n type: CLOSE_CODE_URL,\r\n });\r\n },\r\n showCodeImg: (send) => {\r\n console.log(send)\r\n return dispatch({\r\n type: SHOW_CODE_URL,\r\n send\r\n });\r\n },\r\n});\r\nclass SubscribePay extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n value: 1,\r\n type: 0,\r\n bank: 0,\r\n price: 0,\r\n content: \"\",\r\n typeName: \"\",\r\n wxCode: \"\",\r\n code: '',\r\n inpValu: '',\r\n codeShow: false,\r\n messageShow: true,\r\n isdisabled: true,\r\n };\r\n this.closeCode = this.closeCode.bind(this);\r\n }\r\n static propTypes = {\r\n loading: PropTypes.bool,\r\n history: PropTypes.object.isRequired,\r\n userLogin: PropTypes.bool.isRequired,\r\n location: PropTypes.object.isRequired,\r\n crteateSubscribe: PropTypes.func.isRequired,\r\n unLoadSubscribe: PropTypes.func.isRequired,\r\n closeCodeUrl: PropTypes.func.isRequired,\r\n showCodeImg: PropTypes.func.isRequired,\r\n payUrl: PropTypes.string,\r\n wxCode: PropTypes.string,\r\n bank: PropTypes.string,\r\n orderid: PropTypes.string,\r\n price: PropTypes.string,\r\n currentUser: PropTypes.object,\r\n message: PropTypes.string,\r\n status: PropTypes.string\r\n };\r\n componentWillUnmount() {\r\n this.props.unLoadSubscribe();\r\n }\r\n componentDidMount() {\r\n const { userLogin } = this.props;\r\n if (!userLogin) {\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n const query = queryString.parse(this.props.location.search);\r\n if (query.type == 1) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"青铜会员（月）\",\r\n price: 30,\r\n })\r\n } else if (query.type == 2) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"青铜会员（季）\",\r\n price: 68,\r\n })\r\n } else if (query.type == 3) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"青铜会员（年）\",\r\n price: 218,\r\n })\r\n } else if (query.type == 4) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"黄金会员（月）\",\r\n price: 199,\r\n })\r\n } else if (query.type == 5) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"黄金会员（季）\",\r\n price: 518,\r\n })\r\n } else if (query.type == 6) {\r\n this.setState({\r\n type: query.type,\r\n typeName: \"黄金会员（年）\",\r\n price: 1688,\r\n })\r\n }\r\n\r\n }\r\n componentDidUpdate(prevProps) {\r\n const { userLogin, showCodeImg } = this.props;\r\n\r\n if (!userLogin) {\r\n // login first\r\n redirectTo(\"/login\");\r\n return false;\r\n }\r\n //支付宝付款\r\n\r\n if (this.props.payUrl) {\r\n location.replace(this.props.payUrl);\r\n }\r\n\r\n //微信\r\n if (this.props.wxCode != prevProps.wxCode) {\r\n const send = {\r\n codeShow: true,\r\n codeUrl: this.props.wxCode,\r\n orderid: this.props.orderid,\r\n price: this.props.price,\r\n }\r\n showCodeImg(send);\r\n return;\r\n }\r\n //银行卡转账\r\n if (this.props.bank) {\r\n if (this.state.bank == 1) {\r\n return;\r\n }\r\n this.setState({\r\n bank: 1,\r\n })\r\n jquery(\"body\").css(\"overflow\", \"hidden\");\r\n jquery(\"body\").css(\"height\", \"100%\");\r\n }\r\n\r\n }\r\n // 优惠券\r\n\r\n handelChange(e) {\r\n this.setState({\r\n inpValu: e.target.value,\r\n })\r\n }\r\n onFocus() {\r\n this.setState({\r\n messageShow: false\r\n })\r\n }\r\n //选择支付方式\r\n onChange = e => {\r\n if (e.target.value == 4) {\r\n this.setState({\r\n value: e.target.value,\r\n isdisabled: false\r\n })\r\n } else {\r\n this.setState({\r\n value: e.target.value,\r\n isdisabled: true\r\n })\r\n }\r\n };\r\n //付款\r\n payMonery() {\r\n const { crteateSubscribe } = this.props;\r\n const send = {\r\n type: this.state.type,\r\n type_name: this.state.typeName,\r\n price: this.state.price,\r\n payType: this.state.value.toString(),\r\n code: this.state.inpValu\r\n };\r\n crteateSubscribe(send);\r\n let _this = this\r\n setTimeout(function () {\r\n if (_this.props.status == 1 && _this.state.type == 4) {\r\n redirectTo(\"/user/subscribe?isHistory=1\");\r\n }\r\n }, 1000)\r\n this.setState({\r\n messageShow: true,\r\n status: _this.props.status\r\n })\r\n }\r\n //点击阅读关闭\r\n handleClose() {\r\n jquery(\"body\").css(\"overflow\", \"auto\");\r\n jquery(\"body\").css(\"height\", \"auto\");\r\n this.setState({\r\n bank: 0,\r\n })\r\n redirectTo(\"/user/subscribe?isHistory=1\");\r\n }\r\n //关闭二维码\r\n closeCode() {\r\n const { closeCodeUrl } = this.props;\r\n closeCodeUrl();\r\n redirectTo(\"/user/subscribe?isHistory=1\");\r\n }\r\n render() {\r\n const { orderid, price } = this.props;\r\n const radioStyle = {\r\n display: 'block',\r\n height: '30px',\r\n lineHeight: '30px',\r\n marginBottom: \"15px\",\r\n };\r\n const radioStyle2 = {\r\n height: '30px',\r\n lineHeight: '30px',\r\n marginBottom: \"15px\",\r\n };\r\n const gap = {\r\n margin: '10px 0'\r\n };\r\n const dispatch = {\r\n closeCode: this.closeCode,\r\n }\r\n const isShow = this.state.bank == 1 ? \"dialog-bg\" : \"hidden\";\r\n const query = queryString.parse(this.props.location.search);\r\n const iscoupon = query.type == 4 ? \"block\" : \"hidden\";\r\n let message;\r\n\r\n if (this.state.messageShow) {\r\n message = (\r\n \r\n ![](\"/assets/img/u50.png\")
\r\n
\r\n \r\n
\r\n 您已是MUSINESS订阅会员，请于会员到期后再续订，感谢您的理解！
\r\n \r\n \r\n \r\n \r\n
\r\n 开通会员畅享金V曲库
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n 开通会员五大优势
\r\n * 曲目旁标“金V”的为订阅会员曲库
\r\n \r\n
\r\n - \r\n
- \r\n \r\n
![](\"assets/img/member4-01.png\")
订阅范围含近80000首优质曲库\r\n \r\n - \r\n \r\n
![](\"assets/img/member4-02.png\")
全球授权或中国(含港澳台地区)授权\r\n \r\n - \r\n \r\n
![](\"assets/img/member4-04.png\")
超出订阅范围，订阅会员享受全场8折优惠\r\n \r\n - \r\n \r\n
![](\"assets/img/member4-03.png\")
5首/月免费购买下载\r\n \r\n - \r\n \r\n
![](\"assets/img/member4-05.png\")
随片永久\r\n \r\n
\r\n
\r\n - \r\n
- \r\n \r\n全球授权或中国(含港澳台地区)授权\r\n \r\n
- \r\n \r\n超出订阅范围，订阅会员享受全场8折优惠\r\n \r\n
- \r\n \r\n随片永久\r\n \r\n
- \r\n
- \r\n \r\n订阅范围含近80000首优质曲库\r\n \r\n\r\n
- \r\n \r\n5首/月免费购买下载\r\n \r\n\r\n
\r\n
\r\n \r\n
\r\n 青铜会员
\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n \r\n ￥30/月(每月5首)\r\n\r\n
原价￥1500
\r\n {/* ￥ 30/月 */}\r\n {/*特价¥18.8/月
*/}\r\n {/*￥ 30/月*/}\r\n {/*特价￥ 18.8/月*/}\r\n点击购买\r\n \r\n - \r\n ￥68/季(每月5首)\r\n
￥90/季(3个月)点击购买\r\n \r\n - \r\n ￥218/年(每月5首)\r\n
￥360/年(12个月)点击购买\r\n \r\n
\r\n
\r\n\r\n 可授权用途：
\r\n \r\n
\r\n - \r\n
- 短视频/自媒体视频/直播背景音乐 \r\n
- 音频背景音乐/FM/广播/有声读物 \r\n
- 非商用（国家官方机构发起的有公益证明文件的公益项目/非盈利教学） \r\n
可购买歌曲数量：
\r\n 5首/月免费购买下载
\r\n \r\n
\r\n\r\n \r\n
\r\n 黄金会员
\r\n \r\n
\r\n\r\n \r\n
\r\n - \r\n
- \r\n ￥199/月(每月5首)\r\n
最高价值￥7500
点击购买\r\n \r\n - \r\n ￥518/季(每月5首)\r\n
￥597/季(3个月)点击购买\r\n \r\n - \r\n ￥1688/年(每月5首)\r\n
￥2388/年(12个月)点击购买\r\n \r\n
\r\n
\r\n\r\n 可授权用途：
\r\n \r\n
\r\n - \r\n
- 短视频/自媒体视频/直播背景音乐 \r\n
- 音频背景音乐/FM/广播/有声读物 \r\n
- 非商用（国家官方机构发起的有公益证明文件的公益项目/非盈利教学） \r\n
- 连续剧/动画/综艺 \r\n
- 商业广告/宣传片/H5 \r\n
可购买歌曲数量：
\r\n 5首/月免费购买下载
\r\n {this.props.message}
\r\n )\r\n }\r\n return (\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(SubscribePay);\r\n","import React from \"react\";\r\n//import PropTypes from \"prop-types\";\r\n//import data from \"components/Common/about_us_text\";\r\n\r\nexport default class AboutusPage extends React.Component {\r\n render() {\r\n return (\r\n \r\n \r\n \r\n
\r\n 订阅会员
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n ![](\"assets/img/pay3-07.png\")
订阅会员＞\r\n ![](\"assets/img/pay3-08.png\")
支付＞\r\n ![](\"assets/img/pay3-10.png\")
成为会员\r\n
\r\n 订阅会员＞\r\n 支付＞\r\n 成为会员\r\n \r\n
\r\n 订阅信息
\r\n \r\n
\r\n - \r\n
- 订阅类型：{this.state.typeName} \r\n
- 订阅价格：￥{this.state.price} \r\n
- 可购买歌曲数量：5首/月免费购买下载 \r\n
- 可授权用途：{this.state.type > 3 ? 短视频/自媒体视频
非商用（国家官方机构发起的有公益证明文件的公益项目/非盈利教学）
音频背景音乐/FM/广播/有声读物
连续剧/动画/综艺
商业广告/宣传片/H5 : 短视频/自媒体视频/直播背景音乐
非商用（国家官方机构发起的有公益证明文件的公益项目/非盈利教学）
音频背景音乐/FM/广播/有声读物} \r\n - 授权期限：随片永久 \r\n
- 授权地区：全球 \r\n
- 会员更多权益：超出上述范围，订阅会员购买歌曲享受全场八折优惠 \r\n
支付方式
\r\n \r\n
\r\n - \r\n
* 银行卡转账支持人民币和台币。价格均为人民币，如您选择台币支付，默认汇率为4.5。
\r\n \r\n \r\n 使用优惠券服务\r\n \r\n
\r\n\r\n \r\n {message}\r\n
\r\n \r\n\r\n
\r\n \r\n 开通订阅会员\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n 订单已提交！
\r\n 订单号：{orderid}
\r\n \r\n 在您提交汇款信息后，MUSINESS将在24小时之内进行审核，审核通过后，您即可成为MUSINESS订阅会员，并享受会员权益。
\r\n \r\n
\r\n \r\n 收款账号信息如下：
\r\n \r\n
\r\n \r\n
\r\n 币种
\r\n 金额
\r\n 银行卡信息
\r\n \r\n
\r\n - \r\n
- \r\n 人民币\r\n{!price ? 0 : price}\r\n\r\n\r\n户名：上海小仙虎文化传媒有限公司\r\n开户行：中国工商银行股份有限公司上海市上外支行\r\n账号：1001274409300013770\r\n \r\n
- \r\n 台币\r\n{!price ? 0 : price * 4.5}\r\n\r\n\r\n户名：啟動音樂文創有限公司\r\n开户行：上海商業儲蓄銀行（世貿分行）\r\n账号：43102000032270\r\n \r\n
\r\n
\r\n );\r\n }\r\n}\r\n","// import agent from \"../agent\";\r\nimport React from \"react\";\r\nimport { connect } from \"react-redux\";\r\nimport PropTypes from \"prop-types\";\r\nimport { APP_LOAD, LOGOUT, CURRENT_USER } from \"../constants/actionTypes\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\n\r\nimport Header from \"components/Header\";\r\nimport Footer from \"components/Footer\";\r\nimport Music from \"components/Music\";\r\nimport Cart from \"components/Cart\";\r\nimport Order from \"components/Order\";\r\nimport Purchase from \"components/Purchase\";\r\nimport User from \"components/User\";\r\nimport Player from \"components/Player\";\r\n\r\nimport Home from \"components/Home\";\r\nimport Login from \"components/Login\";\r\nimport Register from \"components/Register\";\r\nimport SellerRegister from \"components/SellerRegister\";\r\nimport Seller from \"components/Seller\";\r\nimport Favorite from \"components/Favorite\";\r\nimport visionChina from 'components/visionChina';\r\nimport TopicMusic from \"components/TopicMusic\";\r\nimport Partner from \"components/Partner\";\r\nimport HelpCenter from \"components/HelpCenter\";\r\nimport Contact from \"components/Contact\";\r\nimport Maker from \"components/Maker\";\r\nimport MakerDetail from \"components/Maker/detail\";\r\nimport FixPrice from \"components/FixPrice\";\r\nimport Composition from \"components/Composition\";\r\nimport Become from \"components/FixPrice/become\";\r\nimport Loading from \"components/Loading\";\r\nimport AppSvg from \"components/AppSvg\";\r\nimport UpdatePassword from \"./User/UpdatePassword\";\r\nimport ForgetPassword from \"components/ForgetPassword\";\r\nimport Media from \"components/Media\";\r\nimport TeamSell from \"components/StaticPages/TeamSell\";\r\nimport TeamUse from \"components/StaticPages/TeamUse\";\r\nimport TeamQuan from \"components/StaticPages/TeamQuan\";\r\nimport InfoImages from \"components/Common/InfoImages\";\r\nimport InfoIcp from \"components/Common/InfoIcp\";\r\nimport agent from \"agent\";\r\nimport { redirectTo, loadLabel,loadLabels } from \"dispatch\";\r\nimport CallBackTort from \"components/Music/CallBackTort\";\r\nimport AddShopCar from \"components/Music/AddShopCar\";\r\nimport AddOn from \"components/AddOn\";\r\nimport WxCode from \"components/Common/WxCode\";\r\nimport {\r\n TermsOfSalePage,\r\n TermsOfUsePage,\r\n TermsOfViolationrulesPage,\r\n TermsOfLogupPage,\r\n MediaContantPage,\r\n} from \"components/StaticPages/index\";\r\nimport SubscriberMembers from \"components/SubscriberMembers\";\r\nimport SubscribePay from \"components/SubscriberMembers/SubscribePay\";\r\nimport AboutusPage from \"components/StaticPages/Aboutus\";\r\nimport \"./App.less\";\r\nimport { loadCart } from \"dispatch\";\r\n\r\n// require plugins\r\nconst jquery = require(\"jquery\");\r\nrequire(\"jquery.easing\");\r\nrequire(\"picturefill\");\r\nrequire(\"picturefill/dist/plugins/mutation/pf.mutation\"); // not sure if this does anything\r\nconst gnav = require(\"utils/loader\").default(jquery);\r\n\r\nconst mapStateToProps = state => ({ ...state.app, playAudio: state.player });\r\n\r\nconst mapDispatchToProps = dispatch => ({\r\n loadCurrentUser: done =>\r\n dispatch({\r\n type: CURRENT_USER,\r\n payload: agent.Auth.current(),\r\n done,\r\n }),\r\n\r\n onLoad: () => dispatch({ type: APP_LOAD }),\r\n logout: () => dispatch({ type: LOGOUT }),\r\n});\r\n\r\nclass App extends React.Component {\r\n static propTypes = {\r\n loading: PropTypes.bool.isRequired,\r\n\r\n logout: PropTypes.func.isRequired,\r\n playAudio: PropTypes.object.isRequired,\r\n };\r\n\r\n componentDidMount() {\r\n // ready funcs\r\n //记录用户来源 \r\n var tmpstr=document.location.toString(); \r\n \r\n tmpstr=tmpstr.split(\"?\");\r\n var source={source:0}; \r\n \r\n if(tmpstr.length>1)\r\n {\r\n var param=tmpstr[1]; \r\n source.source=param.split(\"=\")[1];\r\n }\r\n jquery.ajax({\r\n url:agent.getApiUrl()+'/userdata/usersource',\r\n data:source,\r\n success:function(data){\r\n console.log(JSON.stringify(data)); \r\n },\r\n error:function(err){\r\n console.log(\"错误 \"+err);\r\n }\r\n });\r\n // ready funcs\r\n gnav.ready();\r\n const { loadCurrentUser, onLoad } = this.props;\r\n if (agent.getToken()) {\r\n loadCurrentUser(onLoad);\r\n // update cart\r\n loadCart();\r\n } else {\r\n onLoad();\r\n }\r\n loadLabel();\r\n loadLabels();\r\n var _hmt = _hmt || [];\r\n (function() {\r\n var hm = document.createElement(\"script\");\r\n hm.src = \"https://hm.baidu.com/hm.js?250e699bc551fd7fe289f5e2d1245f09\";\r\n var s = document.getElementsByTagName(\"script\")[0];\r\n s.parentNode.insertBefore(hm, s);\r\n })();\r\n }\r\n linkTo = e => {\r\n // all links are here\r\n e.preventDefault();\r\n e.stopPropagation();\r\n\r\n const key = (e => {\r\n if (e.key) {\r\n return e.key;\r\n }\r\n const href = e.currentTarget.attributes[\"href\"];\r\n if (!href) {\r\n return \"\";\r\n }\r\n return href.value;\r\n })(e);\r\n // close menu\r\n jquery(\".js-navClose\").click();\r\n if (key && key === \"/logout\") {\r\n this.props.logout();\r\n return;\r\n }\r\n if (key && key.match(/^\\//)) {\r\n redirectTo(key);\r\n return;\r\n }\r\n console.log(\"linkTo():\", key);\r\n return false;\r\n };\r\n\r\n render() {\r\n const props = {\r\n linkTo: this.linkTo.bind(this),\r\n location: this.props.location,\r\n };\r\n const { playAudio, loading } = this.props;\r\n const classNmae =\r\n \"l-wrapper\" + (playAudio.audio ? \" is-musicBar-on\" : \"\");\r\n return (\r\n \r\n \r\n \r\n
\r\n 关于我们
\r\n\r\n
\r\n \r\n
\r\n ![\"MUSINESS\"/](\"assets/img/logo.svg\"){kind=logo}
\r\n
\r\n \r\n
\r\n MUSINESS商用版权音乐平台，专注商用版权音乐的授权与交易，营造中国良好的商用音乐版权意识及交易环境。聚合了约300000首大牌音乐、配乐、音效曲库。
\r\nMUSINESS = MUSIC + BUSINESS
\r\n广告制作、短视频制作、影视制作、游戏制作、动漫制作等用户可在平台上依据标签和关键词搜索，购买下载所需配乐BGM，并获得音乐使用授权证书。用户也可订阅会员，包月使用正版音乐与配乐。MUSINESS还可为用户定制音乐。让用户尽情享受正版音乐商用的自由。
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n MUSINESS版权音乐平台，为上海市科技型创新项目、华为-上海5G+XR Cloud明星示范企业，搭载云计算、大数据、AI人工智能、区块链等方面技术，并在www.musiness.vip版权音乐网站上运用明水印与隐水印技术做侵权追踪以维护音乐创作人权益。自主研发拥有AI智能获客及数字人客服系统。
\r\n\r\nMUSINESS版权音乐，立足中国、布局全球。和多家知名唱片公司有直接音乐版权合作，更拿到了世界经典名曲Bandari（班得瑞）全部15张专辑在中国大陆地区的独家授权代理，还引进了百位海外知名/好莱坞音乐创作人入驻，这些世界级音乐人为多国电影、电视节目、剧集、国际电影节、广告、大型游戏等内容提供音乐素材。作品被国家地理、Fox Sports、BBC、探索频道、维亚康姆集团等国际广播媒体使用。参与创作和制作包括《黑客帝国》《变形金刚》《复仇者联盟》《数码宝贝》《加勒比海盗》《神奇四侠》……等众多巨作之音乐与配乐。MUSIENSS版权音乐也与来自美国、英国、法国、韩国、日本、马来西亚、新加坡的数千位业内著名音乐创作人和制作人深度链接，提供源源不断的优质音乐内容。
\r\n\r\nMUSINESS商用版权音乐平台，与众多知名广告公司、游戏公司、影视公司、短视频MCN机构达成长期战略及业务合作。为中宣部宣传舆情研究中心、学习强国、央视网、新华网、新华日报、农民日报、浙江日报集团、阿里巴巴、腾讯科技、亚运城、浙江卫视、北京卫视、人教数字出版有限公司、辽宁出版集团、广告人文化集团、招商银行、中国光大银行、中国建设银行、肯德基、华为、元祖、星巴克、苏宁电器、王者荣耀、李子柒、Papitube、丝芭文化……等众多知名品牌提供正版音乐与配乐。通过版权音乐和创作人的IP价值给使用者赋能，让商用音乐的选择从未如此简单。
\r\n \r\nMUSINESS版权音乐，为企业提供音乐曲库SaaS服务，提供系统化版权音乐、配乐、音效、配音的解决方案，帮助企业规避音乐版权相关的商业、法律风险，推动商用音乐正版化普及。
\r\n\r\nMUSINESS音乐元宇宙，为2022年度上海市虹口科委重点孵化项目（元宇宙方向），拥有数字人内容制作、虚实演播等系统，基于MUSINESS版权音乐素材平台30万首优质音乐、配乐、音效曲库，为元宇宙提供全方位音乐及声音赋能、虚实演播/直播、数字明星孵化与经纪（MCN）等服务。2022年2月推出超写实虚拟歌手兼MUSINESS首席数字人客服官小缪Metamuse，一月内全网5000万+流量，首支单曲MV冲上微博热门视频「全站总榜」，是「支持正版从我做起」公益活动的形象大使，话题3000万+阅读，3万+讨论，两次登上微博热搜。
\r\n \r\nMUSINESS音乐元宇宙，以音乐、虚拟人和动画为介，协助品牌进入元宇宙赛道，共同探索元宇宙新生态下的远景与未来，开启品牌数字营销和价值传递的新方式，助力企业营销创收，提升品牌影响力。
\r\n奕颗贝壳音乐，为MUSINESS旗下厂牌，专业音乐定制及MG动画制作。凭借MUSINESS版权音乐曲库优势，拥有林俊杰《江南》《一千年以后》《她说》《可惜没如果》、陈奕迅《你的背包》、蔡依林《舞娘》、SHE《ringringring》等作品的强大编曲录音制作团队，为中国好声音众歌手、鹿晗、林俊杰、蔡依林、吴莫愁、秦岚、钟汉良、李若彤、NINEPERCENT、鞠婧祎、SNH48、印小天、薛之谦、阿信、金莎、吴奇隆、孔令奇、吴克群、李健、阿朵、杨洋、阿兰、大张伟、周传雄、汪苏泷、郁可唯、邱泽、希林娜依•高、欧得洋……等众多艺人进行音乐制作及编曲合作。
\r\n奕颗贝壳音乐，以规范高效的合作流程，深耕广告、影视、游戏、动漫、短视频等领域多年，为客户匹配符合需求的音乐、配乐、音效、配音、MG动画制作，以专业服务完成专案。
\r\n\r\n
\r\n \r\n
\r\n \r\n ![\"MUSINESS\"/](\"assets/img/about_logo.png\")
\r\n
\r\n LOGO的含义：
\r\n\r\n
\r\n 由三位日本得奖设计师共同设计。
\r\n\r\n 设计主旨：因为音乐而遇见（交融、合作）因为遇见而找到最合适的。\r\n
\r\nlogo有三个形似：
\r\n\r\n （1）形似四个音叉叠在一起，代表音乐；
\r\n （2）形似互联网的两个链接符号交叉在一起，代表链接；
\r\n （3）形似x，“x贝壳”谐音“奕颗贝壳”谐音“incubator”，代表孵化。
蓝色，代表天空及海洋。呼应神采奕奕的贝壳。
\r\n\r\n
\r\n \r\n
\r\n Musiness = Music + Business. 代表我们是“音乐的事业”
\r\n体现了奕颗贝壳商用音乐供需媒合的平台本质与孵化一个崭新的蓝海音乐市场的目标期望。
\r\n\r\n \r\n {loading ? (\r\n \r\n \r\n )}\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default connect(\r\n mapStateToProps,\r\n mapDispatchToProps\r\n)(App);","import ReactDOM from \"react-dom\";\r\nimport { Provider } from \"react-redux\";\r\nimport React from \"react\";\r\nimport { store, history } from \"./store\";\r\n\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport { ConnectedRouter } from \"react-router-redux\";\r\n\r\nimport App from \"./components/App\";\r\n\r\nimport { LocaleProvider } from 'antd';\r\nimport zh_CN from 'antd/lib/locale-provider/zh_CN';\r\n\r\nReactDOM.render(\r\n