|
@@ -10,10 +10,9 @@ import request from '../../../../../utils/request'
|
10
|
10
|
import PosterBottom from '../../../../../assets/bottom.png'
|
11
|
11
|
import yinhao from '../../../../../assets/yinhao.png'
|
12
|
12
|
import ImageUploader from '../../../../../components/XForm/ImageUpload';
|
13
|
|
-import logo from '../../../../../assets/logo.png';
|
14
|
|
-import touxiang from '../../../../../assets/touxiang.jpg';
|
15
|
13
|
import poster1 from '../../../../../assets/poster1.png';
|
16
|
14
|
import poster2 from '../../../../../assets/poster2.png';
|
|
15
|
+import Styles from '../style.less';
|
17
|
16
|
|
18
|
17
|
const { MonthPicker, RangePicker, WeekPicker } = DatePicker;
|
19
|
18
|
const { TextArea } = Input;
|
|
@@ -48,7 +47,7 @@ const Poster = props => {
|
48
|
47
|
}
|
49
|
48
|
|
50
|
49
|
const submitPoster = () => {
|
51
|
|
- if (buildingId) {
|
|
50
|
+ if (buildingId) {
|
52
|
51
|
if (posterId) {
|
53
|
52
|
request({
|
54
|
53
|
url: `/api/admin/poster/${posterId}`,
|
|
@@ -59,7 +58,7 @@ const Poster = props => {
|
59
|
58
|
}).catch(err => {
|
60
|
59
|
message.info(err.msg || err.message)
|
61
|
60
|
})
|
62
|
|
- } else {
|
|
61
|
+ } else {
|
63
|
62
|
request({
|
64
|
63
|
url: '/api/admin/poster',
|
65
|
64
|
method: 'POST',
|
|
@@ -70,10 +69,10 @@ const Poster = props => {
|
70
|
69
|
}).catch(err => {
|
71
|
70
|
message.info(err.msg || err.message)
|
72
|
71
|
})
|
73
|
|
- }
|
74
|
|
- } else {
|
|
72
|
+ }
|
|
73
|
+ } else {
|
75
|
74
|
message.warn('请先保存基本信息数据')
|
76
|
|
- }
|
|
75
|
+ }
|
77
|
76
|
}
|
78
|
77
|
|
79
|
78
|
return <div>
|
|
@@ -81,22 +80,19 @@ const Poster = props => {
|
81
|
80
|
<div style={{ width: '420px', height: '900px', display: 'inline-block', marginTop: '30px' }}>
|
82
|
81
|
<div style={{ width: '375px', height: '785px', backgroundColor: '#fff', boxShadow: '0px 0px 16px 6px rgba(0,0,0,0.15)', position: 'relative', margin: '0 auto' }}>
|
83
|
82
|
<img style={{ width: '100%', height: '300px' }} src={imgValue || poster1} alt="" />
|
84
|
|
- <div style={{ display: 'flex', alignItems: 'center', marginTop: '-24px' }}>
|
85
|
|
- <img style={{ width: '70px', height: '70px', border: '4px solid #fff', borderRadius: '35px', marginLeft: '16px' }} src={touxiang} alt="" />
|
86
|
|
- <span style={{ color: '#222', fontWeight: '600', margin: '24px 10px 0 14px', fontSize: '17px' }}>喵喵</span>
|
87
|
|
- <span style={{ color: '#999', marginTop: '25px', fontSize: '17px' }}>邀您阅读</span>
|
88
|
|
- <span style={{ color: '#999', margin: '25px 0 0 60px', fontSize: '17px' }}>2019.09.21</span>
|
89
|
|
- </div>
|
|
83
|
+
|
|
84
|
+ <p className={Styles.tagLabel}><span>全朝南</span><span>品牌开发商</span><span>轨交房</span></p>
|
90
|
85
|
<p style={{
|
91
|
86
|
margin: '10px 20px', fontSize: '20px', color: '#222', fontWeight: '600',
|
92
|
|
- display: '-webkit-box', lineClamp: '3', height: '60px',
|
93
|
|
- WebkitLineClamp: '2',
|
|
87
|
+ display: '-webkit-box', lineClamp: '3', height: '36px',lineHeight:'36px',
|
|
88
|
+ WebkitLineClamp: '1',
|
94
|
89
|
WebkitBoxOrient: 'vertical',
|
95
|
90
|
overflow: 'hidden',
|
96
|
91
|
textOverflow: 'ellipsis',
|
97
|
92
|
}}>{inputValue || '海报标题'}</p>
|
|
93
|
+ <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>
|
98
|
94
|
|
99
|
|
- <img src={yinhao} style={{ width: '30px', marginLeft: '10px' }} alt="" />
|
|
95
|
+ <img src={yinhao} style={{ width: '30px', marginLeft: '22px' }} alt="" />
|
100
|
96
|
<p style={{
|
101
|
97
|
margin: '16px 20px 28px 20px', fontSize: '17px', color: '#999',
|
102
|
98
|
display: '-webkit-box', lineClamp: '3', height: '76px',
|
|
@@ -109,7 +105,6 @@ const Poster = props => {
|
109
|
105
|
</div>
|
110
|
106
|
<p style={{ textAlign: 'center', fontSize: '19px', color: '#666', marginTop: '30px' }}>海报模板</p>
|
111
|
107
|
</div>
|
112
|
|
-
|
113
|
108
|
<div >
|
114
|
109
|
<div style={{ display: 'flex', width: '100%', margin: '60px 0' }}>
|
115
|
110
|
<p style={{ minWidth: '200px', color: '#222', textAlign: 'right', margin: '0 30px 0 0' }}>海报图片</p>
|