项目海报数据填充

src/pages/building/list/add/components/poster.jsx

@@ -13,6 +13,7 @@ import ImageUploader from '../../../../../components/XForm/ImageUpload';
 import poster1 from '../../../../../assets/poster1.png';
 import poster2 from '../../../../../assets/poster2.png';
 import Styles from '../style.less';
+import apis from '../../../../../services/apis';
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
@@ -23,6 +24,7 @@ const Poster = props => {
   const [imgValue, changeImg] = useState('')
   const [posterId, setPosterId] = useState('')
 
+  const [building, setBuilding] = useState({})
   const { buildingId } = props.building
 
   if (buildingId) {
@@ -43,9 +45,21 @@ const Poster = props => {
       }).catch(err => {
         message.info(err.msg || err.message)
       })
+
+      getById(buildingId)
     }, [])
   }
 
+  // 获取详情信息
+  function getById(currentId) {
+    const { url, method } = apis.building.buildingGetById
+    const tempUrl = url.substring(0, url.lastIndexOf('id')).concat(currentId)
+
+    request({ url: tempUrl, method }).then(res => {
+      setBuilding(res)
+    })
+  }
+
   const submitPoster = () => {
     if (buildingId) {
       if (posterId) {
@@ -81,7 +95,11 @@ const Poster = props => {
         <div style={{ width: '375px', height: '785px', backgroundColor: '#fff', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
           <img style={{ width: '100%', height: '300px' }} src={imgValue || poster1} alt="" />
 
-          <p className={Styles.tagLabel}><span>全朝南</span><span>品牌开发商</span><span>轨交房</span></p>
+          <p className={Styles.tagLabel}>
+            {
+              building.buildingTag && building.buildingTag.map(item => <span>{item.tagName}</span>)
+            }
+          </p>
           <p style={{
             margin: '10px 20px', fontSize: '20px', color: '#222', fontWeight: '600',
             display: '-webkit-box', lineClamp: '3', height: '36px',lineHeight:'36px',
@@ -89,8 +107,8 @@ const Poster = props => {
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
-          }}>{inputValue || '海报标题'}</p>
-          <p style={{ color: '#999',padding:' 0 20px' }}>约<span style={{ color: '#fd0d0c', fontSize: '24px',marginLeft:'6px' }}>41505</span><span style={{ color: '#fd0d0c', fontSize: '20px' }}>元/m²</span></p>
+          }}>{building.buildingName || '楼盘标题'}</p>
+          <p style={{ color: '#999',padding:' 0 20px' }}>约<span style={{ color: '#fd0d0c', fontSize: '24px',marginLeft:'6px' }}>{ building.price }</span><span style={{ color: '#fd0d0c', fontSize: '20px' }}>元/m²</span></p>
 
           <img src={yinhao} style={{ width: '30px', marginLeft: '22px' }} alt="" />
           <p style={{