poster

src/pages/activity/editActivity.jsx

 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 ImageUploader from '../../components/XForm/ImageUpload';
 import logo from '../../assets/logo.png';
 import touxiang from '../../assets/touxiang.jpg';
 import poster1 from '../../assets/poster1.png';
 import poster2 from '../../assets/poster2.png';
+import xiaochengxu from '../../assets/xiaochengxu.png'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
     const [imgValue, changeImg] = useState('')
     const [posterId, setPosterId] = useState('')
 
-    if(dynamicId){
+    if (dynamicId) {
+      console.log(dynamicId, 'dynamicId')
       useEffect(() => {
-        request({ ...apis.activity.poster, params: {targetId: dynamicId,targetType: 'activity'} }).then((data) => {
-          console.log(data,"2222")
-          if(data.length > 0){
+        request({ ...apis.activity.poster, params: { targetId: dynamicId, targetType: 'activity' } }).then((data) => {
+          console.log(data, "2222")
+          if (data.length > 0) {
             setPosterId(data[0].posterId)
             changeImg(data[0].posterImg)
             changeTextArea(data[0].posterDescription)
         }).catch((err) => {
           message.info(err.msg || err.message)
         })
+        getMiniappName()
       }, [])
+    }else{
+      getMiniappName()
+    }
+    // 获取小程序名称
+    const [miniappName, setMiniappName] = useState('')
+    function getMiniappName() {
+      request({ ...apis.building.getMiniappName }).then(res => {
+        console.log(res, "0000000000000")
+        setMiniappName(res)
+      })
     }
 
-    const submitPoster  = () => {
-       if(dynamicId){
-        if(posterId){
-          request({ ...apis.activity.updatePoster, urlData: {id: posterId}, data: {targetId: dynamicId,targetType: 'activity',posterImg: imgValue,posterTitle: inputValue,posterDescription: textAreaValue},}).then((data) => {
+    const submitPoster = () => {
+      if (dynamicId) {
+        if (posterId) {
+          request({ ...apis.activity.updatePoster, urlData: { id: posterId }, data: { targetId: dynamicId, targetType: 'activity', posterImg: imgValue, posterTitle: inputValue, posterDescription: textAreaValue }, }).then((data) => {
             message.info("保存成功")
           }).catch((err) => {
             message.info(err.msg || err.message)
           })
-         }else{
-          request({ ...apis.activity.addPoster, data: {targetId: dynamicId,targetType: 'activity',posterImg: imgValue,posterTitle: inputValue,posterDescription: textAreaValue},}).then((data) => {
+        } else {
+          request({ ...apis.activity.addPoster, data: { targetId: dynamicId, targetType: 'activity', posterImg: imgValue, posterTitle: inputValue, posterDescription: textAreaValue }, }).then((data) => {
             setPosterId(data.posterId)
             message.info("保存成功")
           }).catch((err) => {
             message.info(err.msg || err.message)
           })
-         }
-       }else{
+        }
+      } else {
         message.warn("请先保存基本信息数据")
-       }
+      }
     }
 
     return <div>
       <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' }}>
+          <div style={{ width: '375px', height: '700px', 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 ? imgValue : poster1} alt="" />
             <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
               <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
             <img src={yinhao} style={{ width: '30px', marginLeft: '20px' }} alt="" />
             <p style={{
               margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',
-              display: '-webkit-box', lineClamp: '3', height: '76px',
+              display: '-webkit-box', lineClamp: '3', height: '72px',
               WebkitLineClamp: '3',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',
               textOverflow: 'ellipsis'
             }}>{textAreaValue ? 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>
     const [inputValue, changeInput] = useState('')
     const [imgValue, changeImg] = useState('')
     const [shareContentId, setShareContentId] = useState('')
-    
-    if(dynamicId){
+
+    if (dynamicId) {
       useEffect(() => {
-        request({ ...apis.activity.shareContent, params: {targetId: dynamicId,targetType: 'activity'},}).then((data) => {
-          console.log(data,"2222")
-          if(data.length > 0){
+        request({ ...apis.activity.shareContent, params: { targetId: dynamicId, targetType: 'activity' }, }).then((data) => {
+          console.log(data, "2222")
+          if (data.length > 0) {
             setShareContentId(data[0].shareContentId)
             changeImg(data[0].shareContentImg)
             changeInput(data[0].shareContentTitle)
     }
 
     const submitShare = () => {
-      if(dynamicId){
-        if(shareContentId){
-          request({ ...apis.activity.updateShareContent, urlData: {id: shareContentId},data: {targetId: dynamicId,shareContentType: 'activity',shareContentImg: imgValue,shareContentTitle: inputValue},}).then((data) => {
+      if (dynamicId) {
+        if (shareContentId) {
+          request({ ...apis.activity.updateShareContent, urlData: { id: shareContentId }, data: { targetId: dynamicId, shareContentType: 'activity', shareContentImg: imgValue, shareContentTitle: inputValue }, }).then((data) => {
             message.info("保存成功")
           }).catch((err) => {
             message.info(err.msg || err.message)
           })
-         }else{
-          request({ ...apis.activity.addShareContent, data: {targetId: dynamicId,shareContentType: 'activity',shareContentImg: imgValue,shareContentTitle: inputValue},}).then((data) => {
+        } else {
+          request({ ...apis.activity.addShareContent, data: { targetId: dynamicId, shareContentType: 'activity', shareContentImg: imgValue, shareContentTitle: inputValue }, }).then((data) => {
             setShareContentId(data.shareContentId)
             message.info("保存成功")
           }).catch((err) => {
             message.info(err.msg || err.message)
           })
-         }
-       }else{
+        }
+      } else {
         message.warn("请先保存基本信息数据")
-       }
+      }
     }
 
     return <div style={{ padding: '20px' }}>

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

   }
   // 获取小程序名称
   const [miniappName, setMiniappName] = useState('')
-  function getMiniappName(currentId) {
+  function getMiniappName() {
 
     request({ ...apis.building.getMiniappName }).then(res => {
     
             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={{
             margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',

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

 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 ImageUploader from '../../../../../components/XForm/ImageUpload';
 import logo from '../../../../../assets/logo.png';

src/pages/news/list/editNewsList.jsx

 import XForm, { FieldTypes } from '../../../components/XForm';
 import Wangedit from '../../../components/Wangedit/Wangedit'
 import request from '../../../utils/request'
-import PosterBottom from '../../../assets/bottom.png'
 import ImageUploader from '../../../components/XForm/ImageUpload';
 import logo from '../../../assets/logo.png';
 import yinhao from '../../../assets/yinhao.png'
 import touxiang from '../../../assets/touxiang.jpg';
 import poster1 from '../../../assets/poster1.png';
 import poster2 from '../../../assets/poster2.png';
+import xiaochengxu from '../../../assets/xiaochengxu.png'
 
 const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
 const { TextArea } = Input;
       console.log(err)
       message.info(err.msg || err.message)
     })
-
-    // request({
-    //     url: '/api/admin/taNews/' + newsId,
-    //     method: 'GET',
-    //     params: { newsId },
-    // }).then((data) => {
-    //     console.log(data)
-    //     setDynamicData(data)
-    // })
     }
   }
 
         }).catch((err) => {
           message.info(err.msg || err.message)
         })
+        getMiniappName()
       }, [])
+    }else{
+      getMiniappName()
     }
 
+    // 获取小程序名称
+  const [miniappName, setMiniappName] = useState('')
+  function getMiniappName() {
+
+    request({ ...apis.building.getMiniappName }).then(res => {
+    
+      setMiniappName(res)
+     
+    })
+  }
     const submitPoster  = () => {
        if(newsId){
         if(posterId){
     return <div>
       <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' }}>
+          <div style={{ width: '375px', height: '700px', 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 ? imgValue : poster1} alt="" />
             <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
               <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
             <img src={yinhao} style={{ width: '30px', marginLeft: '20px' }} alt="" />
             <p style={{
               margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',
-              display: '-webkit-box', lineClamp: '3', height: '76px',
+              display: '-webkit-box', lineClamp: '3', height: '72px',
               WebkitLineClamp: '3',
               WebkitBoxOrient: 'vertical',
               overflow: 'hidden',
               textOverflow: 'ellipsis'
             }}>{textAreaValue ? 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>