fix

src/pages/mpEstate/videoList/index.tsx

@@ -15,6 +15,8 @@ const { Option } = Select;
 const DrawerForm = (props: any) => {
   const [form] = Form.useForm();
 
+  const [selectProjectID, setSelectProjectID] = useState('');
+
   const {
     estateData,
     getProjectList,
@@ -84,6 +86,10 @@ const DrawerForm = (props: any) => {
     }
   }
 
+  const changeProject = (val: any) => {
+    setSelectProjectID(val);
+  }
+
   return (
     <>
       <Form
@@ -105,6 +111,7 @@ const DrawerForm = (props: any) => {
           <Select
             showSearch
             onSearch={searchProject}
+            onChange={changeProject}
           >
             {estateData.list.map((item: any, index: any) => (
               <Option key={index} value={item.id}>
@@ -113,6 +120,10 @@ const DrawerForm = (props: any) => {
             ))}
           </Select>
         </FormItem>
+        <div style={{ marginBottom: '24px', display: 'flex', alignItems: 'center' }}>
+          <span style={{ width: '34%', fontSize: '14px', color: 'rgba(0, 0, 0, 0.85)', lineHeight: '32px' }}>楼盘ID:</span>
+          <Input disabled value={selectProjectID || (editeObj && editeObj.project && editeObj.project.id) || ''} />
+        </div>
         <FormItem
           name="title"
           label="视频标题"
@@ -176,6 +187,21 @@ const DrawerForm = (props: any) => {
           <Switch />
         </FormItem>
         <FormItem
+          name="status"
+          label="在线状态"
+          rules={[
+            {
+              required: true,
+              message: '选择上下线状态',
+            },
+          ]}
+        >
+          <Select>
+            <Option value="online">上线</Option>
+            <Option value="offline">下线</Option>
+          </Select>
+        </FormItem>
+        <FormItem
           name="cover_image"
           label="视频背景图"
           rules={[
@@ -370,6 +396,11 @@ const VideoList: React.FC<any> = (props) => {
     updateData(id, params);
   }
 
+  // 切换在线状态
+  const changeStatus = (params: any, id: number) => {
+    updateData(id, params);
+  }
+
   // 编辑视频
   const editeVideo = (obj: any) =>  {
     const currentEstateData = estateData.list.map((item: any) => item.id);
@@ -513,6 +544,23 @@ const VideoList: React.FC<any> = (props) => {
       }, record.id) }} />
     )
   }, {
+    title: '在线状态',
+    dataIndex: 'status',
+    key: 'status',
+    width: 100,
+    render: (text: any, record: any) => {
+      const statusMap = {
+        online: true,
+        offline: false,
+      }
+
+      return (
+        <Switch checked={statusMap[text]} onChange={(val) => { changeStatus({
+          status: val ? 'online' : 'offline',
+        }, record.id) }} />
+      )
+    }
+  }, {
     title: '操作',
     dataIndex: 'operate',
     key: 'operate',
@@ -549,7 +597,7 @@ const VideoList: React.FC<any> = (props) => {
           columns={projectColumns}
           onChange={handleStandardTableChange}
           pagination={videoData.pagination}
-          scroll={{ x: 910 }}
+          scroll={{ x: 1010 }}
         />
       </Card>