poster

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

@@ -7,8 +7,8 @@ import BuildSelect from '../../../../../components/SelectButton/BuildSelect'
 import XForm, { FieldTypes } from '../../../../../components/XForm';
 import Wangedit from '../../../../../components/Wangedit/Wangedit'
 import request from '../../../../../utils/request'
-import PosterBottom from '../../../../../assets/bottom.png'
 import yinhao from '../../../../../assets/yinhao.png'
+import xiaochengxu from '../../../../../assets/xiaochengxu.png'
 import ImageUploader from '../../../../../components/XForm/ImageUpload';
 import poster1 from '../../../../../assets/poster1.png';
 import poster2 from '../../../../../assets/poster2.png';
@@ -46,17 +46,28 @@ const Poster = props => {
       })
 
       getById(buildingId)
+      getMiniappName()
     }, [])
   }
 
   // 获取详情信息
   function getById(currentId) {
- 
+
     request({ ...apis.building.buildingGetById, urlData: { id: currentId } }).then(res => {
       setBuilding(res)
       console.log('getById: ', res)
     })
   }
+  // 获取小程序名称
+  const [miniappName, setMiniappName] = useState('')
+  function getMiniappName(currentId) {
+
+    request({ ...apis.building.getMiniappName }).then(res => {
+    
+      setMiniappName(res)
+     
+    })
+  }
 
   const submitPoster = () => {
     if (buildingId) {
@@ -90,7 +101,7 @@ const Poster = props => {
     <div style={{ display: 'flex' }}>
       <div style={{ width: '420px', height: '900px', display: 'inline-block', marginTop: '30px' }}>
         <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 || ( building.buildingImg[0].url || poster1 ) } alt="" />
+          <img style={{ width: '100%', height: '300px' }} src={imgValue || (building.buildingImg[0].url || poster1)} alt="" />
 
           <p className={Styles.tagLabel}>
             {
@@ -99,13 +110,13 @@ const Poster = props => {
           </p>
           <p style={{
             margin: '10px 20px', fontSize: '20px', color: '#222', fontWeight: '600',
-            display: '-webkit-box', lineClamp: '3', height: '36px',lineHeight:'36px',
+            display: '-webkit-box', lineClamp: '3', height: '36px', lineHeight: '36px',
             WebkitLineClamp: '1',
             WebkitBoxOrient: 'vertical',
             overflow: 'hidden',
             textOverflow: 'ellipsis',
           }}>{inputValue || (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>
+          <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={{
@@ -116,14 +127,18 @@ const Poster = props => {
             overflow: 'hidden',
             textOverflow: 'ellipsis',
           }}>{textAreaValue || '海报描述'}</p>
-          <img src={PosterBottom} style={{ width: '100%' }} alt="" />
+          <div style={{ backgroundColor: '#f1f1f1', padding: '22px 30px', boxShadow: '0px 6px 12px -4px #dcdcdc',position:'relative' }}>
+            <p style={{margin:'0',fontSize:'18px',color:'#888'}}>长按识别小程序码</p>
+            <p style={{margin:'0',fontSize:'18px',color:'#888'}}>进入<span style={{margin:'0 5px',fontSize:'18px',color:'#333',fontWeight:'600'}}>{miniappName||'置业V顾问'}</span>报名活动</p>
+            <img style={{ width: '80px',position: 'absolute',right:'30px',top:'10px' }} src={xiaochengxu} alt="" />
+          </div>
         </div>
         <p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>海报模板</p>
       </div>
       <div >
         <div style={{ display: 'flex', width: '100%', margin: '60px 0' }}>
           <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报图片</p>
-          <ImageUploader value={ imgValue } onChange={e => changeImg(e)} />
+          <ImageUploader value={imgValue} onChange={e => changeImg(e)} />
         </div>
         <div style={{ display: 'flex', alignItems: 'center', width: '100%', marginBottom: '60px' }}>
           <p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报标题</p>

src/pages/indexEcharts/components/UserSex.jsx

@@ -25,7 +25,7 @@ const UserSource = (props) => {
     UserSex(formatDate(startDate, endDate))
   }, [])
 
-  function UserSex (params) {
+  function UserSex(params) {
     request({
       ...apis.indexEcharts.userSex,
       params,
@@ -35,7 +35,7 @@ const UserSource = (props) => {
   }
 
   const dataset = (data.selectSexUser) || []
- 
+
   const options = {
     title: {
       text: '性别比例'
@@ -60,7 +60,7 @@ const UserSource = (props) => {
   const piestyles = {
     width: '100%',
     height: '400px',
-    minWidth:'350px'
+    minWidth: '350px'
 
   }
 

src/services/apis.js

@@ -92,7 +92,12 @@ export default {
       url: `${prefix}/buildinglist/select`,
       method: 'GET',
       action: 'select',
-    }
+    },
+    getMiniappName: {
+      url: `${prefix}/getMiniappName`,
+      method: 'GET',
+      action: 'select',
+    },
   },
   buildingType: {
     getList: {