\r\n \r\n \r\n {/**/}\r\n\r\n {/* */}\r\n {\r\n User.isAuthentication() ?
\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default Home;\r\n","import React, { Component } from 'react';\r\nimport { withRouter } from \"react-router-dom\";\r\n\r\nimport './product.less';\r\nimport { Button, InputNumber, Pagination, Progress, Tooltip, Empty, Input } from \"antd\";\r\nimport { GetAllProductForWebSite, GetToken } from \"../../js/http-serve\";\r\nimport { api } from \"../../js/http-serve/ajax\";\r\nimport { formatMaxProfitRate } from \"../../utils\";\r\nimport { User } from \"../../service/user\";\r\n\r\nclass Product extends Component {\r\n filterTabs = [\r\n {\r\n id: '',\r\n title: '全部'\r\n },\r\n {\r\n id: 'E6D14276-143A-4862-B79D-EE1B1719AFA3',\r\n title: '交易所'\r\n },\r\n {\r\n id: '30FE0567-DE35-4768-A322-C2D91D892B73',\r\n title: '信托'\r\n },\r\n {\r\n id: '0ACF6EBC-DFE5-4E5E-AE87-159ADADB16AB',\r\n title: '资管'\r\n },\r\n {\r\n id: 'A6EC5CA1-9D02-4E58-B87B-6ACB6C735006',\r\n title: '契约型基金'\r\n },\r\n {\r\n id: '66B020FA-9B4D-4242-BF3F-AA6B1A480B70',\r\n title: '有限合伙'\r\n },\r\n {\r\n id: '2E9B31C4-D138-4905-AEE2-BDC0261F587A',\r\n title: '其他'\r\n }\r\n ];\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isAuthentication: 0,\r\n CurrentTabIndex: 2,\r\n showSearchBar: true,\r\n query: {\r\n PageSize: 5,\r\n PageIndex: 1,\r\n TotalCount: 0,\r\n ProductType: '',\r\n InvestmentHorizonStart: '',\r\n InvestmentHorizonEnd: '',\r\n IncomeRateMin: '',\r\n IncomeRateMax: ''\r\n },\r\n productList: []\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n }\r\n\r\n componentDidMount() {\r\n if (User.getUser().Token) {\r\n this.setState({\r\n isAuthentication: User.getUser().State\r\n })\r\n this.getList()\r\n } else {\r\n this.props.history.push('/login')\r\n }\r\n }\r\n\r\n componentWillUnmount() {\r\n\r\n }\r\n\r\n\r\n toDetail = (id) => {\r\n if (User.isLogin()) {\r\n this.props.history.push('/product/productDetail/' + id);\r\n } else {\r\n this.props.history.push('/login')\r\n }\r\n };\r\n\r\n getList = async () => {\r\n let { productList, query, CurrentTabIndex } = this.state\r\n let list = await GetAllProductForWebSite({\r\n ...query,\r\n Status: CurrentTabIndex\r\n });\r\n productList = list.Data\r\n query.TotalCount = list.TotalCount\r\n this.setState({\r\n productList,\r\n query\r\n })\r\n }\r\n\r\n //tab切换\r\n selectTab = (tab) => {\r\n let { CurrentTabIndex, query, } = this.state\r\n if (CurrentTabIndex === tab) return\r\n query.PageIndex = 1\r\n this.setState({\r\n query,\r\n CurrentTabIndex: tab\r\n }, () => {\r\n this.getList()\r\n })\r\n\r\n };\r\n\r\n //过滤按钮选择\r\n selectFilter = (tab) => {\r\n console.log(tab)\r\n let { query } = this.state\r\n if (query.ProductType === tab) return\r\n query.ProductType = tab\r\n this.setState({ query }, () => {\r\n this.getList()\r\n })\r\n };\r\n\r\n //点击页码回调\r\n SizeChange = (page, pageSize) => {\r\n let { query } = this.state\r\n query.PageIndex = page\r\n this.setState(query, () => {\r\n document.body.scrollTop = 400;\r\n document.documentElement.scrollTop = 400;\r\n this.getList()\r\n })\r\n };\r\n\r\n queryList = () => {\r\n let { query } = this.state\r\n query.PageIndex = 1\r\n this.setState({\r\n query\r\n }, () => {\r\n this.getList()\r\n })\r\n };\r\n\r\n reset = () => {\r\n let { query } = this.state\r\n query.PageIndex = 1\r\n query.InvestmentHorizonStart = ''\r\n query.InvestmentHorizonEnd = ''\r\n query.IncomeStart = ''\r\n query.IncomeEnd = ''\r\n query.ProductType = ''\r\n query.Name = ''\r\n this.setState({\r\n query\r\n }, () => {\r\n this.getList()\r\n })\r\n\r\n };\r\n\r\n handleEnterKey = (e) => {\r\n if (e.nativeEvent.keyCode === 13) { //e.nativeEvent获取原生的事件对像\r\n this.getList()\r\n }\r\n };\r\n\r\n\r\n render() {\r\n let { CurrentTabIndex, query, productList, isAuthentication } = this.state\r\n return (\r\n {\r\n this.props.history.push('/company');\r\n }}>\r\n })
\r\n
\r\n \r\n {\r\n this.props.history.push('/product');\r\n }}>\r\n })
\r\n
\r\n \r\n {\r\n this.props.history.push('/news');\r\n }}>\r\n })
\r\n
\r\n \r\n {*/}\r\n {/* this.props.history.push('/product');*/}\r\n {/* }}>*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* {*/}\r\n {/* this.props.history.push('/news');*/}\r\n {/* }}>*/}\r\n {/* */}\r\n {/*
*/}\r\n {/**/}\r\n {/* \r\n
: null\r\n }\r\n {\r\n User.isAuthentication() ?\r\n \r\n \r\n {\r\n hotProducts.map((item, i) => {\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 {item.ProductName}\r\n \r\n \r\n {\r\n item.IsFloat ?\r\n \r\n \r\n \r\n
\r\n 浮动
\r\n :\r\n{formatMaxProfitRate(item.MinProfitRate, item.MaxProfitRate)}
\r\n }\r\n业绩比较基准
\r\n\r\n
\r\n {\r\n this.toDetail(item.ProductId)\r\n }}>查看详情\r\n \r\n 起投金额\r\n {item.InvestMin}万元\r\n
\r\n \r\n 投资期限\r\n {item.InvestmentHorizon}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n
: null\r\n }\r\n | 产品名称 | \r\n业绩比较基准 | \r\n起投金额 | \r\n投资期限 | \r\n募集进度 | \r\n
|---|---|---|---|---|
| this.toDetail(item.ProductId)}>{item.ProductName}\r\n | \r\n\r\n {/*100%.*/}\r\n {formatMaxProfitRate(item.MinProfitRate, item.MaxProfitRate)}\r\n | \r\n{item.InvestMin}万元 | \r\n{item.InvestmentHorizon} | \r\n\r\n | \r\n
\r\n
\r\n\r\n \r\n {this.linkList.map((el, index) => {\r\n if (el.mark) {\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 isAuthentication ? 以善为本 以诚相交 以信为重
\r\n\r\n
\r\n \r\n
\r\n this.selectTab(2)}>在售产品\r\n
\r\n this.selectTab(3)}>存续产品\r\n
\r\n \r\n this.selectFilter(item.id)}\r\n >{item.title}
\r\n )\r\n })\r\n }\r\n 发行通道：
\r\n {\r\n this.filterTabs.map((item, index) => {\r\n return (\r\n \r\n
\r\n 投资期限：
\r\n \r\n {\r\n query.InvestmentHorizonStart = value\r\n this.setState({ query })\r\n }} />\r\n
\r\n - \r\n \r\n {\r\n query.InvestmentHorizonEnd = value\r\n this.setState({ query })\r\n }}\r\n style={{ width: '200px' }} min={0} placeholder=\"月\" />\r\n
\r\n \r\n
\r\n 收益率：
\r\n \r\n {\r\n query.IncomeStart = value\r\n this.setState({ query })\r\n }}\r\n />\r\n
\r\n - \r\n \r\n {\r\n query.IncomeEnd = value\r\n this.setState({ query })\r\n }}\r\n style={{ width: '200px' }} placeholder=\"%\" />\r\n
\r\n \r\n
\r\n 产品名称：
\r\n \r\n {\r\n e.persist()\r\n query.Name = e.target.value\r\n this.setState({ query })\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n\r\n {productList.length > 0 && isAuthentication ?\r\n productList.map((item, index) => {\r\n return (\r\n 您的账户正在审核中，审核通过后方可查看产品信息，请耐心等待！
\r\n \r\n
\r\n \r\n {item.ProductTypeDesc[item.ProductTypeDesc.length - 1]}
\r\n }\r\n\r\n {item.ProductName}
\r\n {\r\n item.ProductTypeDesc && item.ProductTypeDesc.length > 0 &&\r\n\r\n
\r\n \r\n )\r\n }) : isAuthentication ?\r\n \r\n {\r\n item.IsFloat ?\r\n
\r\n 浮动
\r\n :\r\n{formatMaxProfitRate(item.MinProfitRate, item.MaxProfitRate)}
\r\n }\r\n业绩比较基准
\r\n\r\n
\r\n {item.InvestmentHorizon}
\r\n投资期限
\r\n\r\n
\r\n {item.InvestMin}万元
\r\n起投资金
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n 募集进度
\r\n\r\n
\r\n\r\n \r\n \r\n {/*
查看*/}\r\n {/*
*/}\r\n \r\n \r\n
\r\n < Empty />\r\n
\r\n : null\r\n\r\n }\r\n {\r\n isAuthentication ?\r\n \r\n this.SizeChange(page, pageSize)}\r\n pageSize={query.PageSize}\r\n current={query.PageIndex}\r\n total={query.TotalCount}\r\n />\r\n
: null\r\n }\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withRouter(Product);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n","export class ProductDetailModel {\r\n Id\r\n Type\r\n SortId\r\n Slogan\r\n Brief\r\n HighLight\r\n RiskControl\r\n UseOfFund\r\n Payment\r\n ProductName\r\n ProductId\r\n IssueQuota\r\n IssueRestMoney\r\n IssueCurrentMoney\r\n IssuePendingMoney\r\n HasIssueQuota\r\n InvestMin\r\n IncreasingAmount\r\n InvestmentHorizon\r\n ProductTypeDesc\r\n FileList\r\n StageBar\r\n Status\r\n WebSiteSortId\r\n MinProfitRate\r\n MaxProfitRate\r\n IncomeModels\r\n InvestReport\r\n\r\n\r\n constructor() {\r\n this.Id = '';\r\n this.Type = '';\r\n this.SortId = '';\r\n this.Slogan = '';\r\n this.Brief = '';\r\n this.HighLight = '';\r\n this.RiskControl = '';\r\n this.UseOfFund = '';\r\n this.Payment = '';\r\n this.ProductName = '';\r\n this.ProductId = '';\r\n this.IssueQuota = '';\r\n this.IssueRestMoney = '';\r\n this.IssueCurrentMoney = '';\r\n this.IssuePendingMoney = '';\r\n this.HasIssueQuota = '';\r\n this.InvestMin = '';\r\n this.IncreasingAmount = '';\r\n this.InvestmentHorizon = '';\r\n this.ProductTypeDesc = [];\r\n this.FileList = [];\r\n this.StageBar = [];\r\n this.Status = 0;\r\n this.WebSiteSortId = 0;\r\n this.MaxProfitRate = ''\r\n this.MinProfitRate = ''\r\n this.IncomeModels = []\r\n this.InvestReport = []\r\n }\r\n}\r\n\r\n\r\n","export class CenterModel {\r\n AssessmentResultInfoId\r\n ConfigurationAssistant\r\n CustomerServerPhone\r\n EmployeeId\r\n EmployeeMobile\r\n EmployeeName\r\n EmployeeStatus\r\n HasBankCard\r\n IcId\r\n IcInfo\r\n IcStatus\r\n Id\r\n IsCertification\r\n IsConfigurationAssistant\r\n IsPsychological\r\n MemberCode\r\n MemberLevel\r\n Psychological\r\n QuestName\r\n RiskLevel\r\n RpqInfo\r\n RpqStatus\r\n StockMoney\r\n StockShare\r\n TotalIncome\r\n TotalInvestMoney\r\n UserName\r\n YesterdayIncome\r\n\r\n\r\n constructor() {\r\n this.AssessmentResultInfoId = '';\r\n this.ConfigurationAssistant = '';\r\n this.CustomerServerPhone = '';\r\n this.EmployeeId = '';\r\n this.EmployeeMobile = '';\r\n this.EmployeeName = '';\r\n this.EmployeeStatus = 0;\r\n this.HasBankCard = false;\r\n this.IcId = '';\r\n this.IcInfo = '';\r\n this.IcStatus = 0;\r\n this.Id = '';\r\n this.IsCertification = false;\r\n this.IsConfigurationAssistant = false;\r\n this.IsPsychological = false;\r\n this.MemberCode = '';\r\n this.MemberLevel = '';\r\n this.Psychological = '';\r\n this.QuestName = '';\r\n this.RiskLevel = '';\r\n this.RpqInfo = '';\r\n this.RpqStatus = 0;\r\n this.StockMoney = 0;\r\n this.StockShare = 0;\r\n this.TotalIncome = 0;\r\n this.TotalInvestMoney = 0;\r\n this.UserName = '';\r\n this.YesterdayIncome = 0;\r\n }\r\n}\r\n\r\nexport class AssetReport {\r\n StockAssetAllocationResult\r\n StockMoney\r\n StockShare\r\n TotalAssetAllocationResult\r\n TotalMoney\r\n\r\n constructor() {\r\n this.StockAssetAllocationResult = []\r\n this.StockMoney = '';\r\n this.StockShare = '';\r\n this.TotalAssetAllocationResult = []\r\n this.TotalMoney = ''\r\n }\r\n}\r\n\r\n\r\nexport class Statement {\r\n TotalExpense;\r\n TotalIncome;\r\n StatementOfAccountList;\r\n\r\n constructor() {\r\n this.TotalExpense = 0\r\n this.TotalIncome = 0\r\n this.StatementOfAccountList = {\r\n PageSize: 0,\r\n PageIndex: 0,\r\n TotalCount: 0,\r\n Data: []\r\n }\r\n }\r\n}\r\n\r\n\r\nexport class ProductDetailModel {\r\n BankAccount\r\n BankAttribution\r\n BankOfDeposit\r\n ContractCode\r\n CustomerId\r\n IncomeModel\r\n IncomeModelId\r\n IncomeModelPhasesId\r\n MaturityDate\r\n OriginalStockMoney\r\n OriginalStockShare\r\n ProductName\r\n StockMoney\r\n StockShare\r\n TradeFlows\r\n TradeId\r\n ValueDate\r\n\r\n\r\n constructor() {\r\n this.BankAccount = '';\r\n this.BankAttribution = '';\r\n this.BankOfDeposit = '';\r\n this.ContractCode = '';\r\n this.CustomerId = '';\r\n this.IncomeModel = null;\r\n this.IncomeModelId = '';\r\n this.IncomeModelPhasesId = '';\r\n this.MaturityDate = '';\r\n this.OriginalStockMoney = 0;\r\n this.OriginalStockShare = 0;\r\n this.ProductName = '';\r\n this.StockMoney = 0;\r\n this.StockShare = 0;\r\n this.TradeFlows = [];\r\n this.TradeId = '';\r\n this.ValueDate = '';\r\n }\r\n}\r\n\r\nexport class Asset{\r\n\r\n}\r\n","import React, {Component} from 'react';\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nimport './productDetail.less';\r\nimport {InputNumber, Pagination, Progress, Tooltip, Modal, Empty} from \"antd\";\r\nimport {GetIspUserManageCenterForApp, GetToken, GetWebSiteProductDetail} from \"../../../js/http-serve\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\nimport {ProductDetailModel} from \"./productDetail.model\";\r\nimport {formatAmount, formatMaxProfitRate} from \"../../../utils\";\r\nimport config from '../../../js/config'\r\nimport {User} from \"../../../service/user\";\r\nimport {CenterModel} from \"../../center/center.model\";\r\n\r\nclass ProductDetail extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n productDetail: new ProductDetailModel(),\r\n center: new CenterModel()\r\n };\r\n this.ProductId = ''\r\n }\r\n\r\n componentWillMount() {\r\n if (!User.isLogin()) {\r\n return this.props.history.replace('/login')\r\n }\r\n this.ProductId = window.location.href.split('/product/productDetail/')[1]\r\n }\r\n\r\n componentDidMount() {\r\n document.scrollingElement.scrollTop = 0;\r\n this.getProductDetail();\r\n this.getCenter()\r\n }\r\n\r\n getCenter = async () => {\r\n let center = await GetIspUserManageCenterForApp();\r\n this.setState({center})\r\n };\r\n\r\n getProductDetail = async () => {\r\n let productId = {\r\n ProductId: this.ProductId\r\n };\r\n let detail = await GetWebSiteProductDetail(productId);\r\n this.setState({\r\n productDetail: detail\r\n })\r\n\r\n };\r\n\r\n\r\n showModal = () => {\r\n //您暂无客户经理,请联系400电话\r\n Modal.info({\r\n title: '联系客户经理',\r\n content: `${this.state.center.EmployeeId ? ('您的客户经理联系方式为' + (this.state.center.EmployeeMobile ? this.state.center.EmployeeMobile : '--')) : '您暂无客户经理，请联系客服电话400-6277-108'}`\r\n })\r\n };\r\n\r\n render() {\r\n let {productDetail} = this.state;\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withRouter(ProductDetail);\r\n","import React, { Component } from 'react';\r\nimport ClassifyTitle from '../../components/classify-title';\r\n// import {GetNews} from '../../js/http-serve';\r\nimport { Player, BigPlayButton } from 'video-react';\r\nimport 'video-react/dist/video-react.css';\r\n\r\nimport './news.less';\r\nimport {\r\n GetArticleFrontList,\r\n GetPlateDetail,\r\n GetPlateList,\r\n GetToken,\r\n GetVideoFrontList,\r\n GetWebSiteProductList\r\n} from \"../../js/http-serve\";\r\nimport { api } from \"../../js/http-serve/ajax\";\r\nimport config from '../../js/config'\r\nimport { getDay, getMonth } from \"../../utils\";\r\nimport { Row, Col, Pagination, Modal } from 'antd'\r\nimport { User } from \"../../service/user\";\r\n\r\nclass News extends Component {\r\n player = null;\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n focusList: [],\r\n plateList: [],\r\n selectedPlate: '',\r\n query: {\r\n PageSize: 5,\r\n PageIndex: 1,\r\n TotalCount: 0\r\n },\r\n showVideo: false,\r\n VideoUrl: '',\r\n VideoPhoto: '',\r\n initClass: true\r\n }\r\n }\r\n\r\n componentWillMount() {\r\n }\r\n\r\n async componentDidMount() {\r\n let plateList = await GetPlateList()\r\n let idx = plateList.Data.findIndex(el => el.Title === '其他' && el.PlateId === 'f4f99e58-3b93-4da3-2bc4-08d70be7f89f')\r\n // if (idx) {\r\n // plateList.Data.splice(idx, 1)\r\n // }\r\n this.getPlateDetail(plateList.Data[0])\r\n this.setState({\r\n plateList: plateList.Data,\r\n selectedPlate: plateList.Data[0].PlateId\r\n })\r\n console.log(plateList)\r\n }\r\n\r\n async getPlateDetail(plate) {\r\n let { query } = this.state\r\n this.setState({\r\n selectedPlate: plate.PlateId\r\n })\r\n let detail = await GetPlateDetail({ PlateId: plate.PlateId })\r\n if (detail.Type === 1) {\r\n let videoList = await GetVideoFrontList({\r\n PlateId: plate.PlateId,\r\n ...query\r\n });\r\n this.setState({\r\n focusList: videoList.Data\r\n });\r\n query.TotalCount = videoList.TotalCount\r\n } else if (detail.Type === 2) {\r\n let articleList = await GetArticleFrontList({\r\n PlateId: plate.PlateId,\r\n ...query\r\n });\r\n this.setState({\r\n focusList: articleList.Data\r\n });\r\n query.TotalCount = articleList.TotalCount\r\n } else if (detail.Type === 3) {\r\n let videoList = await GetVideoFrontList({\r\n PlateId: plate.PlateId,\r\n ...query\r\n });\r\n let articleList = await GetArticleFrontList({\r\n PlateId: plate.PlateId,\r\n ...query\r\n });\r\n let concatList = videoList.Data.concat(articleList.Data);\r\n this.setState({\r\n focusList: concatList,\r\n });\r\n query.TotalCount = articleList.TotalCount\r\n }\r\n this.setState({ query })\r\n }\r\n\r\n //点击页码回调\r\n SizeChange = (page, pageSize) => {\r\n let { query, selectedPlate } = this.state\r\n query.PageIndex = page\r\n let data = {\r\n PlateId: selectedPlate\r\n };\r\n this.setState(query, () => {\r\n document.body.scrollTop = 400;\r\n document.documentElement.scrollTop = 400;\r\n this.getPlateDetail(data)\r\n })\r\n };\r\n\r\n toDetail = (id) => {\r\n this.props.history.push('/news/newsDetail/articleDetail/' + id)\r\n };\r\n\r\n showVideoDetail = (Url, Pic) => {\r\n this.setState({\r\n showVideo: true,\r\n VideoUrl: Url,\r\n VideoPhoto: Pic\r\n })\r\n };\r\n\r\n handleOk = e => {\r\n this.setState({\r\n showVideo: false,\r\n });\r\n };\r\n\r\n handleCancel = e => {\r\n this.player.pause();\r\n this.setState({\r\n showVideo: false,\r\n });\r\n };\r\n\r\n renderNews = (item, index) => {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {productDetail.ProductTypeDesc[4]}
\r\n }\r\n {productDetail.ProductName}
\r\n {\r\n productDetail.ProductTypeDesc && productDetail.ProductTypeDesc.length > 0 &&\r\n\r\n
\r\n \r\n
\r\n \r\n {\r\n productDetail.IsFloat ?\r\n
业绩比较基准
\r\n\r\n
\r\n {productDetail.InvestmentHorizon}
\r\n投资期限
\r\n\r\n
\r\n {productDetail.InvestMin}万元
\r\n起投资金
\r\n\r\n
\r\n {productDetail.IncomeModels.length > 0 ? productDetail.IncomeModels[0].Frequencys : '--'}
\r\n付息方式
\r\n\r\n \r\n \r\n \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.productDetail.IncomeModels.map((el, i) => {\r\n return (\r\n
\r\n \r\n {formatAmount(el.StartAmount, el.EndAmount)}\r\n {\r\n el.IsFloat ?\r\n 浮动\r\n :\r\n {formatMaxProfitRate(el.MinIncome, el.MaxIncome)}\r\n }\r\n
\r\n )\r\n })}\r\n {\r\n this.showModal()\r\n }}>联系客户经理\r\n
\r\n \r\n
\r\n \r\n
\r\n 基本信息
\r\n{productDetail.Slogan}
\r\n\r\n
\r\n {productDetail.Brief && <>\r\n \r\n
\r\n 产品类型
\r\n {productDetail.ProductTypeDesc[0]}
\r\n \r\n
\r\n 发行通道
\r\n {productDetail.ProductTypeDesc[4]}
\r\n \r\n
\r\n 基础资产
\r\n {productDetail.ProductTypeDesc[1]}
\r\n \r\n
\r\n 收益类型
\r\n {productDetail.ProductTypeDesc[2]}
\r\n \r\n
\r\n 认购起点
\r\n {productDetail.InvestMin}万元
\r\n \r\n
\r\n 递增金额
\r\n {productDetail.IncreasingAmount}万元
\r\n \r\n
\r\n 投资期限
\r\n {productDetail.InvestmentHorizon}
\r\n 产品简要
\r\n\r\n
\r\n }\r\n\r\n {productDetail.HighLight &&\r\n <>\r\n产品亮点
\r\n\r\n
\r\n \r\n }\r\n {productDetail.RiskControl &&\r\n <>\r\n风控措施
\r\n\r\n
\r\n \r\n }\r\n {productDetail.UseOfFund &&\r\n <>\r\n资金用途
\r\n\r\n
\r\n \r\n }\r\n {productDetail.Payment &&\r\n <>\r\n还款来源
\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.productDetail.FileList.map((item, index) => {\r\n if (item.FileList.length > 0 && (item.Name === '简版' || item.Name === '推介材料' || (item.Name !== '简版' && item.Name !== '推介材料' && this.state.center.IsCertification)))\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.state.productDetail.FileList.length===0 &&\r\n {item.Name}
\r\n {item.FileList.length > 0 &&\r\n{\r\n window.open(config.apiUrl + item.FileList[item.FileList.length - 1].FilePath)\r\n }}\r\n > {item.FileList[item.FileList.length - 1].FileName}
}\r\n\r\n\r\n
\r\n }\r\n {\r\n !this.state.center.IsCertification &&\r\n 了解更多产品信息，请先完成 实名认证
\r\n }\r\n \r\n
\r\n \r\n
\r\n 投后管理报告
\r\n\r\n {\r\n this.state.center.IsCertification && this.state.productDetail.InvestReport.map((item,index) => {\r\n return (\r\n
\r\n {\r\n this.state.productDetail.InvestReport.length===0 &&\r\n {\r\n window.open(config.apiUrl + item.FilePath)\r\n }}\r\n > {item.FileName}
\r\n )\r\n })\r\n }\r\n\r\n
\r\n }\r\n {\r\n !this.state.center.IsCertification &&\r\n 了解更多产品信息，请先完成 实名认证
\r\n }\r\n \r\n {\r\n item.ArticleId ?\r\n this.toDetail(item.ArticleId)}\r\n onMouseEnter={() => {\r\n if (this.state.initClass) {\r\n this.setState({\r\n initClass: false\r\n }\r\n )\r\n }\r\n }}\r\n >\r\n 
\r\n \r\n \r\n :\r\n this.showVideoDetail(item.Link, item.Photo)}\r\n onMouseEnter={() => {\r\n if (this.state.initClass) {\r\n this.setState({\r\n initClass: false\r\n }\r\n )\r\n }\r\n }}\r\n >\r\n
\r\n }\r\n
\r\n\r\n )\r\n };\r\n\r\n\r\n render() {\r\n const { focusList, plateList, selectedPlate, query, VideoUrl, VideoPhoto } = this.state;\r\n return (\r\n \r\n
\r\n {getMonth(item.CreateTime)}
\r\n \r\n \r\n {item.Title}
\r\n \r\n
\r\n \r\n {getDay(item.CreateTime)}
\r\n\r\n {item.Summary}\r\n
\r\n\r\n
\r\n {getMonth(item.CreateTime)}
\r\n \r\n \r\n {item.Title}
\r\n \r\n
\r\n \r\n {getDay(item.CreateTime)}
\r\n\r\n {item.Introduction}\r\n
\r\n\r\n \r\n {\r\n this.player = player\r\n }}\r\n width={800}\r\n height={500}\r\n src={VideoUrl}\r\n poster={VideoPhoto}\r\n >\r\n
\r\n\r\n );\r\n }\r\n}\r\n\r\nexport default News;\r\n","import React, {Component} from 'react';\r\nimport {withRouter} from \"react-router-dom\";\r\n\r\nimport './articleDetail.less';\r\nimport {Button, InputNumber, Pagination, Progress, Tooltip, Empty} from \"antd\";\r\nimport {ShowArticleDetailFront} from \"../../../js/http-serve\";\r\nimport {getDay, getMonth} from \"../../../utils\";\r\nimport moment from \"moment\";\r\nimport config from '../../../js/config/index'\r\n\r\nclass ArticleDetail extends Component {\r\n\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n Detail: {}\r\n }\r\n this.ArticleId = ''\r\n }\r\n\r\n componentWillMount() {\r\n this.ArticleId = window.location.href.split('/news/newsDetail/articleDetail/')[1]\r\n }\r\n\r\n componentDidMount() {\r\n document.scrollingElement.scrollTop = 0\r\n this.ShowArticleDetailFront()\r\n }\r\n\r\n ShowArticleDetailFront = async () => {\r\n let data = {\r\n ArticleId: this.ArticleId\r\n }\r\n let Detail = await ShowArticleDetailFront(data)\r\n Detail.Content = Detail.Content.replace(/(src=\\\")/g, 'style=\"max-width:100%;margin-top:10px\" src=\"' + config.apiUrl + '/')\r\n this.setState({Detail})\r\n }\r\n\r\n\r\n render() {\r\n let {Detail} = this.state\r\n return (\r\n \r\n })
\r\n
\r\n \r\n \r\n
\r\n \r\n {plateList.map((item, i) => {\r\n return {\r\n this.setState({ initClass: true })\r\n this.getPlateDetail(item)\r\n }}>{item.Title}\r\n })}\r\n
\r\n \r\n {focusList.map(this.renderNews)}\r\n
\r\n \r\n this.SizeChange(page, pageSize)}\r\n pageSize={query.PageSize}\r\n current={query.PageIndex}\r\n total={query.TotalCount}\r\n />\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default withRouter(ArticleDetail);\r\n","import React, { Component } from 'react';\r\nimport './company.less'\r\nimport ClassifyTitle from \"../../components/classify-title\";\r\nimport Anchor from \"antd/es/anchor\";\r\nimport { Carousel, Icon, Progress, Tooltip } from \"antd\";\r\nimport DisplayCards from \"../../components/display-cards\";\r\nimport { formatMaxProfitRate } from \"../../utils\";\r\n\r\nconst { Link } = Anchor;\r\n\r\nclass Company extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedId: 1,\r\n selectedPlate: 1,\r\n muted: false,\r\n plateList: [\r\n {\r\n id: 1,\r\n activeUrl: require('../../images/introduction.png'),\r\n url: require('../../images/introduction2.png'),\r\n isActive: true,\r\n },\r\n {\r\n id: 2,\r\n activeUrl: require('../../images/structure.png'),\r\n url: require('../../images/structure2.png'),\r\n isActive: false\r\n },\r\n {\r\n id: 3,\r\n activeUrl: require('../../images/team2.png'),\r\n url: require('../../images/team.png'),\r\n isActive: false\r\n },\r\n {\r\n id: 4,\r\n activeUrl: require('../../images/culutre.png'),\r\n url: require('../../images/culture2.png'),\r\n isActive: false\r\n },\r\n ]\r\n };\r\n this.personList = [\r\n {\r\n sort1: 0,\r\n sort2: 3,\r\n sort3: 3,\r\n sort4: 3,\r\n sort5: 3,\r\n sort6: 3,\r\n id: 1,\r\n name: '蔡肖羽',\r\n position: '联合创始人',\r\n src: require('../../images/cxyheader.png'),\r\n desc: '毕业于浙江大学。曾就职于国内大型金融机构，凭借其扎实的经济和金融专业知识以及敏锐的市场洞察力，专注为高净值客户进行资产配置，具有丰富的私人银行、财富管理和资产管理领域的从业经验。',\r\n },\r\n {\r\n sort1: 3,\r\n sort2: 0,\r\n sort3: 4,\r\n sort4: 2,\r\n sort5: 4,\r\n sort6: 4,\r\n id: 2,\r\n name: '张益龙',\r\n position: '联合创始人',\r\n src: require('../../images/zylheader.png'),\r\n desc: '本科毕业于华东政法大学，获得经济学、法学双学位，硕士毕业于英国诺丁汉大学金融学专业。曾任职于国内大型金融机构，在项目投资、管理、风险控制、项目资源整合等方面经验丰富，主持完成多个信托计划的募、投、管、退工作。'\r\n },\r\n {\r\n sort1: 4,\r\n sort2: 4,\r\n sort3: 0,\r\n sort4: 4,\r\n sort5: 1,\r\n sort6: 5,\r\n id: 3,\r\n name: '肖文虎',\r\n position: '贵州大区总经理',\r\n src: require('../../images/xwhheader.png'),\r\n desc: '十几年金融行业从业经历，曾先后就职于两家国有控股大型证券机构，主要担任资产配置管理工作，拥有丰富的一线资产配置经验，熟悉国内证券、期货等行业。善于在固定收益领域为合格投资者获取持续回报。'\r\n },\r\n {\r\n sort1: 2,\r\n sort2: 2,\r\n sort3: 2,\r\n sort4: 0,\r\n sort5: 2,\r\n sort6: 2,\r\n id: 4,\r\n name: '张胤珺',\r\n position: '金融业务部总裁',\r\n src: require('../../images/zyjheader.png'),\r\n desc: '曾任职于国内大型金融机构，十几年专注为高净值客户进行资产配置，拥有丰富的金融行业经验。曾任国有控股大型证券资产管理总部总经理，曾担任上海师范大学经济学院课外辅导老师，历年受邀出席CFO中国财富论坛峰会，曾多次担任财经频道嘉宾。'\r\n },\r\n {\r\n sort1: 1,\r\n sort2: 1,\r\n sort3: 1,\r\n sort4: 1,\r\n sort5: 0,\r\n sort6: 1,\r\n id: 5,\r\n name: '沈燕',\r\n position: 'CEO',\r\n src: require('../../images/shenyan.png'),\r\n desc: '本科毕业于浙江大学，研究生毕业于同济大学。2011年-2017年任职于某外资银行财富管理部门、信用卡和无担保贷款部门；参与银行多个QDII及国内公募基金产品的发行工作；担任信用卡中心产品经理，主导多张高端信用卡的国内首发项目并负责其在全国的推广工作，主要对接银行高端理财客户。'\r\n },\r\n {\r\n sort1: 5,\r\n sort2: 5,\r\n sort3: 5,\r\n sort4: 5,\r\n sort5: 5,\r\n sort6: 0,\r\n id: 6,\r\n name: '段公亮',\r\n position: '贵阳城市经理',\r\n src: require('../../images/dglheader.png'),\r\n desc: '十余年金融行业从业经验，拥有基金从业、 证券从业资格证。曾就职于国有控股大型商业银行，具有丰富的财富管理和资产管理领域的从业经验，擅长并专注为高净值客户进行固定收益领域资产配置。'\r\n },\r\n ];\r\n\r\n this.image = [\r\n require('../../images/activity2.png'),\r\n require('../../images/activity6.jpg'),\r\n require('../../images/activity4.jpeg'),\r\n require('../../images/activity7.JPG'),\r\n require('../../images/activity13.JPG'),\r\n require('../../images/activity5.jpeg'),\r\n require('../../images/activity8.JPG'),\r\n require('../../images/activity11.JPG'),\r\n require('../../images/activity14.jpg'),\r\n require('../../images/activity3.png'),\r\n require('../../images/activity1.png'),\r\n require('../../images/activity9.JPG'),\r\n require('../../images/activity12.JPG'),\r\n require('../../images/activity15.JPG'),\r\n require('../../images/activity10.JPG'),\r\n\r\n ]\r\n }\r\n\r\n setMute = () => {\r\n let a = document.querySelector('#video');\r\n a.muted = !a.muted;\r\n this.setState({\r\n muted: a.muted\r\n })\r\n };\r\n\r\n renderPerson = (props) => {\r\n return (\r\n 您所在位置：新闻中心 >
\r\n
\r\n {Detail.Title}
\r\n\r\n 发布时间：{moment(Detail.CreateTime).format('YYYY-MM-DD HH:mm:ss')}\r\n {\r\n Detail.Source && 来源：{Detail.Source}\r\n }\r\n
\r\n \r\n {\r\n this.setState({\r\n selectedId: props.id\r\n })\r\n }}>\r\n 
\r\n
\r\n )\r\n };\r\n\r\n renderHugePerson = (props) => {\r\n return (\r\n {props.name}
\r\n{props.position}
\r\n\r\n \r\n
\r\n )\r\n };\r\n\r\n\r\n render() {\r\n let { selectedId, selectedPlate } = this.state\r\n return (\r\n {props.name}
\r\n{props.position}
\r\n{props.desc}
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Company;\r\n","import React, {Component} from 'react';\r\nimport './index.less';\r\nimport {list} from 'postcss';\r\nimport {User} from \"../../../service/user\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\nimport * as echarts from 'echarts/lib/echarts';\r\nimport 'echarts/lib/chart/pie';\r\nimport 'echarts/lib/component/tooltip'\r\nimport 'echarts/lib/component/legend'\r\nimport 'echarts/lib/component/legendScroll'\r\nimport {\r\n GetAssetReport,\r\n GetMyTradeList\r\n} from \"../../../js/http-serve\";\r\nimport {AssetReport} from \"../center.model\";\r\nimport moment from \"moment\";\r\nimport accounting from 'accounting'\r\nimport {Pagination} from \"antd\";\r\n\r\nclass MyProduct extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n list: [],\r\n showNumber: true,\r\n query: {\r\n PageSize: 5,\r\n PageIndex: 1,\r\n StockStatus: '',\r\n TotalCount: 0\r\n },\r\n assetReport: new AssetReport()\r\n }\r\n }\r\n\r\n async componentDidMount() {\r\n let chartData = [];\r\n let chart = await GetAssetReport();\r\n chartData = chart.TotalAssetAllocationResult;\r\n chartData.map(item => {\r\n item.name = item.AssetAllocationName;\r\n item.value = item.Money\r\n });\r\n this.getMyTradeList();\r\n this.setState({\r\n chart\r\n });\r\n\r\n let myChart = echarts.init(document.getElementById('mainChart'));\r\n\r\n var option = {\r\n tooltip : {\r\n trigger: 'item',\r\n formatter: \"{a} \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {this.state.selectedPlate === 3 && \r\n
\r\n {this.state.selectedPlate === 1 &&\r\n \r\n {this.state.plateList.map((item, i) => {\r\n return {\r\n this.state.plateList.forEach((el, index) => {\r\n el.isActive = index === i\r\n });\r\n\r\n this.setState({\r\n selectedPlate: item.id,\r\n plateList: this.state.plateList\r\n })\r\n }}\r\n className={item.isActive ? 'img-active' : ''}\r\n src={item.isActive ? item.activeUrl : item.url} alt=\"\" />\r\n })}\r\n
\r\n \r\n
}\r\n {this.state.selectedPlate === 2 &&\r\n \r\n
\r\n 信始财富具有产业链式的团队配置，在项目承揽、承做、承销、投后管理方面具有全面的综合竞争力，形成了一体化、全方位的投融资服务。公司积极落实《关于规范金融机构资产管理业务的指导意见》的相关要求，合规备案，严控风险，切实保障合格投资者的合法权益\r\n
\r\n\r\n 信始财富紧跟金融发展政策，定期开展合规及金融知识培训，全面提升专业能力，夯实金融业务基础，致力于成为引领行业进步发展的金融服务企业。\r\n
\r\n\r\n
}\r\n {this.state.selectedPlate === 4 &&\r\n \r\n {this.personList.sort((prev, next) => prev['sort' + this.state.selectedId] - next['sort' + this.state.selectedId]).map((el, index) => {\r\n return el.id !== selectedId && this.renderPerson(el)\r\n })}\r\n
\r\n \r\n
\r\n \r\n {this.renderHugePerson(\r\n this.personList.find(el => el.id === selectedId)\r\n )}\r\n
\r\n \r\n
}\r\n \r\n
\r\n \r\n
\r\n 企业愿景
\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.carouse.prev()} />\r\n this.carouse = ref}\r\n dots={false}\r\n centerMode={true}\r\n className={'img-center'}\r\n centerPadding={'10px'}\r\n slidesToShow={3}\r\n autoplay={true}\r\n >\r\n {this.image.map((img, index) => {\r\n return (\r\n })
this.carouse.next()} />\r\n
\r\n this.carouse.prev()} />\r\n \r\n 
\r\n
\r\n )\r\n })}\r\n \r\n this.carouse.next()} />\r\n {b} : {c}万元 ({d}%)\"\r\n },\r\n legend: {\r\n type: 'scroll',\r\n orient: 'vertical',\r\n right: 'right',\r\n data: chartData,\r\n },\r\n color: ['#f8db49',\r\n '#74b0f9',\r\n '#e88181',\r\n '#f3ba88',\r\n '#68c5c9',\r\n '#b1a4f9',\r\n '#eb75a8',\r\n '#9eb361',\r\n '#8f726f',\r\n '#8e98b2',],\r\n series : [\r\n {\r\n name: '累计资产',\r\n type: 'pie',\r\n radius : '55%',\r\n center: ['50%', '50%'],\r\n data: chartData,\r\n itemStyle: {\r\n emphasis: {\r\n shadowBlur: 10,\r\n shadowOffsetX: 0,\r\n shadowColor: 'rgba(0, 0, 0, 0.5)'\r\n }\r\n }\r\n }\r\n ]\r\n };\r\n\r\n myChart.setOption(option);\r\n }\r\n\r\n toggle = () => {\r\n this.setState({\r\n showNumber: !this.state.showNumber\r\n });\r\n };\r\n fitlerList = (i) => {\r\n this.setState({\r\n query: {\r\n ...this.state.query,\r\n PageIndex: 1,\r\n StockStatus: i\r\n },\r\n }, () => {\r\n\r\n this.getMyTradeList()\r\n });\r\n };\r\n\r\n toDetail = (item) => {\r\n this.props.history.push('/center/my-product/' + item.TradeId);\r\n };\r\n\r\n\r\n //点击页码回调\r\n SizeChange = (page, pageSize) => {\r\n let {query} = this.state;\r\n query.PageIndex = page;\r\n this.setState(query, () => {\r\n document.body.scrollTop = 100;\r\n document.documentElement.scrollTop = 100;\r\n this.getMyTradeList()\r\n })\r\n };\r\n\r\n async getMyTradeList() {\r\n let {query} = this.state;\r\n let product = await GetMyTradeList(query);\r\n query.TotalCount = product.TotalCount;\r\n this.setState({\r\n list: product.Data,\r\n query,\r\n })\r\n }\r\n\r\n render() {\r\n const {list, showNumber} = this.state;\r\n return (\r\n
\r\n
\r\n\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default MyProduct;\r\n","import React, {Component} from 'react';\r\nimport {DatePicker, Pagination} from 'antd';\r\nimport './index.less';\r\nimport {GetAssetReport, GetIspUserManageCenterForApp, GetStatementOfAccountList} from \"../../../js/http-serve\";\r\nimport {Statement} from \"../center.model\";\r\nimport locale from 'antd/lib/date-picker/locale/zh_CN';\r\nimport moment from \"moment\";\r\nimport {User} from \"../../../service/user\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\nimport * as accounting from \"accounting\";\r\n\r\nconst {RangePicker} = DatePicker;\r\n\r\nclass MyAssets extends Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n statement: new Statement(),\r\n showNumber: true,\r\n query: {\r\n PageSize: 5,\r\n PageIndex: 1,\r\n TotalCount: 0,\r\n Category: '',\r\n QueryDateStart: '',\r\n QueryDateEnd: ''\r\n },\r\n\r\n }\r\n this.Category = [\r\n {\r\n id: '',\r\n text: '全部'\r\n },\r\n {\r\n id: 1,\r\n text: '本金'\r\n },\r\n {\r\n id: 4,\r\n text: '退款'\r\n },\r\n {\r\n id: 5,\r\n text: '兑付'\r\n },\r\n {\r\n id: 6,\r\n text: '收益'\r\n },\r\n ]\r\n\r\n\r\n }\r\n\r\n toggle = () => {\r\n this.setState({\r\n showNumber: !this.state.showNumber\r\n });\r\n };\r\n\r\n\r\n fitlerList = (item) => {\r\n this.setState({\r\n query: {\r\n ...this.state.query,\r\n PageIndex: 1,\r\n Category: item\r\n }\r\n }, this.getStatementOfAccountList)\r\n };\r\n\r\n\r\n timeChange = (e, f) => {\r\n this.setState({\r\n query: {\r\n ...this.state.query,\r\n PageIndex: 1,\r\n QueryDateStart: f[0],\r\n QueryDateEnd: f[1],\r\n }\r\n }, this.getStatementOfAccountList)\r\n };\r\n\r\n\r\n toDetail = (item) => {\r\n this.props.history.push('/center/my-asset/' + item.Id + '?' + item.Category)\r\n\r\n };\r\n\r\n\r\n componentDidMount() {\r\n this.getStatementOfAccountList()\r\n }\r\n\r\n componentWillReceiveProps(nextProps, nextContext) {\r\n this.getStatementOfAccountList()\r\n }\r\n\r\n\r\n getStatementOfAccountList = async () => {\r\n let statement = await GetStatementOfAccountList(this.state.query)\r\n this.setState({\r\n statement,\r\n query: {\r\n ...this.state.query,\r\n TotalCount: statement.StatementOfAccountList.TotalCount\r\n }\r\n })\r\n }\r\n\r\n\r\n //点击页码回调\r\n SizeChange = (page, pageSize) => {\r\n let {query} = this.state\r\n query.PageIndex = page\r\n this.setState(query, () => {\r\n document.body.scrollTop = 100;\r\n document.documentElement.scrollTop = 100;\r\n this.getStatementOfAccountList()\r\n })\r\n }\r\n\r\n getCategory(val) {\r\n switch (val) {\r\n case 1:\r\n return '本金';\r\n case 2:\r\n return '本金';\r\n case 3:\r\n return '本金';\r\n case 4:\r\n return '退款';\r\n case 5:\r\n return '兑付';\r\n case 6:\r\n return '收益';\r\n case 7:\r\n return \"收益\";\r\n default:\r\n return ''\r\n }\r\n }\r\n\r\n render() {\r\n const {showNumber} = this.state;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n 累计投资金额
\r\n{showNumber ? this.props.center.TotalInvestMoney : '--'}万元
\r\n\r\n
\r\n 存量金额
\r\n{showNumber ? this.props.center.StockMoney : '--'}万元
\r\n\r\n {\r\n showNumber ? }/)
:\r\n }/)
\r\n }\r\n 点击可{showNumber ? '隐藏' : '显示'}数字\r\n
\r\n :\r\n \r\n }\r\n 点击可{showNumber ? '隐藏' : '显示'}数字\r\n \r\n
\r\n \r\n 昨日收益(元):\r\n {showNumber ? accounting.formatNumber(this.props.center.YesterdayIncome, 2) : '--'}\r\n
\r\n \r\n 累计收益(元):\r\n {showNumber ? accounting.formatNumber(this.props.center.TotalIncome, 2) : '--'}\r\n
\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.fitlerList('')\r\n }} className={this.state.query.StockStatus === '' ? 'active' : ''}>全部\r\n \r\n
- {\r\n this.fitlerList(1)\r\n }} className={this.state.query.StockStatus === 1 ? 'active' : ''}>待存续\r\n \r\n
- {\r\n this.fitlerList(2)\r\n }} className={this.state.query.StockStatus === 2 ? 'active' : ''}>存续中\r\n \r\n
- {\r\n this.fitlerList(3)\r\n }} className={this.state.query.StockStatus === 3 ? 'active' : ''}>已到期\r\n \r\n
- \r\n {\r\n list.length > 0 ? list.map((item, i) => {\r\n return (\r\n
- \r\n
{item.ProductName}{item.StockStatusDesc}
\r\n\r\n\r\n\r\n\r\n{item.OriginalStockMoney}万元
\r\n初始存量金额
\r\n\r\n\r\n{item.ValueDate ? moment(item.ValueDate).format('YYYY-MM-DD') : '--'}
\r\n成立日
\r\n\r\n\r\n{item.MaturityDate ? moment(item.MaturityDate).format('YYYY-MM-DD') : '--'}
\r\n到期日
\r\n\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.SizeChange(page, pageSize)}\r\n pageSize={this.state.query.PageSize}\r\n current={this.state.query.PageIndex}\r\n total={this.state.query.TotalCount}\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 MyAssets;\r\n","import React, {Component} from 'react';\r\nimport './index.less';\r\nimport {Modal} from 'antd';\r\nimport {GetRpqQuestionList, GetRpqResult, GetAssessmentResultInfo} from '../../../js/http-serve';\r\n\r\nclass MyRpq extends Component {\r\n state = {\r\n questions: [],\r\n rpqFinished: false,\r\n result: {},\r\n readyToSubmit: false\r\n };\r\n\r\n componentDidMount() {\r\n\r\n }\r\n\r\n componentWillReceiveProps(next) {\r\n //如果做过了直接获取结果 否则直接做题目\r\n if (next.center.AssessmentResultInfoId) {\r\n this.setState({\r\n rpqFinished: true\r\n });\r\n this.getAssessmentResultInfo(next);\r\n } else {\r\n this.getRpqQuestionList();\r\n }\r\n }\r\n\r\n //GetRpqQuestionList 获取题目\r\n getRpqQuestionList = async () => {\r\n\r\n let data = await GetRpqQuestionList({});\r\n this.setState({\r\n questions: data\r\n });\r\n\r\n };\r\n //GetAssessmentResultInfo 获取结果\r\n getAssessmentResultInfo = async (props) => {\r\n\r\n let data = await GetAssessmentResultInfo({AssessmentResultInfoId: props.center.AssessmentResultInfoId});\r\n data.CreateTime = data.CreateTime && data.CreateTime.split('T')[0]\r\n this.setState({\r\n result: data\r\n });\r\n\r\n };\r\n //做题\r\n select = (o, item) => {\r\n if (o.IsChoose) return;\r\n item.OptContentScores.forEach(element => {\r\n element.IsChoose = false;\r\n });\r\n o.IsChoose = true;\r\n this.forceUpdate();\r\n\r\n };\r\n //提交 GetRpqResult 保存题目\r\n submit = async () => {\r\n //校验题目是不是全部做完\r\n let ok = this.state.questions.every((item) => {\r\n return item.isDid = !item.OptContentScores.every((o) => {\r\n return !o.IsChoose\r\n })\r\n });\r\n if (ok) {\r\n let data = await GetRpqResult(this.state.questions);\r\n this.setState({\r\n result: data,\r\n rpqFinished: true,\r\n readyToSubmit: false\r\n });\r\n\r\n } else {\r\n Modal.error({\r\n title: '提示',\r\n content: '您有题目没有做完，请做完再提交!'\r\n });\r\n this.setState({\r\n readyToSubmit: true\r\n })\r\n }\r\n\r\n };\r\n\r\n //\r\n reEvaluate = () => {\r\n this.getRpqQuestionList();\r\n this.setState({\r\n rpqFinished: false\r\n });\r\n\r\n };\r\n\r\n\r\n render() {\r\n\r\n let {questions, rpqFinished, result, readyToSubmit} = this.state;\r\n questions.forEach((item) => {\r\n item.isDid = !item.OptContentScores.every((o) => {\r\n return !o.IsChoose\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{showNumber ? accounting.formatNumber(this.state.statement.TotalExpense, 2) : '--'}元
\r\n\r\n
\r\n 总收入
\r\n{showNumber ? accounting.formatNumber(this.state.statement.TotalIncome, 2) : '--'}元
\r\n\r\n {\r\n showNumber ? :\r\n \r\n }\r\n 点击可{showNumber ? '隐藏' : '显示'}数字\r\n
\r\n :\r\n \r\n }\r\n 点击可{showNumber ? '隐藏' : '显示'}数字\r\n \r\n
\r\n - \r\n {\r\n this.Category.map((item, i) => {\r\n return (\r\n
\r\n 日期\r\n \r\n
\r\n - \r\n {\r\n this.state.statement.StatementOfAccountList.Data.length ? this.state.statement.StatementOfAccountList.Data.map((item, i) => {\r\n return (\r\n
- \r\n
{item.ProductName}{this.getCategory(item.Category)}
\r\n\r\n\r\n\r\n\r\n{item.Money}{(item.Category === 6 || item.Category === 7) ? '元' : '万元'}
\r\n金额
\r\n\r\n\r\n{moment(item.Date).format('YYYY-MM-DD')}
\r\n交易日期
\r\n\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.SizeChange(page, pageSize)}\r\n pageSize={this.state.query.PageSize}\r\n current={this.state.query.PageIndex}\r\n total={this.state.query.TotalCount}\r\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 MyRpq;\r\n","import React, {Component} from 'react';\r\nimport {Upload, message} from 'antd';\r\nimport './index.less';\r\nimport config from '../../js/config';\r\nimport {api} from '../../js/http-serve/ajax'\r\n\r\n\r\nconst props = {\r\n showUploadList: false,\r\n name: 'file',\r\n action: config.apiUrl + '/api/File/UploadFiles',\r\n};\r\n\r\nexport class UploadFile extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n imageUrls: this.props.imgUrls || [],\r\n };\r\n\r\n }\r\n\r\n componentWillReceiveProps(next) {\r\n this.setState({\r\n imageUrls: next.imgUrls\r\n });\r\n\r\n }\r\n\r\n delete = (index) => {\r\n this.props.onChange('delete', index);\r\n }\r\n\r\n componentDidMount() {\r\n props.headers = {\r\n authorization: 'Bearer ' + api.getToken()\r\n }\r\n }\r\n\r\n render() {\r\n\r\n const {imageUrls} = this.state;\r\n return (\r\n 风险测评
\r\n {\r\n rpqFinished ? (\r\n
) :\r\n (测评结果：{result.LevelName}
\r\n {/*测评时间：{result.CreateTime}
*/}\r\n投资建议：{result.RiskExplanation}
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n })\r\n }\r\n \r\n 请结合自身情况选择
\r\n- \r\n {\r\n questions.map((item, index) => {\r\n return (\r\n
- \r\n
\r\n {index + 1}: {item.QueContent}\r\n {\r\n readyToSubmit ?\r\n item.isDid ? 已做 : X未做\r\n :\r\n item.isDid ? 已做 : null\r\n }\r\n\r\n
\r\n\r\n {\r\n item.OptContentScores.map((o, i) => {\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","import React, {Component} from 'react';\r\nimport './index.less';\r\nimport {UploadFile} from '../../../components/upload-file';\r\nimport {Upload, Icon, message} from 'antd';\r\nimport {SaveNewInvestorCertification, GetInvestorCertification} from '../../../js/http-serve';\r\nimport moment from 'moment';\r\n\r\nclass MyKyc extends Component {\r\n state = {\r\n type: 1,\r\n isEditing: false,\r\n file1: [],\r\n file2: [],\r\n file3: [],\r\n hasIc: false,\r\n }\r\n\r\n componentWillMount() {\r\n if (this.props.center.IcId) {\r\n this.setState({\r\n hasIc: true\r\n })\r\n }\r\n }\r\n\r\n getInvestorCertification = async () => {\r\n if (this.props.center.IcId) {//如果做了kyc 查询出来\r\n let res = await GetInvestorCertification({\r\n Id: this.props.center.IcId,\r\n IsIsp: this.props.center.IcStatus === 5\r\n });\r\n if (res.CertificationType == 1) {\r\n this.setState({\r\n type: 1,\r\n file1: res.AssetProof,\r\n file2: res.Attachment\r\n });\r\n } else {\r\n this.setState({\r\n type: 2,\r\n file1: res.AssetProof,\r\n file2: res.Attachment,\r\n file3: res.ExperienceProof\r\n });\r\n }\r\n\r\n\r\n }\r\n }\r\n\r\n async componentWillReceiveProps(nextProps, nextContext) {\r\n if (nextProps.center.IcId) {\r\n this.setState({\r\n hasIc: true\r\n }, () => {\r\n this.getInvestorCertification()\r\n })\r\n }\r\n }\r\n\r\n\r\n async componentDidMount() {\r\n this.getInvestorCertification()\r\n }\r\n\r\n\r\n changeType = (i) => {\r\n if (this.state.isEditing) {\r\n return message.warning('请先保存当前操作');\r\n }\r\n this.setState({\r\n type: i\r\n\r\n });\r\n };\r\n edit = () => {\r\n this.setState({\r\n isEditing: true\r\n });\r\n };\r\n save = async () => {\r\n this.setState({\r\n isEditing: false\r\n });\r\n let data;\r\n if (this.state.type == 1) {\r\n data = {\r\n AssetProof: this.state.file1,\r\n Attachment: this.state.file2,\r\n CertificationType: 1,\r\n ExperienceProof: []\r\n\r\n };\r\n } else {\r\n data = {\r\n AssetProof: this.state.file1,\r\n Attachment: this.state.file2,\r\n CertificationType: 2,\r\n ExperienceProof: this.state.file3\r\n };\r\n }\r\n\r\n let res = await SaveNewInvestorCertification(data);\r\n await this.props.getCenter(async () => {\r\n await this.getInvestorCertification()\r\n })\r\n };\r\n cancel = () => {\r\n this.setState({\r\n isEditing: false\r\n });\r\n this.getInvestorCertification()\r\n };\r\n //上传成功后的file,变化的index\r\n uploadChange1 = (type, info) => {\r\n let t = this.state.file1.concat();\r\n if (type == 'add') {\r\n t.push({\r\n Url: info.file.response.Data[0].FilePath,\r\n Name: info.file.response.Data[0].FileName,\r\n UploadTime: moment().format('YYYY-MM-DD')\r\n });\r\n\r\n }\r\n if (type == 'delete') {\r\n t.splice(info);\r\n }\r\n this.setState({\r\n file1: t\r\n });\r\n };\r\n uploadChange2 = (type, info) => {\r\n let t = this.state.file2.concat();\r\n if (type == 'add') {\r\n t.push({\r\n Url: info.file.response.Data[0].FilePath,\r\n Name: info.file.response.Data[0].FileName,\r\n UploadTime: moment().format('YYYY-MM-DD')\r\n });\r\n\r\n }\r\n if (type == 'delete') {\r\n t.splice(info);\r\n }\r\n this.setState({\r\n file2: t\r\n });\r\n };\r\n uploadChange3 = (type, info) => {\r\n let t = this.state.file3.concat();\r\n if (type == 'add') {\r\n t.push({\r\n Url: info.file.response.Data[0].FilePath,\r\n Name: info.file.response.Data[0].FileName,\r\n UploadTime: moment().format('YYYY-MM-DD')\r\n });\r\n\r\n }\r\n if (type == 'delete') {\r\n t.splice(info);\r\n }\r\n this.setState({\r\n file3: t\r\n });\r\n };\r\n\r\n render() {\r\n const {type, isEditing, file1, file2, file3} = this.state;\r\n return (\r\n {this.props.title}
\r\n{this.props.desc}
\r\n- \r\n {\r\n imageUrls.length > 0 && imageUrls.map((item, i) => {\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 (imageUrls.length == 0 || this.props.canedit) &&\r\n - \r\n
{\r\n if (info.file.status === 'done') {\r\n\r\n if (info.file.type.indexOf('image') === -1) {\r\n message.warning('请上传图片')\r\n } else {\r\n this.props.onChange('add', info)\r\n }\r\n\r\n } else if (info.file.status === 'error') {\r\n\r\n }\r\n }\r\n }>\r\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 MyKyc;\r\n","import React, {Component} from 'react';\r\nimport './index.less'\r\nimport area from '../../../utils/area'\r\nimport {Input, DatePicker, Select, Cascader, Radio, Upload, Icon, message, Form, Button} from \"antd\";\r\nimport {Certification, UpdateUserInfo} from '../../../js/http-serve/index'\r\nimport moment from \"moment\";\r\nimport {ApplyEmployee} from \"../../../js/http-serve\";\r\n\r\nconst {RangePicker} = DatePicker;\r\nconst {Option} = Select;\r\n\r\n\r\nclass MyInfo extends Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n forms: {\r\n Thumbail: '',\r\n Name: ''\r\n },\r\n loading: false,\r\n isEdit: false,\r\n }\r\n this.CredentalType = [\r\n {title: '居民身份证', value: 1},\r\n {title: '护照', value: 2},\r\n {title: '台湾居民来往大陆通行证', value: 4},\r\n {title: '港澳居民来往大陆通行证', value: 5},\r\n {title: '其他', value: 6},\r\n {title: '营业执照', value: 7}\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 if (this.props.center.IsCertification === true) {\r\n this.changeInfo(values)\r\n } else {\r\n this.submit(values)\r\n }\r\n }\r\n });\r\n }\r\n\r\n\r\n //修改用户信息\r\n changeInfo = async (value) => {\r\n try {\r\n console.log(value)\r\n let detail = await UpdateUserInfo(value)\r\n this.setState({\r\n isEdit: false\r\n })\r\n\r\n this.props.getInfo()\r\n } catch (e) {\r\n }\r\n }\r\n\r\n //提交表单\r\n submit = async (values) => {\r\n try {\r\n const regCredentialType = /^[1-9]\\d{5}[1-9]\\d{3}((0\\d)|(1[0-2]))(([0|1|2]\\d)|3[0-1])\\d{3}([0-9]|X)$/;\r\n let form1 = {\r\n RealName: values.RealName,\r\n CredentialType: values.CredentialType,\r\n CredentialNumber: values.CredentialNumber,\r\n CredentialExpiryDateStartTime: '',\r\n CredentialExpiryDateEndTime: '',\r\n ApplyEmoloyeeCode: values.ApplyEmoloyeeCode,\r\n };\r\n if (form1.CredentialType === 1 && !regCredentialType.test(form1.CredentialNumber)) {\r\n message.warning('您的身份证信息不合法，请检查后重新输入')\r\n return\r\n }\r\n if (form1.CredentialType === 1) {\r\n form1.CredentialNumber = form1.CredentialNumber.toUpperCase()\r\n }\r\n if (values.CredentialExpiryDate && values.CredentialExpiryDate.length > 0) {\r\n form1.CredentialExpiryDateStartTime = moment(values.CredentialExpiryDate[0]).format('YYYY-MM-DD')\r\n form1.CredentialExpiryDateEndTime = moment(values.CredentialExpiryDate[1]).format('YYYY-MM-DD')\r\n }\r\n let cer = await Certification(form1)\r\n if (cer === 1) {\r\n let apply = await ApplyEmployee(form1)\r\n this.props.history.replace('/center')\r\n } else {\r\n this.props.history.replace('/center')\r\n }\r\n // let form2 = {\r\n // Gender: 1\r\n // }\r\n // form2.Gender = values.Gender ? values.Gender : 1\r\n // await UpdateGender(form2)\r\n message.success('认证成功')\r\n } catch (e) {\r\n\r\n }\r\n }\r\n\r\n\r\n componentDidMount() {\r\n }\r\n\r\n getCredentialType(type) {\r\n switch (type) {\r\n case 1:\r\n return '居民身份证';\r\n case 2:\r\n return '护照';\r\n case 4:\r\n return '台湾居民来往大陆通行证';\r\n case 5:\r\n return '港澳居民来往大陆通行证';\r\n case 6:\r\n return '其他';\r\n case 7:\r\n return '营业执照';\r\n default:\r\n return ''\r\n }\r\n }\r\n\r\n render() {\r\n let {forms} = this.state\r\n let {info} = this.props\r\n const {getFieldDecorator} = this.props.form;\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 isEditing && \r\n }\r\n {\r\n isEditing && \r\n }\r\n {\r\n !isEditing && \r\n }\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Form.create({name: 'register'})(MyInfo);\r\n","import React, {Component} from 'react';\r\nimport './index.less'\r\nimport {Input, Form, Button, message} from \"antd\";\r\nimport {SendIdentifyCode, ResetPassword, LoginUser} from \"../../../js/http-serve\";\r\nimport {User} from \"../../../service/user\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\n\r\n\r\n\r\nclass SafePassword extends Component {\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isSend: false,\r\n isSending: false,\r\n time: 0,\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 this.submit(values)\r\n }\r\n });\r\n }\r\n\r\n submit = async (values) => {\r\n try {\r\n if (!(/^1[23456789]\\d{9}$/.test(values.Mobile))) {\r\n message.error('请输入正确的手机号！');\r\n return\r\n }\r\n if (!values.NewPassword) {\r\n message.error('请输入新密码！');\r\n return\r\n }\r\n if (!values.NewPasswordSec) {\r\n message.error('请输入新密码！');\r\n return\r\n }\r\n if (values.NewPasswordSec !== values.NewPassword) {\r\n message.error('两次密码不一致！');\r\n return\r\n }\r\n if (!values.IdentifyingCode) {\r\n message.error('请输入验证码！');\r\n return\r\n }\r\n let data = {\r\n Mobile: values.Mobile,\r\n NewPassword: values.NewPassword,\r\n IdentifyingCode: values.IdentifyingCode,\r\n }\r\n let user = await ResetPassword(data)\r\n if(user) {\r\n User.setUser(user)\r\n api.setToken(user.Token)\r\n message.success('修改成功！');\r\n }\r\n this.props.history.replace('/center')\r\n } catch (e) {\r\n //message.error('服务正忙！');\r\n }\r\n }\r\n\r\n //获取验证码\r\n SendIdentifyCode = async () => {\r\n let {form} = this.props\r\n if (!form.getFieldValue('Mobile')) {\r\n message.info('请先填写手机号！')\r\n return\r\n }\r\n let data = {\r\n Mobile: form.getFieldValue('Mobile')\r\n }\r\n await SendIdentifyCode(data)\r\n message.success('验证码发送中！')\r\n this.setState({\r\n isSend: true,\r\n isSending: false,\r\n time: 60\r\n })\r\n this.coolDown()\r\n }\r\n //验证码倒计时\r\n coolDown = () => {\r\n this.timer = setTimeout(() => {\r\n if (this.state.time <= 0) {\r\n clearTimeout(this.timer);\r\n this.setState({\r\n isSend: false\r\n });\r\n return;\r\n }\r\n this.setState({\r\n time: --this.state.time\r\n });\r\n this.coolDown();\r\n }, 1000)\r\n };\r\n\r\n\r\n componentDidMount() {\r\n }\r\n\r\n render() {\r\n let {isSend, isSending,time} = this.state\r\n const {getFieldDecorator} = this.props.form;\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Form.create({name: 'register'})(SafePassword);","import React, {Component} from 'react';\r\nimport './index.less';\r\nimport {GetMyTradeDetail} from \"../../../js/http-serve\";\r\nimport {User} from \"../../../service/user\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\nimport {ProductDetailModel} from \"../center.model\";\r\nimport moment from \"moment\";\r\nimport * as accounting from \"accounting\";\r\nimport {getFrequency, getIsFloat, period} from \"../../../utils\";\r\n\r\nclass ProductDetail extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n detail: new ProductDetailModel()\r\n };\r\n this.TradeId = props.match.params.id\r\n }\r\n\r\n componentDidMount() {\r\n this.getMyTradeDetail()\r\n }\r\n\r\n\r\n getMyTradeDetail = async () => {\r\n let detail = await GetMyTradeDetail({TradeId: this.TradeId})\r\n this.setState({\r\n detail\r\n })\r\n }\r\n\r\n render() {\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\nexport default ProductDetail;\r\n","import React, {Component} from 'react';\r\nimport './asset-Detail.less';\r\nimport {\r\n GetAdditionalDetail, GetAssignmentDetail,\r\n GetIncomeDetail,\r\n GetMyTradeDetail,\r\n GetPayDetail, GetTradeMaterial,\r\n GetTradeRedeemDetail\r\n} from \"../../../js/http-serve\";\r\nimport {User} from \"../../../service/user\";\r\nimport {api} from \"../../../js/http-serve/ajax\";\r\nimport moment from \"moment\";\r\nimport * as accounting from \"accounting\";\r\nimport {getFrequency, getIsFloat, period} from \"../../../utils\";\r\nimport config from '../../../js/config'\r\n\r\nclass AssetDetail extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n detail: {},\r\n material: []\r\n };\r\n this.Id = props.match.params.id\r\n this.Category = props.location.search.split('?')[1]\r\n }\r\n\r\n componentDidMount() {\r\n let cate = parseInt(this.Category)\r\n if (cate === 1) {\r\n this.getPayDetail()\r\n } else if (cate === 2) {\r\n this.getAdditionalDetail()\r\n } else if (cate === 3) {\r\n this.getPayDetail()\r\n } else if (cate === 4) {\r\n this.getRefundDetail()\r\n } else if (cate === 5) {\r\n this.getTradeRedeemDetail()\r\n } else if (cate === 6 || cate === 7) {\r\n this.getIncomeDetail()\r\n } else if (cate === 8 || cate === 9) {\r\n this.getAssignmentDetail()\r\n }\r\n }\r\n\r\n getPayDetail = async () => {\r\n let detail = await GetPayDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n console.log(detail)\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n\r\n getAdditionalDetail = async () => {\r\n let detail = await GetAdditionalDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n getTradeRedeemDetail = async () => {\r\n let detail = await GetTradeRedeemDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n getRefundDetail = async () => {\r\n let detail = await GetAdditionalDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n\r\n getIncomeDetail = async () => {\r\n let detail = await GetIncomeDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n\r\n getAssignmentDetail = async () => {\r\n let detail = await GetAssignmentDetail({\r\n Id: this.Id,\r\n Category: this.Category\r\n })\r\n this.setState({\r\n detail\r\n })\r\n this.getTradeMaterial(detail.TradeId)\r\n }\r\n\r\n getTradeMaterial = async (tradId) => {\r\n let material = await GetTradeMaterial({TradeId: tradId})\r\n this.setState({\r\n material\r\n })\r\n }\r\n\r\n renderInfoBlock() {\r\n let {detail} = this.state\r\n let TitleList = []\r\n let ValueList = []\r\n switch (parseInt(this.Category)) {\r\n case 1:\r\n //报单\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money,2)}万元`;\r\n TitleList[1] = '到账日期';\r\n ValueList[1] = moment(detail.ArrivalDate).format('YYYY-MM-DD');\r\n TitleList[2] = '付款方式';\r\n ValueList[2] = detail.PayMethodDesc;\r\n break;\r\n case 2://追加\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money,2)}万元`;\r\n TitleList[1] = '到账日期';\r\n ValueList[1] = moment(detail.ArrivalDate).format('YYYY-MM-DD');\r\n TitleList[2] = '存量金额';\r\n ValueList[2] = `${accounting.formatNumber(detail.BeforeMoney,2)}万元`;\r\n TitleList[3] = '最近交易日期';\r\n ValueList[3] = moment(detail.RecentTransDate).format('YYYY-MM-DD');\r\n break;\r\n case 3:\r\n //申购\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money,2)}万元`;\r\n TitleList[1] = '到账日期';\r\n ValueList[1] = moment(detail.ArrivalDate).format('YYYY-MM-DD');\r\n TitleList[2] = '付款方式';\r\n ValueList[2] = detail.PayMethodDesc;\r\n break;\r\n case 4://退款\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money,2)}万元`;\r\n TitleList[1] = '提交时间';\r\n ValueList[1] = moment(detail.RefundDate).format('YYYY-MM-DD');\r\n TitleList[2] = '存量金额';\r\n ValueList[2] = `${accounting.formatNumber(detail.BeforeMoney,2)}万元`;\r\n TitleList[3] = '最近交易日期';\r\n ValueList[3] = moment(detail.RecentTransDate).format('YYYY-MM-DD');\r\n break;\r\n\r\n case 5://赎回\r\n if (!detail.IsTransShare) {\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money,2)}万元`;\r\n TitleList[1] = '赎回时间';\r\n ValueList[1] = moment(detail.RedeemDate).format('YYYY-MM-DD');\r\n TitleList[2] = '存量金额';\r\n ValueList[2] = detail.StockMoney ?accounting.formatNumber(detail.StockMoney, 2): '0.00'+'万元';\r\n TitleList[3] = '成立日期';\r\n ValueList[3] = moment(detail.ValueDate).format('YYYY-MM-DD')\r\n } else {\r\n TitleList[0] = '赎回时间';\r\n ValueList[0] = moment(detail.RedeemDate).format('YYYY-MM-DD');\r\n TitleList[1] = '赎回份额';\r\n ValueList[1] = `${accounting.formatNumber(detail.Money, 4)}份`;\r\n TitleList[2] = '存量金额';\r\n ValueList[2] = `${accounting.formatNumber(detail.StockMoney,2)}万元`;\r\n TitleList[3] = '存量份额';\r\n ValueList[3] = `${accounting.formatMoney(detail.BeforeMoney, '', 4)}份`;\r\n TitleList[4] = '成立日期';\r\n ValueList[4] = moment(detail.ValueDate).format('YYYY-MM-DD')\r\n }\r\n break;\r\n case 6://收益 利息\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money, 2)}元`;\r\n TitleList[1] = '兑付时间';\r\n ValueList[1] = moment(detail.Date).format('YYYY-MM-DD');\r\n TitleList[2] = '计息周期（不含到期日）';\r\n ValueList[2] = `${moment(detail.StartDate).format('YYYY-MM-DD')}到${moment(detail.EndDate).format('YYYY-MM-DD')}`;\r\n TitleList[3] = '计息时长';\r\n ValueList[3] = detail.TimeLength ? detail.TimeLength + '天' : '';\r\n TitleList[4] = '收益率';\r\n ValueList[4] = (accounting.formatNumber(detail.ProfitRate, 2) + '%') || '';\r\n TitleList[5] = '存量金额';\r\n ValueList[5] = accounting.formatNumber(detail.StockMoney, 2) + '万元';\r\n break;\r\n case 7://收益 贴息\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.Money, 2)}元`;\r\n TitleList[1] = '兑付时间';\r\n ValueList[1] = moment(detail.Date).format('YYYY-MM-DD');\r\n TitleList[2] = '计息周期（不含到期日）';\r\n ValueList[2] = `${moment(detail.StartDate).format('YYYY-MM-DD')}到${moment(detail.EndDate).format('YYYY-MM-DD')}`;\r\n TitleList[3] = '计息时长';\r\n ValueList[3] = detail.TimeLength ? detail.TimeLength + '天' : '';\r\n TitleList[4] = '收益率';\r\n ValueList[4] = (accounting.formatNumber(detail.ProfitRate, 2) + '%') || '';\r\n TitleList[5] = '存量金额';\r\n ValueList[5] = accounting.formatNumber(detail.StockMoney, 2) + '万元';\r\n break;\r\n case 8://转让\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.StockAsset,2)}万元`;\r\n TitleList[1] = '受让人';\r\n ValueList[1] = detail.CustomerName;\r\n TitleList[2] = '生效日期';\r\n ValueList[2] = moment(detail.EffectiveDate).format('YYYY-MM-DD');\r\n TitleList[3] = '初始存量金额';\r\n ValueList[3] = `${accounting.formatNumber(detail.StockAsset,2)}万元`;\r\n TitleList[4] = '现存量金额';\r\n ValueList[4] = detail.OriginalStockAsset ?accounting.formatNumber(detail.OriginalStockAsset, 2): '0.00'+'万元';\r\n TitleList[5] = '产品成立日期';\r\n ValueList[5] = moment(detail.ValueDate).format('YYYY-MM-DD');\r\n TitleList[6] = '产品到期日期（不含当天）';\r\n ValueList[6] = moment(detail.MaturityDate).format('YYYY-MM-DD');\r\n break;\r\n case 9://受让\r\n TitleList[0] = '交易金额';\r\n ValueList[0] = `${accounting.formatNumber(detail.StockAsset,2)}万元`;\r\n TitleList[1] = '转让人';\r\n ValueList[1] = detail.CustomerName;\r\n TitleList[2] = '生效日期';\r\n ValueList[2] = moment(detail.EffectiveDate).format('YYYY-MM-DD');\r\n TitleList[3] = '初始存量金额';\r\n ValueList[3] = `${accounting.formatNumber(detail.OriginalStockAsset,2)}万元`;\r\n TitleList[4] = '现存量金额';\r\n ValueList[4] = `${accounting.formatNumber(detail.StockAsset,2)}万元`;\r\n TitleList[5] = '产品成立日期';\r\n ValueList[5] = moment(detail.ValueDate).format('YYYY-MM-DD');\r\n TitleList[6] = '产品到期日期（不含当天）';\r\n ValueList[6] = moment(detail.MaturityDate).format('YYYY-MM-DD');\r\n break;\r\n default :\r\n break\r\n }\r\n TitleList = TitleList.concat(['户名', '银行卡号', '开户行']);\r\n ValueList = ValueList.concat([detail.BankAttribution, detail.BankAccount, detail.BankOfDeposit]);\r\n return (\r\n TitleList.map((item,index) => {\r\n return (\r\n {this.state.detail.ProductName}
\r\n- \r\n
- \r\n 成立日\r\n {this.state.detail.ValueDate ? moment(this.state.detail.ValueDate).format('YYYY-MM-DD') : '--'}\r\n \r\n
- \r\n 到期日(不含当日)\r\n {this.state.detail.ValueDate ? moment(this.state.detail.MaturityDate).format('YYYY-MM-DD') : '--'}\r\n \r\n
- \r\n 初始存量金额\r\n
- \r\n 存量金额\r\n {accounting.formatNumber(this.state.detail.StockMoney, 2)}万元\r\n \r\n
- \r\n 户名\r\n {this.state.detail.BankAttribution}\r\n \r\n
- \r\n 银行卡号\r\n {this.state.detail.BankAccount}\r\n \r\n
- \r\n 开户行\r\n {this.state.detail.BankOfDeposit}\r\n \r\n
- \r\n 合同编号\r\n {this.state.detail.ContractCode || '--'}\r\n \r\n
\r\n {this.state.detail.IncomeModel.TypeId}类\r\n {this.state.detail.IncomeModel.StartAmount}万元以上\r\n
\r\n | 阶段 | \r\n认购期限 | \r\n付息频次 | \r\n是否浮动 | \r\n收益率 | \r\n
|---|---|---|---|---|
| {item.PhasesId} | \r\n{period(item.Period, item.PeriodUnit)} | \r\n{getFrequency(item.Frequency)} | \r\n{getIsFloat(item.IsFloat)} | \r\n{item.StartIncome} | \r\n
\r\n {\r\n attachFileArray.map((item,index) => {\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 componentWillMount() {\r\n }\r\n\r\n\r\n render() {\r\n\r\n return (\r\n \r\n {\r\n window.open(config.apiUrl + el.Url)\r\n }}>{el.Name}
\r\n )\r\n })\r\n }\r\n \r\n {item.type === 1 && '凭证'}\r\n {item.type === 2 && '材料'}\r\n {item.type === 3 && '警示文档'}\r\n {item.type === 4 && '成单文件'}\r\n
\r\n {\r\n item.files.map((el,i) => {\r\n return (\r\n\r\n <>\r\n \r\n \r\n
\r\n \r\n }\r\n {this.state.detail.EvidenceScannerList\r\n && this.state.detail.EvidenceScannerList.length > 0\r\n &&
\r\n\r\n );\r\n }\r\n}\r\n\r\n\r\nexport default AssetDetail;\r\n","import React, {Component} from 'react';\r\nimport './center.less';\r\nimport {Route} from \"react-router-dom\";\r\n\r\nimport MyProduct from './my-product';\r\nimport MyAssets from './my-asset';\r\nimport MyRpq from './my-rpq';\r\nimport MyKyc from './my-kyc';\r\nimport MyInfo from './my-info';\r\nimport SafePassword from './safe-password';\r\nimport ProductDetail from './product-detail';\r\nimport AssetDetail from './asset-Detail/asset-Detail'\r\n\r\nimport {User} from \"../../service/user\";\r\nimport {GetIspUserInfoForApp, GetIspUserManageCenterForApp} from \"../../js/http-serve\";\r\nimport {api} from \"../../js/http-serve/ajax\";\r\nimport {CenterModel} from \"./center.model\";\r\nimport {Avatar, Calendar, Tooltip} from \"antd\";\r\n\r\nclass Center extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n navActive: 1,\r\n info: {},\r\n center: new CenterModel(),\r\n isShowCalendar: false,\r\n };\r\n }\r\n\r\n navigate = (index) => {\r\n this.getCenter()\r\n this.setState({\r\n navActive: index\r\n }, () => {\r\n if (index == 1) {\r\n this.props.history.push('/center/my-product')\r\n }\r\n if (index == 2) {\r\n this.props.history.push('/center/my-asset')\r\n }\r\n if (index == 3) {\r\n this.getInfo()\r\n this.props.history.push('/center/my-info')\r\n }\r\n if (index == 4) {\r\n this.props.history.push('/center/my-rpq')\r\n }\r\n if (index == 5) {\r\n this.props.history.push('/center/my-kyc')\r\n }\r\n if (index == 6) {\r\n this.props.history.push('/center/safe-password')\r\n }\r\n });\r\n\r\n };\r\n\r\n async componentDidMount() {\r\n this.listener = this.urlFit();\r\n api.setToken(User.getUser().Token);\r\n try {\r\n let info = await GetIspUserInfoForApp();\r\n let center = await GetIspUserManageCenterForApp();\r\n this.setState({\r\n info,\r\n center\r\n })\r\n } catch (e) {\r\n }\r\n }\r\n\r\n getInfo = async () => {\r\n let info = await GetIspUserInfoForApp();\r\n this.setState({\r\n info\r\n })\r\n }\r\n\r\n\r\n getCenter = async (cb) => {\r\n let center = await GetIspUserManageCenterForApp();\r\n this.setState({\r\n center\r\n })\r\n cb && await cb()\r\n }\r\n\r\n\r\n componentWillMount() {\r\n let i = 0;\r\n if (this.props.history.location.pathname.indexOf('/center/my-product') > -1) {\r\n i = 1;\r\n } else if (this.props.history.location.pathname.indexOf('/center/my-asset') > -1) {\r\n i = 2;\r\n } else if (this.props.history.location.pathname.indexOf('/center/my-info') > -1) {\r\n i = 3;\r\n } else if (this.props.history.location.pathname.indexOf('/center/my-rpq') > -1) {\r\n i = 4;\r\n } else if (this.props.history.location.pathname.indexOf('/center/my-kyc') > -1) {\r\n i = 5;\r\n } else if (this.props.history.location.pathname.indexOf('/center/safe-password') > -1) {\r\n i = 6;\r\n }\r\n this.setState({\r\n navActive: i\r\n });\r\n }\r\n\r\n componentWillUnmount() {\r\n this.listener();\r\n }\r\n\r\n urlFit = () => {\r\n let i = 1;\r\n return this.props.history.listen((location, action) => {\r\n if (location.pathname.indexOf('/center/my-product') > -1) {\r\n i = 1;\r\n } else if (location.pathname.indexOf('/center/my-asset') > -1) {\r\n i = 2;\r\n } else if (location.pathname.indexOf('/center/my-info') > -1) {\r\n i = 3;\r\n } else if (location.pathname.indexOf('/center/my-rpq') > -1) {\r\n i = 4;\r\n } else if (location.pathname.indexOf('/center/my-kyc') > -1) {\r\n i = 5;\r\n } else if (location.pathname.indexOf('/center/safe-password') > -1) {\r\n i = 6;\r\n }\r\n this.setState({\r\n navActive: i\r\n });\r\n });\r\n\r\n };\r\n\r\n showCalendar() {\r\n this.setState({\r\n isShowCalendar: !this.state.isShowCalendar\r\n })\r\n }\r\n\r\n render() {\r\n const {navActive, center} = this.state;\r\n return (\r\n {this.state.detail.ProductName}
\r\n- \r\n {\r\n this.renderInfoBlock()\r\n }\r\n
\r\n {this.state.detail.IncomeModel.TypeId}类\r\n {this.state.detail.IncomeModel.StartAmount}万元以上\r\n
\r\n | 阶段 | \r\n认购期限 | \r\n付息频次 | \r\n是否浮动 | \r\n收益率 | \r\n
|---|---|---|---|---|
| {item.PhasesId} | \r\n{period(item.Period, item.PeriodUnit)} | \r\n{getFrequency(item.Frequency)} | \r\n{getIsFloat(item.IsFloat)} | \r\n{item.StartIncome} | \r\n
\r\n {this.renderAttachedFile()}\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 Center;\r\n","import React, {Component} from 'react';\r\nimport './statement.less'\r\nimport {Form, Icon, Input, Button, Checkbox, message} from 'antd';\r\nimport {LoginUser, RegisterUser, SendIdentifyCode, LoginMessage} from \"../../js/http-serve\";\r\nimport {User} from \"../../service/user\";\r\nimport {api} from \"../../js/http-serve/ajax\";\r\nimport {withRouter} from 'react-router-dom';\r\n\r\n\r\nclass Statement extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n\r\n }\r\n\r\n agree() {\r\n this.props.agree(true)\r\n }\r\n\r\n\r\n render() {\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 {center.UserName}\r\n
\r\n \r\n }\r\n >\r\n \r\n \r\n \r\n {!this.state.center.EmployeeId && \"您暂无客户经理\"}\r\n {this.state.center.EmployeeId &&\r\n 您的客户经理: {this.state.center.EmployeeName}
联系方式: {this.state.center.EmployeeMobile}}\r\n \r\n }\r\n >\r\n}/)
\r\n \r\n \r\n }/)
\r\n \r\n\r\n
\r\n 联系方式: {this.state.center.EmployeeMobile}}\r\n \r\n }\r\n >\r\n
\r\n \r\n \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 return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n {\r\n return \r\n }}/>\r\n
\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Statement\r\n","import React, { Component } from 'react';\r\nimport './login.less';\r\nimport { Form, Icon, Input, Button, Checkbox, message } from 'antd';\r\nimport { LoginUser, RegisterUser, SendIdentifyCode, LoginMessage } from \"../../js/http-serve\";\r\nimport { User } from \"../../service/user\";\r\nimport { api } from \"../../js/http-serve/ajax\";\r\nimport { withRouter } from 'react-router-dom';\r\nimport Statement from \"../statement/statement\";\r\n\r\n\r\nclass Login extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n loginStatus: 0, //0手机号登录 1短信登录 2注册\r\n isSend: false,\r\n isSending: false,\r\n time: 0,\r\n isShowStatement: false,\r\n form: {\r\n Mobile: '',\r\n IdentifyingCode: '',\r\n Password: '',\r\n PasswordIden: '',\r\n agreement: false,\r\n }\r\n };\r\n this.isLogin = false;\r\n this.timer = null\r\n }\r\n\r\n componentWillUnmount() {\r\n this.isLogin = false;\r\n clearTimeout(this.timer);\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 this.loginUser(values)\r\n }\r\n });\r\n };\r\n //登录\r\n loginUser = async (val) => {\r\n let user = null;\r\n try {\r\n if (this.isLogin) return;\r\n this.isLogin = true;\r\n if (this.state.loginStatus === 1) {\r\n user = await LoginMessage(val)\r\n } else if (this.state.loginStatus === 0) {\r\n user = await LoginUser(val)\r\n }\r\n if (user) {\r\n if (user.UserStatus === 2) {\r\n User.setUser(user);\r\n api.setToken(user.Token);\r\n this.isLogin = false;\r\n this.props.history.replace(\"/\")\r\n }\r\n }\r\n this.isLogin = false\r\n } catch (e) {\r\n this.isLogin = false\r\n }\r\n };\r\n\r\n //注册\r\n toRegister = (e) => {\r\n e.preventDefault();\r\n this.props.form.validateFields((err, values) => {\r\n if (!err) {\r\n if (!(/^1[23456789]\\d{9}$/.test(values.Mobile))) {\r\n message.error('请输入正确的手机号！');\r\n return\r\n }\r\n if (!values.agreement) {\r\n message.error('请同意使用协议！');\r\n return\r\n }\r\n\r\n let data = Object.assign(values, { UserStatus: 2 })\r\n // let register = await RegisterUser(data)\r\n this.register(data)\r\n }\r\n });\r\n };\r\n\r\n register = async (data) => {\r\n let user = null;\r\n try {\r\n if (this.isLogin) return;\r\n this.isLogin = true;\r\n user = await RegisterUser(data);\r\n if (user) {\r\n User.setUser(user);\r\n api.setToken(user.Token);\r\n this.isLogin = false;\r\n this.props.history.replace(\"/\")\r\n }\r\n } catch (e) {\r\n this.isLogin = false\r\n }\r\n\r\n };\r\n\r\n //与第一个密码对比\r\n compareToFirstPassword = (rule, value, callback) => {\r\n const { form } = this.props;\r\n if (value && value !== form.getFieldValue('Password')) {\r\n callback('两次密码不一致！');\r\n } else {\r\n callback();\r\n }\r\n };\r\n //与第二个密码对比\r\n validateToNextPassword = (rule, value, callback) => {\r\n const { form } = this.props;\r\n if (value) {\r\n form.validateFields(['confirm'], { force: true });\r\n }\r\n callback();\r\n };\r\n\r\n //获取验证码\r\n SendIdentifyCode = async () => {\r\n let { form } = this.props\r\n if (!form.getFieldValue('Mobile')) {\r\n message.info('请先填写手机号！');\r\n return\r\n }\r\n let data = {\r\n Mobile: form.getFieldValue('Mobile')\r\n };\r\n await SendIdentifyCode(data);\r\n message.success('验证码发送中！');\r\n this.setState({\r\n isSend: true,\r\n isSending: false,\r\n time: 60\r\n });\r\n this.coolDown()\r\n };\r\n //验证码倒计时\r\n coolDown = () => {\r\n this.timer = setTimeout(() => {\r\n if (this.state.time <= 0) {\r\n clearTimeout(this.timer);\r\n this.setState({\r\n isSend: false\r\n });\r\n return;\r\n }\r\n this.setState({\r\n time: --this.state.time\r\n });\r\n this.coolDown();\r\n }, 1000)\r\n };\r\n\r\n //改变登录方式或注册\r\n toChangeStatus = (loginStatus) => {\r\n this.setState({ loginStatus })\r\n };\r\n\r\n //返回首页\r\n toHome = () => {\r\n this.props.history.replace(\"/\")\r\n };\r\n\r\n agree = (res) => {\r\n this.setState({\r\n isShowStatement: false,\r\n }, () => {\r\n this.props.form.setFieldsValue({\r\n 'agreement': true,\r\n 'Mobile': this.state.form.Mobile,\r\n 'IdentifyingCode': this.state.form.IdentifyingCode,\r\n 'Password': this.state.form.Password,\r\n 'PasswordIden': this.state.form.PasswordIden,\r\n })\r\n })\r\n\r\n // this.props.form.setValue('agreement.checked',true)\r\n };\r\n\r\n render() {\r\n const { loginStatus, time, isSend, isSending } = this.state;\r\n const { getFieldDecorator, getFieldsError, getFieldError, isFieldTouched } = this.props.form;\r\n\r\n return (\r\n 《信始财富使用协议》
\r\n\r\n
\r\n 引言：
\r\n 上海信始投资管理有限公司重视您的隐私。您在使用我们的服务（包括我们的网站\r\n 、信始i财富与信始财富应用）时，我们可能会收集和使用您的信息。我们希望通过本《隐私政策》向您说明在您使用我们的服务时，我们如何收集、使用、储存和分享这些信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。本《隐私政策》与您所使用的信始i财富服务息息相关，我们也希望您能够仔细阅读，并在需要时，按照本《隐私政策》的指引，作出您认为适当的选择。本《隐私政策》之中涉及的相关技术词汇，我们尽量以简明扼要的表述向您解释，并提供了进一步说明的链接，以便您的理解。\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 上海信始投资管理有限公司在其工作人员正常的判断范围内对所提供产品数据的准确性进行有效的控制。尽管如此，用户了解并同意，由于在产品信息收集过程中需要利用许多非所能控制的数据来源，而且由于数据产品和服务的特殊性，信始i财富不能也不应担保所提供产品信息的准确性，信始i财富应用中展示的产品查询结果仅供参考。对用户由于使用信始i财富所提供的产品信息可能遭受的任何损失不承担责任。\r\n本《隐私政策》的适用范围：
\r\n 除某些特定服务外，我们所有的服务均适用本《隐私政策》。这些特定服务将适用特定的隐私政策。该特定服务的隐私政策构成本《隐私政策》的一部分。如任何特定服务的隐私政策与本《隐私政策》有不一致之处，则适用特定服务的隐私政策。\r\n请您注意，本《隐私政策》不适用于以下情况：
\r\n·通过我们的服务而接入的第三方服务（包括任何第三方网站）收集的信息；
\r\n·通过在我们服务中进行广告服务的其他公司和机构所收集的信息。
\r\n本《隐私政策》的修改：
\r\n 我们可能随时修改本《隐私政策》的条款，该等修改构成本《隐私政策》的一部分。如该等修改造成您在本《隐私政策》下权利的实质减少，我们将在修改生效前通过在主页上显著位置提示或向您发送电子邮件或以其他方式通知您，在该种情况下，若您继续使用我们的服务，即表示同意受经修订的本《隐私政策》的约束。\r\n 本隐私政策解释权归上海信始投资管理有限公司所有。\r\n\r\n {\r\n this.agree()\r\n }}\r\n style={{width: 300}}\r\n type={\"primary\"} block={true}>同意《信始财富使用协议》\r\n
\r\n \r\n \r\n \r\n {this.state.isShowStatement ?
\r\n );\r\n }\r\n}\r\n\r\nexport default Form.create({ name: 'login' })(withRouter(Login));\r\n","import React, {Component} from 'react';\r\nimport './eula.less'\r\n\r\n\r\n\r\n\r\nclass Eula extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.state = {};\r\n\r\n }\r\n\r\n agree() {\r\n this.props.agree(true)\r\n }\r\n\r\n\r\n render() {\r\n\r\n return (\r\n \r\n
\r\n \r\n })
this.toHome()} />\r\n
\r\n this.toHome()} />\r\n \r\n 欢迎登录\r\n | \r\n
\r\n \r\n \r\n 服务热线：400-6277-108\r\n
\r\n\r\n
: \r\n {\r\n loginStatus === 0 &&\r\n \r\n }\r\n {\r\n loginStatus === 1 &&\r\n \r\n }\r\n {\r\n loginStatus === 2 &&\r\n \r\n }\r\n
}\r\n\r\n\r\n \r\n
\r\n \r\n 市场有风险 投资需谨慎 过往业绩不代表未来收益\r\n
\r\n\r\n ©2014-2022 Star Capital Co.Ltd All rights reserved\r\n
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default Eula\r\n","import React, { Component } from 'react';\nimport './App.less';\nimport { Route, withRouter, Switch } from \"react-router-dom\";\nimport { Modal } from 'antd'\nimport Home from './pages/home/home';\nimport Product from './pages/product/product';\nimport ProductDetail from './pages/product/productDetail/productDetail'\nimport News from './pages/news/news';\nimport ArticleDetail from './pages/news/newsDetail/articleDetail';\nimport Company from './pages/company/company';\nimport Center from './pages/center/center';\nimport Login from './pages/login/login';\nimport moment from 'moment'\nimport 'moment/locale/zh-cn';\nimport { User } from \"./service/user\";\nimport { api } from \"./js/http-serve/ajax\";\nimport { GetToken } from \"./js/http-serve\";\nimport UAParser from 'ua-parser-js'\nimport config from './js/config/index'\nimport Eula from \"./pages/eula/eula\";\n\nmoment.locale('zh-cn');\n\nclass App extends Component {\n constructor(props) {\n super(props);\n this.state = {\n navItems: [\n {\n text: '首页',\n id: '0',\n path: '/'\n },\n {\n id: '1',\n text: '产品中心',\n path: '/product'\n },\n {\n id: '2',\n text: '新闻中心',\n path: '/news'\n },\n {\n id: '3',\n text: '走进信始',\n path: '/company'\n },\n {\n id: '4',\n text: '个人中心',\n path: '/center'\n },\n ],\n selectId: '0',\n isLogined: false,\n hasToken: false\n };\n }\n\n\n selectNav(item) {\n this.setState({\n selectId: item.id\n }, () => {\n\n });\n this.props.history.push(item.path)\n }\n\n componentWillMount() {\n let parser = new UAParser();\n if (parser.getResult().device.model) {\n window.location.href = config.mobileHttp\n }\n let href = window.location.href;\n let id = '0';\n if (href.indexOf('product') > -1) {\n id = '1'\n } else if (href.indexOf('news') > -1) {\n id = '2'\n } else if (href.indexOf('company') > -1) {\n id = '3'\n } else if (href.indexOf('center') > -1) {\n id = '4'\n } else {\n id = '0'\n }\n this.setState({\n selectId: id\n });\n this.validIsLogin()\n }\n\n\n componentDidMount() {\n\n this.listener = this.urlFit();\n }\n\n componentWillReceiveProps() {\n this.validIsLogin()\n }\n\n urlFit = () => {\n let i = 0;\n return this.props.history.listen((location, action) => {\n if (location.pathname === '/') {\n i = 0;\n } else if (location.pathname.indexOf('/product') > -1) {\n i = 1;\n } else if (location.pathname.indexOf('/news') > -1) {\n i = 2;\n } else if (location.pathname.indexOf('/company') > -1) {\n i = 3;\n } else if (location.pathname.indexOf('/center') > -1) {\n i = 4;\n }\n this.setState({\n selectId: i + ''\n });\n });\n\n };\n\n validIsLogin = () => {\n // let user = sessionStorage.getItem(\"user\") ? JSON.parse(sessionStorage.getItem(\"user\")) : ''\n let user = User.getUser();\n if (user.UserStatus === 2) {\n api.setToken(user.Token);\n this.setState({\n isLogined: true,\n user: user,\n hasToken: true,\n })\n } else {\n this.getToken();\n this.setState({\n isLogined: false,\n })\n }\n\n };\n\n\n getToken = async () => {\n let token = await GetToken({ UserStatus: 1 })\n api.setToken(token)\n this.setState({ hasToken: true })\n };\n\n componentWillUnmount() {\n this.listener();\n }\n\n\n //前往登陆\n toLogin() {\n this.props.history.replace('/login');\n }\n\n //退出登录\n toLogOut() {\n Modal.confirm({\n title: '退出登录',\n content: '即将退出登录,请确认。',\n onOk: () => {\n sessionStorage.removeItem('user');\n User.clearUser();\n this.validIsLogin();\n this.props.history.replace('/')\n }\n })\n\n }\n\n render() {\n const { navItems, selectId, isLogined, user } = this.state;\n return (\n\n 《信始财富使用协议》
\r\n\r\n
\r\n 引言：
\r\n 上海信始投资管理有限公司重视您的隐私。您在使用我们的服务（包括我们的网站\r\n 、信始i财富与信始财富应用）时，我们可能会收集和使用您的信息。我们希望通过本《隐私政策》向您说明在您使用我们的服务时，我们如何收集、使用、储存和分享这些信息，以及我们为您提供的访问、更新、控制和保护这些信息的方式。本《隐私政策》与您所使用的信始i财富服务息息相关，我们也希望您能够仔细阅读，并在需要时，按照本《隐私政策》的指引，作出您认为适当的选择。本《隐私政策》之中涉及的相关技术词汇，我们尽量以简明扼要的表述向您解释，并提供了进一步说明的链接，以便您的理解。\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 上海信始投资管理有限公司在其工作人员正常的判断范围内对所提供产品数据的准确性进行有效的控制。尽管如此，用户了解并同意，由于在产品信息收集过程中需要利用许多非所能控制的数据来源，而且由于数据产品和服务的特殊性，信始i财富不能也不应担保所提供产品信息的准确性，信始i财富应用中展示的产品查询结果仅供参考。对用户由于使用信始i财富所提供的产品信息可能遭受的任何损失不承担责任。\r\n本《隐私政策》的适用范围：
\r\n 除某些特定服务外，我们所有的服务均适用本《隐私政策》。这些特定服务将适用特定的隐私政策。该特定服务的隐私政策构成本《隐私政策》的一部分。如任何特定服务的隐私政策与本《隐私政策》有不一致之处，则适用特定服务的隐私政策。\r\n请您注意，本《隐私政策》不适用于以下情况：
\r\n·通过我们的服务而接入的第三方服务（包括任何第三方网站）收集的信息；
\r\n·通过在我们服务中进行广告服务的其他公司和机构所收集的信息。
\r\n本《隐私政策》的修改：
\r\n 我们可能随时修改本《隐私政策》的条款，该等修改构成本《隐私政策》的一部分。如该等修改造成您在本《隐私政策》下权利的实质减少，我们将在修改生效前通过在主页上显著位置提示或向您发送电子邮件或以其他方式通知您，在该种情况下，若您继续使用我们的服务，即表示同意受经修订的本《隐私政策》的约束。\r\n 本隐私政策解释权归上海信始投资管理有限公司所有。\r\n\n \n \n
}\n \n\n );\n }} />\n \n
\n \n })
\n
\n \n 服务热线：400-6277-108
\n\n }\n)
\n })
\n
\n \n \n \n }\n)
\n
\n \n 信始i财富
\n\n }\n)
\n })
\n
\n \n \n \n }\n)
\n
\n \n 信始财富
\n\n {\n isLogined ?\n
\n \n 您好，{user.UserName}\n | \n 退出\n
\n :\n 您好，请登录\n }\n \n
\n \n })
\n
\n \n - \n {\n navItems.map((item, index) => {\n return (
- {\n if (!User.isLogin() && item.id === '4') {\n return this.props.history.push('/login')\n } else {\n this.selectNav(item)\n }\n }}>{item.text} )\n })\n }\n\n
\n {/**/}\n */}\n
\n \n \n \n
\n