制作任务调度弹框

src/pages/artificial/taskScheduling/SchemeConfig.less

-.container{
-    width: 100%;
-    height: calc(100vh - 100px) ;
-    background-color: #ffffff;
-    display: flex;
-    padding: 0.8rem;
-    .ant-table-thead tr th {
-        font-weight: 600;
-        color: rgba(0, 0, 0, 0.85);
-      }
-      overflow-y: scroll;
-      .ant-input-number-input{
-          background-color: #ffffff;
-          color: #000000;
-      }
-}
-.imgList{
-    display: flex;
-}
-.imgItem{
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    margin:0  1rem 1rem 0;
-}
-.tileBtn{
-    display: flex;
-    justify-content: flex-end;
-    width: 100%;
-    padding: 0 0 2rem
-}
-.schemeName{
-    margin-right: 0.8rem;
-    font-weight: bold;
-}
-
-.schemeItem,.schemeBtn{
-    display: flex;
-    align-items: center;
-}
-.schemeBtn{
-    width: 12rem;
-    justify-content: center;
-}
-.mapItem{
-    display: flex;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    height: 2.2rem;
-    align-items: center;
-    margin: 0.5rem 0;
-    width: 14.5rem;
-}
-.defaultTile{
-    background: #ccc;
-    color: white;
-    cursor: pointer;
-    height: 100%;
-    display: flex;
-    align-items: center;
-    width: 3rem;
-     justify-content: center;
-
-}
-.mapText{
-    width: 10rem;
-    text-align: center;
-}
-.mapIcon{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-}
-.activeTile{
-    background-color: #4699f4
-}
-.dropList {
-    position: absolute;
-    right: 2%;
-    top: 25%;
-    color: rgba(0, 0, 0, 0.25);
-    z-index: 99;
-}
-.divider{
-    display: flex;
-    align-items: center;
-    line-height: 100%;
-    padding: 0.5rem;
-    .dividerIcon{
-        margin-left: 0.8rem;
-        color: #4699f4;   
-        cursor: pointer; 
-    }
-}
-.ant-table {
-    min-height: 15rem !important;
-  }
-  .cardsList{
-    display: flex;
-    flex-wrap: wrap;
-  }
-  .cardItem{
-    width: 18rem;
-    height: 18rem;
-    margin: 0 2rem;
-  }

src/pages/artificial/taskScheduling/taskScheduling.jsx

 import { Space, Table, Button, Popconfirm, notification } from 'antd';
 import React, { useState, useEffect } from 'react';
-import styles from './SchemeConfig.less'
+import styles from './taskScheduling.less'
 import {
     GetVectorService, deleteVectorService, getSolutionList, updatePublishedMetaData
 } from '@/services/webConfig/api';
@@ -121,8 +121,8 @@ const VectorData = props => {
         })
     }
     const handleAdd = () => {
-        // setType('add');
-        // setVisible(true);
+        setType('add');
+        setVisible(true);
     }
     useEffect(() => {
         renderTile();

src/pages/artificial/taskScheduling/taskScheduling.less

+.predict{
+    display: flex;
+}
+.tileBtn{
+    display: flex;
+    justify-content: flex-end;
+    width: 100%;
+    padding: 0 0 2rem
+}
\ No newline at end of file