巴林闲侠 2 years ago
parent
commit
0ee10b4223
  1. 32
      web/client/src/sections/fillion/components/infor/videoUpload.js
  2. 18
      web/client/src/sections/fillion/components/promotionalTable.js
  3. 3
      web/client/src/sections/quanju/containers/footer/guanli/index.js
  4. 23
      web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js

32
web/client/src/sections/fillion/components/infor/videoUpload.js

@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import React, { useState } from 'react';
import { connect } from 'react-redux';
import { Modal, Form, Button, Input, Card, List } from 'antd';
import { Modal, Form, Button, Input, Switch } from 'antd';
import Uploads from "../../../../components/Upload/index"
import { putAddPropagata } from '../../actions/infor';
import { putEditPropagata } from '../../actions/infor';
@ -8,11 +8,9 @@ import { getPropagata } from '../../actions/infor';
const VideoUpload = (props) => {
// const [counts, setCounts] = useState()//shuju
const { dispatch, record, counts, setCounts } = props
const [success, setSuccess] = useState() //状态
const [form] = Form.useForm();
//弹窗
@ -34,7 +32,8 @@ const VideoUpload = (props) => {
return item.storageUrl
})
const videoname = values.videoname
const data = { name: videoname, video: videoAddress }
const enable = values.show
const data = { name: videoname, video: videoAddress, enable: enable }
dispatch(putAddPropagata(data)).then(() => {
dispatch(getPropagata()).then((res) => {
setCounts(res.payload.data)
@ -48,9 +47,6 @@ const VideoUpload = (props) => {
const handleOkEdit = (record) => {
form.validateFields().then((values) => {
const videoAddress = values.video.map((item) => {
return item.storageUrl
})
const videoname = values.username
const id = record.id
const video = record.video
@ -68,8 +64,6 @@ const VideoUpload = (props) => {
setIsModalVisible(false);
};
const handleCancel = () => {
setIsModalVisible(false);
};
@ -82,8 +76,6 @@ const VideoUpload = (props) => {
console.log('Failed:', errorInfo);
};
return (
<div >
{
@ -99,7 +91,7 @@ const VideoUpload = (props) => {
span: 16,
}}
initialValues={{
remember: true,
show: true
}}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
@ -123,6 +115,12 @@ const VideoUpload = (props) => {
<Form.Item
label="选择视频"
name="video"
rules={[
{
required: true,
message: '必须上传视频!',
},
]}
>
<Uploads
maxFilesNum={10}
@ -130,6 +128,12 @@ const VideoUpload = (props) => {
maxFileSize={200}
/>
</Form.Item>
<Form.Item
label="是否开启展示"
name="show"
>
<Switch checkedChildren="展示" unCheckedChildren="关闭" defaultChecked={true} />
</Form.Item>
</Form>
</Modal>
</div>
@ -180,8 +184,6 @@ const VideoUpload = (props) => {
fileTypes={['mp4']}
maxFileSize={200}
/>
</Form.Item>
</Form>
</Modal>

18
web/client/src/sections/fillion/components/promotionalTable.js

@ -1,4 +1,4 @@
import React, { useEffect, useState} from 'react';
import React, { useEffect, useState } from 'react';
import { connect } from 'react-redux';
import { Spin, Button, Popconfirm, Switch } from 'antd';
import ProTable from '@ant-design/pro-table';
@ -30,7 +30,8 @@ const promotionalTable = (props) => {
const columns =
[{
[
{
title: '序号',
search: false,
dataIndex: 'containers',
@ -60,8 +61,8 @@ const promotionalTable = (props) => {
fixed: 'right',
render: (dom, record) => {
return <div >
<Switch checkedChildren="展示" unCheckedChildren="关闭" onClick={() => onClickEnable(record)} defaultChecked={true ? record.enable == true : false} /></div>
<Switch checkedChildren="展示" unCheckedChildren="关闭" onClick={() => onClickEnable(record)} defaultChecked={true ? record.enable == true : false} />
</div>
}
},
{
@ -69,7 +70,7 @@ const promotionalTable = (props) => {
dataIndex: 'creatTime',
valueType: 'dateTimeRange',
hideInSearch: true,
width: 160,
width: 120,
fixed: 'right',
render: (dom, record) => {
return <div style={{ position: 'relative', marginTop: '-30px' }}>
@ -119,7 +120,6 @@ const promotionalTable = (props) => {
useEffect(() => {
const vedio = dispatch(getPropagata()).then((res) => {
setCounts(res.payload.data)
console.log(res.payload.data)
})
}, [])
@ -133,12 +133,6 @@ const promotionalTable = (props) => {
options={false}
style={{ width: "100% ", overflow: "auto", height: '760px' }}
rowKey='id'
rowSelection={{
selectedRowKeys: rowSelected,
onChange: (selectedRowKeys) => {
setRowSelected(selectedRowKeys);
},
}}
form={{
submitter: false,
}}

3
web/client/src/sections/quanju/containers/footer/guanli/index.js

@ -30,8 +30,9 @@ const Guanli = (props) => {
// let d = res.payload.data?.overSpeedList.sort((a,b)=>b.processingTime < a.processingTime ?-1:1)
var pattern = /[\u4e00-\u9fa5]*/;
// console.log(res.payload.data,'好的号的')
let d = res.payload.data?.overSpeedList?.filter((item,index)=>{
return escape(item.processingTime).indexOf("%u")<0
return /.*[\u4e00-\u9fa5_a-zA-Z]+.*$/.test(item.processingTime) == false
})
d.map((item,index)=>{

23
web/client/src/sections/quanju/containers/footer/leadership/right/right-bottom.js

@ -10,15 +10,32 @@ const Rightbottom = (props) => {
const style = { height: "28%", marginTop: "4%" }
const [beijing, setBeijing] = useState()
const [list, setList] = useState([])
const [rightDatas, setrightDatas] = useState([])
const [nums, setNums] = useState([])
const requestRightDatas = async () => {
const res = await dispatch(getZhichaolist())
var pattern = /[\u4e00-\u9fa5]*/;
let d = res.payload.data?.overSpeedList?.filter((item, index) => {
return /.*[\u4e00-\u9fa5_a-zA-Z]+.*$/.test(item.processingTime) == false
})
d.map((item, index) => {
if (parseInt(item.processingTime.match(/([^.]*)$/)[0]) < 10) {
return item.processingTime = `${(item.processingTime.match(/^([^.]*)(.[^.]*)/)[0])}.0${parseInt(item.processingTime.match(/([^.]*)$/)[0])}`
}
})
d.sort((a, b) => b.processingTime.localeCompare(a.processingTime))
// setrightDatas(res.payload.data)
setList(d)
}
useEffect(() => {
const zhichaolist = dispatch(getZhichaolist()).then((res) => {
setList(res.payload?.data?.overSpeedList.filter(item => /.*[\u4e00-\u9fa5_a-zA-Z]+.*$/.test(item.processingTime) == false
))
// console.log(res);
setNums(res.payload?.data?.processed)
})
requestRightDatas()
}, [])
// console.log(list);
const renderBody = () => {
return (
<div style={{ width: "100%", height: "50%" }}>

Loading…
Cancel
Save