|
@@ -7,9 +7,10 @@ import apis from '../../../services/apis';
|
7
|
7
|
import request from '../../../utils/request';
|
8
|
8
|
import XForm, { FieldTypes } from '../../../components/XForm';
|
9
|
9
|
import moment from 'moment';
|
|
10
|
+import AuthButton from '../../../components/AuthButton';
|
10
|
11
|
|
11
|
12
|
const toEditList = (drainageId) => () => {
|
12
|
|
- console.log(drainageId,'12344567')
|
|
13
|
+ console.log(drainageId, '12344567')
|
13
|
14
|
router.push({
|
14
|
15
|
pathname: '/activity/drainage/Detail',
|
15
|
16
|
query: {
|
|
@@ -47,11 +48,11 @@ const header = (props) => {
|
47
|
48
|
visible: false,
|
48
|
49
|
confirmLoading: false,
|
49
|
50
|
})
|
50
|
|
-
|
|
51
|
+
|
51
|
52
|
}, [])
|
52
|
53
|
|
53
|
54
|
function gettaDrainage (params) {
|
54
|
|
- request({ ...apis.activity.taDrainage, params: params }).then((data) => {
|
|
55
|
+ request({ ...apis.activity.taDrainage, params: params }).then((data) => {
|
55
|
56
|
setDatas(data)
|
56
|
57
|
console.log(data.records, '_213_')
|
57
|
58
|
}).catch((err) => {
|
|
@@ -65,18 +66,18 @@ const header = (props) => {
|
65
|
66
|
title: '确认删除该引流?',
|
66
|
67
|
okText: '确认',
|
67
|
68
|
cancelText: '取消',
|
68
|
|
- onOk() {
|
69
|
|
- request({ ...apis.activity.deletetaDrainage,urlData: { id: drainageIid }, }).then((data) => {
|
|
69
|
+ onOk () {
|
|
70
|
+ request({ ...apis.activity.deletetaDrainage, urlData: { id: drainageIid }, }).then((data) => {
|
70
|
71
|
message.info('操作成功!')
|
71
|
72
|
gettaDrainage({ pageNum: 1, pageSize: 10 })
|
72
|
73
|
}).catch((err) => {
|
73
|
|
- console.log('111111',err)
|
|
74
|
+ console.log('111111', err)
|
74
|
75
|
message.info(err.msg || err.message)
|
75
|
76
|
})
|
76
|
77
|
}
|
77
|
78
|
});
|
78
|
79
|
}
|
79
|
|
-
|
|
80
|
+
|
80
|
81
|
const columns = [
|
81
|
82
|
{
|
82
|
83
|
title: 'H5项目编号',
|
|
@@ -89,7 +90,7 @@ const header = (props) => {
|
89
|
90
|
dataIndex: 'name',
|
90
|
91
|
key: 'name',
|
91
|
92
|
align: 'center',
|
92
|
|
- render: (text, datas) => <div style={ { color: '#66B3FF' } } onClick= {() => addshowModal(datas)} >{ datas.name }</div>,
|
|
93
|
+ render: (text, datas) => <AuthButton name="admin.taDrainage.id.put" noRight={null}><div style={{ color: '#66B3FF' }} onClick={() => addshowModal(datas)} >{datas.name}</div></AuthButton>
|
93
|
94
|
},
|
94
|
95
|
{
|
95
|
96
|
title: 'appid',
|
|
@@ -112,7 +113,7 @@ const header = (props) => {
|
112
|
113
|
align: 'center',
|
113
|
114
|
render: (x, row) => (
|
114
|
115
|
<>
|
115
|
|
- <span>{ row.createDate && moment(row.createDate).format('YYYY-MM-DD hh:mm:ss') }</span>
|
|
116
|
+ <span>{row.createDate && moment(row.createDate).format('YYYY-MM-DD hh:mm:ss')}</span>
|
116
|
117
|
</>
|
117
|
118
|
),
|
118
|
119
|
},
|
|
@@ -123,7 +124,7 @@ const header = (props) => {
|
123
|
124
|
align: 'center',
|
124
|
125
|
render: (x, row) => (
|
125
|
126
|
<>
|
126
|
|
- <span>{ row.endDate && moment(row.endDate).format('YYYY-MM-DD hh:mm:ss') }</span>
|
|
127
|
+ <span>{row.endDate && moment(row.endDate).format('YYYY-MM-DD hh:mm:ss')}</span>
|
127
|
128
|
</>
|
128
|
129
|
),
|
129
|
130
|
},
|
|
@@ -140,28 +141,31 @@ const header = (props) => {
|
140
|
141
|
align: 'center',
|
141
|
142
|
render: (text, datas) => (
|
142
|
143
|
<>
|
143
|
|
- <span style={{ right: '20px', top: '20px', fontSize: ' 0.106rem', zIndex: 1, color: '#FF7E48', cursor: 'pointer' }} onClick={toEditList(datas.drainageId)}>
|
144
|
|
- 查看详情
|
|
144
|
+ <AuthButton name="admin.customer.recommend.edit.id.put" noRight={null}>
|
|
145
|
+ <span style={{ right: '20px', top: '20px', fontSize: ' 0.106rem', zIndex: 1, color: '#FF7E48', cursor: 'pointer' }} onClick={toEditList(datas.drainageId)}>
|
|
146
|
+ 查看详情
|
145
|
147
|
</span>
|
146
|
|
-
|
147
|
|
- <span style={{ right: '20px', bottom: ' 10px', fontSize: ' 0.106rem', color: '#FF7E48', cursor: 'pointer', marginLeft: 20 }} onClick={deleteDrainage(datas.drainageId)}>
|
148
|
|
- 删除
|
|
148
|
+ </AuthButton>
|
|
149
|
+ <AuthButton name="admin.taDrainageRecord.get" noRight={null}>
|
|
150
|
+ <span style={{ right: '20px', bottom: ' 10px', fontSize: ' 0.106rem', color: '#FF7E48', cursor: 'pointer', marginLeft: 20 }} onClick={deleteDrainage(datas.drainageId)}>
|
|
151
|
+ 删除
|
149
|
152
|
</span>
|
|
153
|
+ </AuthButton >
|
150
|
154
|
</>
|
151
|
155
|
),
|
152
|
156
|
},
|
153
|
157
|
];
|
154
|
158
|
const Forms = props => {
|
155
|
|
-
|
156
|
|
- console.log(date,'---------------')
|
157
|
|
- console.log(formsdate,'---------------')
|
158
|
|
- console.log(formsdate,'22222222')
|
|
159
|
+
|
|
160
|
+ console.log(date, '---------------')
|
|
161
|
+ console.log(formsdate, '---------------')
|
|
162
|
+ console.log(formsdate, '22222222')
|
159
|
163
|
const fields = [
|
160
|
164
|
{
|
161
|
165
|
label: 'H5项目名称',
|
162
|
166
|
name: 'name',
|
163
|
167
|
type: FieldTypes.Text,
|
164
|
|
- placeholder:"请输入H5项目名称",
|
|
168
|
+ placeholder: "请输入H5项目名称",
|
165
|
169
|
value: formsdate.name,
|
166
|
170
|
|
167
|
171
|
},
|
|
@@ -169,7 +173,7 @@ const header = (props) => {
|
169
|
173
|
label: '截止时间',
|
170
|
174
|
name: 'endDate',
|
171
|
175
|
type: FieldTypes.DatePicker,
|
172
|
|
- value:formsdate.endDate ? moment(formsdate.endDate, 'YYYY-MM-DD HH:mm') : null
|
|
176
|
+ value: formsdate.endDate ? moment(formsdate.endDate, 'YYYY-MM-DD HH:mm') : null
|
173
|
177
|
// render: <DatePicker placeholder="截止时间" value= {formsdate.endDate} />,
|
174
|
178
|
},
|
175
|
179
|
|
|
@@ -177,30 +181,30 @@ const header = (props) => {
|
177
|
181
|
]
|
178
|
182
|
|
179
|
183
|
const handleSubmit = val => {
|
180
|
|
- console.log(date,'111---------------')
|
181
|
|
- console.log(formsdate,'111---------------')
|
182
|
|
- console.log(formsdate,'11122222222')
|
|
184
|
+ console.log(date, '111---------------')
|
|
185
|
+ console.log(formsdate, '111---------------')
|
|
186
|
+ console.log(formsdate, '11122222222')
|
183
|
187
|
// data: { ...submitValue }
|
184
|
188
|
|
185
|
|
- console.log(formsdate.drainageId,'9999999999999')
|
|
189
|
+ console.log(formsdate.drainageId, '9999999999999')
|
186
|
190
|
if (formsdate.drainageId) {
|
187
|
191
|
// { ...apis.activity.deletetaDrainage,urlData: { id: drainageIid }, }
|
188
|
|
- request({ ...apis.activity.updatetaDrainage, urlData: { id: formsdate.drainageId }, data: val}).then((data) => {
|
|
192
|
+ request({ ...apis.activity.updatetaDrainage, urlData: { id: formsdate.drainageId }, data: val }).then((data) => {
|
189
|
193
|
message.info('操作成功!')
|
190
|
194
|
// gettaDrainage({ pageNum: 1, pageSize: 10 })
|
191
|
195
|
}).catch((err) => {
|
192
|
|
- console.log('111111',err)
|
|
196
|
+ console.log('111111', err)
|
193
|
197
|
message.info(err.msg || err.message)
|
194
|
198
|
})
|
195
|
|
-
|
|
199
|
+
|
196
|
200
|
} else {
|
197
|
201
|
|
198
|
|
-
|
|
202
|
+
|
199
|
203
|
|
200
|
204
|
request({ ...apis.activity.addtaDrainage, data: val }).then((data) => {
|
201
|
205
|
message.info("保存成功")
|
202
|
206
|
console.log(data, '22222')
|
203
|
|
-
|
|
207
|
+
|
204
|
208
|
}).catch((err) => {
|
205
|
209
|
message.error(err.msg || err.message)
|
206
|
210
|
})
|
|
@@ -217,8 +221,8 @@ const header = (props) => {
|
217
|
221
|
});
|
218
|
222
|
}
|
219
|
223
|
|
220
|
|
- return <XForm onSubmit={handleSubmit} onCancel={handleCancel} fields={fields}></XForm>
|
221
|
|
-
|
|
224
|
+ return <XForm onSubmit={handleSubmit} onCancel={handleCancel} fields={fields}></XForm>
|
|
225
|
+
|
222
|
226
|
}
|
223
|
227
|
|
224
|
228
|
|
|
@@ -229,27 +233,27 @@ const header = (props) => {
|
229
|
233
|
props.form.resetFields();
|
230
|
234
|
}
|
231
|
235
|
|
232
|
|
-
|
|
236
|
+
|
233
|
237
|
|
234
|
238
|
function addshowModal (datas) {
|
235
|
239
|
|
236
|
240
|
// alert(datas.drainageId)
|
237
|
|
-console.log(datas,'22222222')
|
|
241
|
+ console.log(datas, '22222222')
|
238
|
242
|
setFormsDate({
|
239
|
|
- drainageId:datas.drainageId,
|
240
|
|
- name:datas.name,
|
241
|
|
- endDate:datas.endDate,
|
|
243
|
+ drainageId: datas.drainageId,
|
|
244
|
+ name: datas.name,
|
|
245
|
+ endDate: datas.endDate,
|
242
|
246
|
})
|
243
|
|
- console.log(formsdate,'22222222')
|
|
247
|
+ console.log(formsdate, '22222222')
|
244
|
248
|
setDate({
|
245
|
249
|
visible: true,
|
246
|
250
|
});
|
247
|
251
|
};
|
248
|
252
|
function showModal () {
|
249
|
253
|
setFormsDate({
|
250
|
|
- drainageId:'',
|
251
|
|
- name:'',
|
252
|
|
- endDate:'',
|
|
254
|
+ drainageId: '',
|
|
255
|
+ name: '',
|
|
256
|
+ endDate: '',
|
253
|
257
|
})
|
254
|
258
|
setDate({
|
255
|
259
|
visible: true,
|
|
@@ -257,7 +261,7 @@ console.log(datas,'22222222')
|
257
|
261
|
};
|
258
|
262
|
const changePageNum = pageNumber => {
|
259
|
263
|
gettaDrainage({ pageNum: pageNumber, pageSize: 10 })
|
260
|
|
-}
|
|
264
|
+ }
|
261
|
265
|
|
262
|
266
|
function handleOk () {
|
263
|
267
|
|
|
@@ -280,7 +284,7 @@ console.log(datas,'22222222')
|
280
|
284
|
visible: false,
|
281
|
285
|
});
|
282
|
286
|
};
|
283
|
|
- function handleSubmit(e) {
|
|
287
|
+ function handleSubmit (e) {
|
284
|
288
|
e.preventDefault();
|
285
|
289
|
props.form.validateFields((err, values) => {
|
286
|
290
|
console.log('values', values)
|
|
@@ -324,9 +328,9 @@ console.log(datas,'22222222')
|
324
|
328
|
</Button>
|
325
|
329
|
</Form.Item>
|
326
|
330
|
</Form>
|
327
|
|
- {/* <AuthButton name="admin.buildingDynamic.add.post" noRight={null}> */}
|
328
|
|
- <Button type="danger" className={styles.addBtn} onClick={showModal}>新增</Button>
|
329
|
|
-
|
|
331
|
+ <AuthButton name="admin.buildingDynamic.add.post" noRight={null}>
|
|
332
|
+ <Button type="danger" className={styles.addBtn} onClick={showModal}>新增</Button>
|
|
333
|
+ </AuthButton>
|
330
|
334
|
<Modal
|
331
|
335
|
title="新建H5项目"
|
332
|
336
|
visible={visible}
|
|
@@ -337,10 +341,10 @@ console.log(datas,'22222222')
|
337
|
341
|
>
|
338
|
342
|
<Forms />
|
339
|
343
|
</Modal>
|
340
|
|
- <Table columns={columns} dataSource={datas.records} pagination={false} rowKey="drainageList"/>
|
|
344
|
+ <Table columns={columns} dataSource={datas.records} pagination={false} rowKey="drainageList" />
|
341
|
345
|
<div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '30px' }}>
|
342
|
|
- <Pagination showQuickJumper defaultCurrent={1} total={datas.total} onChange={(e) => changePageNum(e)} />
|
343
|
|
- </div>
|
|
346
|
+ <Pagination showQuickJumper defaultCurrent={1} total={datas.total} onChange={(e) => changePageNum(e)} />
|
|
347
|
+ </div>
|
344
|
348
|
</div>
|
345
|
349
|
</>
|
346
|
350
|
)
|