宣传时视频-删除复选框和增加新增页面是否开启开关

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>

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,
                }}