Merge branch 'master' of https://g.civnet.cn:8443/ReactWeb5/maintenance

src/assets/images/icons/时间.svg

+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1666692888056" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4237" data-spm-anchor-id="a313x.7781069.0.i7" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M512 85.33C276.36 85.33 85.33 276.36 85.33 512S276.36 938.67 512 938.67 938.67 747.64 938.67 512 747.64 85.33 512 85.33z m0 768c-188.21 0-341.33-153.12-341.33-341.33S323.79 170.67 512 170.67 853.33 323.79 853.33 512 700.21 853.33 512 853.33z" p-id="4238" fill="#1890FF"></path><path d="M512 256h-85.33v341.33h298.66V512H512z" p-id="4239" fill="#1890FF"></path></svg>
\ No newline at end of file

src/pages/bsmanager/workOrder/incident/incident.jsx

@@ -20,6 +20,9 @@ import {
   notification,
   Tree,
   Button,
+  Modal,
+  Input,
+  message,
 } from 'antd';
 
 import {
@@ -32,12 +35,14 @@ import {
   OrderedListOutlined,
   ApartmentOutlined,
   DesktopOutlined,
+  FormOutlined,
 } from '@ant-design/icons';
 import {
   GetCM_Event_LoadEventTable,
   CM_Event_RemoveEventTable,
   CM_Event_ReOrder,
   GetCM_Event_LoadEventTypeTable,
+  CM_Event_EditBusinessType
 } from '@/services/standingBook/api';
 import classnames from 'classnames';
 import styles from './incident.less';
@@ -71,6 +76,8 @@ const incident = () => {
   const [pickItem, setPickItem] = useState('');
   const [hoverItemIndex, setHoverItemIndex] = useState(0); // hover流程索引
   const [keepIdValue, setKeepIdValue] = useState([]);
+  const [editBusinessVisible, setEditBusinessVisible] = useState(false);
+  const [addForm] = Form.useForm();
 
   const columns = [
     {
@@ -469,7 +476,42 @@ const incident = () => {
         });
       }
     });
+
   };
+
+  const editBusiness = () =>{
+
+    setEditBusinessVisible(true)   
+    addForm.setFieldsValue({newBusinessType:pickItem})
+  }
+
+  const editOk = () =>{
+    let aa =addForm.getFieldsValue().newBusinessType;
+    console.log(aa);
+    CM_Event_EditBusinessType({
+      oldBusinessType:pickItem,
+      newBusinessType:aa
+    }).then(res=>{
+      if(res.code===0){
+        setEditBusinessVisible(false);
+        setFlag(flag + 1);
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: '编辑成功',
+        });
+      }else{
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg||'编辑失败',
+        });
+      }
+    }).catch(err => {
+      message.error(err);
+    });
+  }
+
   return (
     <div className={styles.incidentContainer}>
       <div className={styles.contentContainers}>
@@ -569,6 +611,8 @@ const incident = () => {
           })}
         >
           <div style={{ height: '50px' }}>
+            <span className={styles.titleName}>【{pickItem}】</span>
+            <span ><Tooltip title="编辑业务类型名称"><FormOutlined className={styles.iconSize} onClick={editBusiness}/></Tooltip></span>
             <span style={{ float: 'right', marginRight: '10px' }}>
               <Button
                 icon={<OrderedListOutlined className={styles.icon} />}
@@ -629,6 +673,21 @@ const incident = () => {
           callBackSubmit={onOK}
           keepIdValue={keepIdValue}
         />
+        <Modal
+          title='编辑业务类型名称'
+          visible={editBusinessVisible}
+          onCancel={()=>setEditBusinessVisible(false)}
+          onOk={()=>editOk()}
+        >
+          <Form form={addForm} labelCol={{ span: 3 }}>
+            <Form.Item name="newBusinessType" label="名称" rules={[{ required: true, message: '不能为空' }]}>
+              <Input placeholder="请输入名称" style={{ width: '95%' }} allowClear/>
+            </Form.Item>
+            <Form.Item name="newBusinessType" label="名称" style={{ display: 'none' }}>
+              <Input placeholder="请输入名称" style={{ width: '95%' }} />
+            </Form.Item>
+          </Form>
+        </Modal>
       </div>
     </div>
   );

src/pages/bsmanager/workOrder/incident/incident.less

@@ -404,6 +404,22 @@
     color: rgba(0, 0, 0, 0.85);
   }
 }
+.iconSize{
+  font-size: 18px;
+   color: #1890FF;
+   svg{
+    margin-top:-7px;
+   }
+
+}
+.titleName{
+  font-size: 18px;
+  color: rgba(0, 114, 255, 1);
+  font-weight: bold;
+  display: inline-block;
+  margin-left: 10px;
+  line-height: 50px;
+}
 
 // .panda-pro-pages-platform-center-bsmanager-work-order-incident-filed_listItem {
 //   display: flex;

src/pages/database/databaseInitialization/DatabaseInitialization.jsx

@@ -1729,7 +1729,7 @@ const DatabaseInitialization = props => {
           <div
             ref={scroll}
             style={{
-              maxHeight: '560px',
+              maxHeight: '470px',
               overflowY: 'auto',
               marginRight: ' -24px',
             }}

src/pages/platformCenter/hostmanager/gateWay/AddModal.jsx

@@ -18,7 +18,7 @@ import { InfoCircleOutlined } from '@ant-design/icons';
 
 const { Item } = Form;
 const AddModal = props => {
-  const { callBackSubmit = () => {}, type, pickItem, visible, onCancel } = props;
+  const { callBackSubmit = () => {}, type, pickItem, visible, onCancel, keepData } = props;
   const [loading, setLoading] = useState(false);
   const [current, setCurrent] = useState(false);
   const [advanced, setAdvanced] = useState(0);
@@ -26,6 +26,7 @@ const AddModal = props => {
 
   useEffect(() => {
     if (visible) {
+      console.log(keepData);
       if (type === 'edit') {
         let aa = pickItem.methods.replace(/\s/g, '');
         form.setFieldsValue({
@@ -298,6 +299,20 @@ const AddModal = props => {
               required: true,
               message: '请输入关键字',
             },
+            {
+              validator: (rule, value) => {
+                let aa = form.getFieldValue().Key;
+                if (type === 'edit') {
+                  if (keepData.indexOf(aa) !== -1 && pickItem.key !== aa) {
+                    return Promise.reject('关键字已存在');
+                  }
+                } else if (keepData.indexOf(aa) !== -1) {
+                  return Promise.reject('关键字已存在');
+                }
+
+                return Promise.resolve();
+              },
+            },
           ]}
         >
           <Input allowClear />

src/pages/platformCenter/hostmanager/gateWay/CheckModal.jsx

+/* eslint-disable react/jsx-boolean-value */
+import React, { useState, useEffect } from 'react';
+import {
+  Form,
+  Modal,
+  Input,
+  notification,
+  Radio,
+  InputNumber,
+  Checkbox,
+  Switch,
+  Tooltip,
+  Row,
+  Col,
+} from 'antd';
+import { SaveRoutes } from '@/services/hostmanager/hostmanager';
+import { InfoCircleOutlined } from '@ant-design/icons';
+
+const { Item } = Form;
+const AddModal = props => {
+  const { callBackSubmit = () => {}, pickItem, visible, onCancel } = props;
+  const [loading, setLoading] = useState(false);
+  const [current, setCurrent] = useState(false);
+  const [advanced, setAdvanced] = useState(0);
+  const [form] = Form.useForm();
+
+  useEffect(() => {
+    if (visible) {
+      let aa = pickItem.methods.replace(/\s/g, '');
+      form.setFieldsValue({
+        UpstreamPathTemplate: pickItem.upstreamPathTemplate,
+        DownstreamPathTemplate: pickItem.downstreamPathTemplate,
+        Methods: aa.split(','),
+        Url: pickItem.url,
+        IsAuthentication: pickItem.isAuthentication,
+        Key: pickItem.key,
+        Priority: pickItem.priority,
+        UpstreamHost: pickItem.upstreamHost,
+        AddHeasersToRequest: pickItem.addHeasersToRequest,
+        UpstreamHeaderTransform: pickItem.upstreamHeaderTransform,
+        DownstreamHeaderTransform: pickItem.downstreamHeaderTransform,
+        Timeout: pickItem.timeout,
+        QoSOptions: pickItem.qoSOptions,
+        RateLimitOptions: pickItem.rateLimitOptions,
+        CacheOptions: pickItem.cacheOptions,
+        LoadBalancerOptions: pickItem.loadBalancerOptions,
+        SecurityOptions: pickItem.securityOptions,
+        RequestIdKey: pickItem.requestIdKey,
+        ServiceName: pickItem.serviceName,
+        ServiceNamespace: pickItem.serviceNamespace,
+        DelegatingHandlers: pickItem.delegatingHandlers,
+        ReRouteIsCaseSensitive: pickItem.reRouteIsCaseSensitive,
+        DownstreamHttpMethod: pickItem.downstreamHttpMethod,
+      });
+      if (
+        pickItem.upstreamHost ||
+        pickItem.addHeasersToRequest ||
+        pickItem.upstreamHeaderTransform ||
+        pickItem.downstreamHeaderTransform ||
+        pickItem.timeout ||
+        pickItem.qoSOptions ||
+        pickItem.rateLimitOptions ||
+        pickItem.cacheOptions ||
+        pickItem.loadBalancerOptions ||
+        pickItem.securityOptions ||
+        pickItem.requestIdKey ||
+        pickItem.serviceName ||
+        pickItem.serviceNamespace ||
+        pickItem.delegatingHandlers ||
+        pickItem.reRouteIsCaseSensitive ||
+        pickItem.downstreamHttpMethod
+      ) {
+        setAdvanced(1);
+        setCurrent(true);
+      }
+    } else {
+      form.resetFields();
+      setAdvanced(0);
+      setCurrent(false);
+    }
+  }, [visible]);
+  // 提交
+  const onSubmit = () => {
+    onCancel();
+  };
+
+  const layout = {
+    layout: 'horizontal',
+    labelCol: { span: 4 },
+    wrapperCol: { span: 18 },
+  };
+
+  const plainOptions = ['GET', 'POST', 'PUT', 'DELETE'];
+
+  const change = (e, event) => {
+    if (e) {
+      setAdvanced(1);
+      setCurrent(true);
+    } else {
+      setAdvanced(0);
+      setCurrent(false);
+    }
+  };
+
+  return (
+    <Modal
+      title="查看网关配置"
+      bodyStyle={{ width: '100%', maxHeight: '600px', overflow: 'scroll', minHeight: '360px' }}
+      width="700px"
+      destroyOnClose
+      maskClosable={false}
+      okText="关闭"
+      {...props}
+      onOk={() => onSubmit()}
+      confirmLoading={loading}
+      forceRender={true}
+      getContainer={false}
+    >
+      <Form form={form} {...layout}>
+        <Item
+          label="上游路由模板"
+          name="UpstreamPathTemplate"
+          rules={[
+            {
+              validator: (rule, value) => {
+                let aa = form.getFieldValue().UpstreamPathTemplate;
+                console.log(aa.startsWith('/'));
+                if (!aa.startsWith('/')) {
+                  return Promise.reject('必须以/开头');
+                }
+                return Promise.resolve();
+              },
+            },
+            {
+              required: true,
+              message: '请输入上游路由模板',
+            },
+          ]}
+        >
+          <Input
+            allowClear
+            style={{ width: '100%' }}
+            placeholder="示例:/PandaOMS/PandaOMS/{url}"
+            disabled
+          />
+        </Item>
+        <Item
+          label="下游路由模板"
+          name="DownstreamPathTemplate"
+          rules={[
+            {
+              validator: (rule, value) => {
+                let aa = form.getFieldValue().DownstreamPathTemplate;
+                console.log(aa.startsWith('/'));
+                if (!aa.startsWith('/')) {
+                  return Promise.reject('必须以/开头');
+                }
+                return Promise.resolve();
+              },
+            },
+            {
+              required: true,
+              message: '请输入下游路由模板',
+            },
+          ]}
+        >
+          <Input allowClear placeholder="示例:/{url}" disabled />
+        </Item>
+        <Item
+          label="上游请求方式"
+          name="Methods"
+          rules={[
+            {
+              required: true,
+              message: '请选择上游请求方式',
+            },
+          ]}
+        >
+          <Checkbox.Group options={plainOptions} style={{ display: 'flex' }} disabled />
+        </Item>
+        <Item
+          label="下游服务地址"
+          name="Url"
+          rules={[
+            {
+              required: true,
+              message: '请输入下游服务地址',
+            },
+          ]}
+        >
+          <Input allowClear placeholder="示例:http://localhost:8050" disabled />
+        </Item>
+        <Item label="身份认证" name="IsAuthentication">
+          <Radio.Group>
+            <Radio value={true} disabled>
+              开启
+            </Radio>
+            <Radio value={false} disabled>
+              关闭
+            </Radio>
+          </Radio.Group>
+        </Item>
+        <Item
+          label="关键字"
+          name="Key"
+          rules={[
+            {
+              required: true,
+              message: '请输入关键字',
+            },
+          ]}
+        >
+          <Input allowClear disabled />
+        </Item>
+        <Row>
+          <Col span={8}>
+            <Item
+              // label={
+              //   <div>
+              //     <Tooltip title="0默认级别最低，10最高，优先级越高越先匹配">
+              //       <InfoCircleOutlined
+              //         style={{
+              //           color: 'rgb(24, 144, 255)',
+              //           marginLeft: '0px',
+              //           marginRight: '5px',
+              //         }}
+              //       />
+              //     </Tooltip>
+              //     <span>优先级</span>
+              //   </div>
+              // }
+              label="优先级"
+              name="Priority"
+              labelCol={{ span: 12 }}
+            >
+              <InputNumber min={0} max={10} defaultValue={0} disabled />
+            </Item>
+          </Col>
+          <Col span={16}>
+            <Item>
+              <span style={{ color: 'red' }}>0默认级别最低，10最高，优先级越高越先匹配</span>
+            </Item>
+          </Col>
+        </Row>
+        {/* <Switch
+          checkedChildren="高级设置"
+          unCheckedChildren="高级设置"
+          onChange={change}
+          checked={current}
+          style={{ marginLeft: '40px', marginBottom: '15px' }}
+        />
+        {advanced === 1 ? (
+          <>
+            <Item label="上游host" name="UpstreamHost">
+              <Input allowClear />
+            </Item>
+            <Item label="头部信息" name="AddHeasersToRequest">
+              <Input allowClear />
+            </Item>
+            <Item label="上游头信息转发" name="UpstreamHeaderTransform">
+              <Input allowClear />
+            </Item>
+            <Item label="下游头信息转发" name="DownstreamHeaderTransform">
+              <Input allowClear />
+            </Item>
+
+            <Item label="超时设置" name="Timeout">
+              <Input allowClear />
+            </Item>
+            <Item label="服务质量与熔断" name="QoSOptions">
+              <Input allowClear />
+            </Item>
+            <Item label="限流配置" name="RateLimitOptions">
+              <Input allowClear />
+            </Item>
+            <Item label="缓存" name="CacheOptions">
+              <Input allowClear />
+            </Item>
+            <Item label="负载均衡" name="LoadBalancerOptions">
+              <Input allowClear />
+            </Item>
+            <Item label="安全配置" name="SecurityOptions">
+              <Input allowClear />
+            </Item>
+            <Item label="请求Id Key" name="RequestIdKey">
+              <Input allowClear />
+            </Item>
+            <Item label="服务名" name="ServiceName">
+              <Input allowClear />
+            </Item>
+            <Item label="服务空间" name="ServiceNamespace">
+              <Input allowClear />
+            </Item>
+            <Item label="委托配置" name="DelegatingHandlers">
+              <Input allowClear />
+            </Item>
+            <Item label="路由大小写敏感" name="ReRouteIsCaseSensitive">
+              <Radio.Group>
+                <Radio value={0}>否</Radio>
+                <Radio value={1}>是</Radio>
+              </Radio.Group>
+            </Item>
+            <Item label="下游请求方式" name="DownstreamHttpMethod">
+              <Checkbox.Group options={plainOptions} />
+            </Item>
+          </>
+        ) : (
+          ''
+        )} */}
+      </Form>
+    </Modal>
+  );
+};
+export default AddModal;

src/pages/platformCenter/hostmanager/gateWay/gateWay.jsx

@@ -17,6 +17,7 @@ import {
   Popconfirm,
   Table,
   notification,
+  Tag,
 } from 'antd';
 import {
   EditTwoTone,
@@ -37,6 +38,7 @@ import { get, PUBLISH_SERVICE } from '@/services/index';
 import configuration from '../../../../assets/images/icons/消息.svg';
 
 import AddModal from './AddModal';
+import CheckModal from './CheckModal';
 
 const GateConfig = () => {
   const [loading, setLoading] = useState(false); // 加载
@@ -49,8 +51,10 @@ const GateConfig = () => {
   const [searchWord, setSearchWord] = useState(''); // 关键字
   const [searchWord1, setSearchWord1] = useState(''); // 关键字
   const [addVisible, setAddVisible] = useState(false);
+  const [checkVisible, setCheckVisible] = useState(false);
   const [pickItem, setPickItem] = useState('');
   const [type, setType] = useState('');
+  const [keepData, setKeepData] = useState([]); // 保存关键字
   const { Search } = Input;
 
   const OperateNginx = checked => {
@@ -112,17 +116,6 @@ const GateConfig = () => {
       if (res.code === 0) {
         setCurrentConfig(res.data);
         console.log(currentConfig);
-        if (res.data) {
-          GetReRoutes({
-            UpstreamPathTemplate: '',
-            key: '',
-          }).then(resdata => {
-            setLoading(false);
-            if (resdata.code === 0) {
-              setTableData(resdata.data);
-            }
-          });
-        }
       }
     });
     // .catch(err => {
@@ -140,9 +133,52 @@ const GateConfig = () => {
     //     }
     //   });
     // });
+    // if (res.data) {
+    GetReRoutes({
+      UpstreamPathTemplate: '',
+      key: '',
+    }).then(resdata => {
+      setLoading(false);
+      if (resdata.code === 0) {
+        console.log(resdata.data);
+        let data = [];
+        resdata.data.map(i => {
+          data.push(i.key);
+        });
+        setKeepData(data);
+        setTableData(resdata.data);
+      }
+    });
+    // }
   }, [flag]);
 
   const columns = [
+    {
+      title: '关键字',
+      dataIndex: 'key',
+      key: 'key',
+      align: 'center',
+      width: 150,
+      render: (text, record) => {
+        if (record.key === 'CityServer') {
+          return (
+            <Tooltip placement="top" title={text}>
+              <span>
+                {searchStyle1(text)} <Tag color="cyan">万能模板</Tag>
+              </span>
+            </Tooltip>
+          );
+        } else {
+          return (
+            <span>
+              <Tooltip placement="top" title={text}>
+                {searchStyle1(text)}
+              </Tooltip>
+            </span>
+          );
+        }
+      },
+    },
     {
       title: '上游路由模板',
       dataIndex: 'upstreamPathTemplate',
@@ -178,7 +214,7 @@ const GateConfig = () => {
       key: 'url',
       align: 'center',
       ellipsis: true,
-      width: 250,
+      width: 200,
       render: (text, record) => (
         <span>
           <Tooltip placement="top" title={text}>
@@ -201,20 +237,6 @@ const GateConfig = () => {
         </span>
       ),
     },
-    {
-      title: '关键字',
-      dataIndex: 'key',
-      key: 'key',
-      align: 'center',
-      width: 100,
-      render: (text, record) => (
-        <span>
-          <Tooltip placement="top" title={text}>
-            {searchStyle1(text)}
-          </Tooltip>
-        </span>
-      ),
-    },
     {
       title: '开启身份认证',
       dataIndex: 'isAuthentication',
@@ -223,9 +245,9 @@ const GateConfig = () => {
       width: 120,
       render: (text, record) => {
         if (text == true) {
-          return <span>是</span>;
+          return <Tag color="#87d068">是</Tag>;
         } else {
-          return <span>否</span>;
+          return <Tag color="#2db7f5">否</Tag>;
         }
       },
     },
@@ -352,6 +374,11 @@ const GateConfig = () => {
     setAddVisible(true);
   };
 
+  const look = e => {
+    setPickItem(e);
+    setCheckVisible(true);
+  };
+
   const dele = e => {
     setPickItem(e);
     let data = [];
@@ -417,7 +444,7 @@ const GateConfig = () => {
                 marginLeft: '35px',
               }}
             >
-              网关开启
+              网关状态
               <Switch
                 checkedChildren="开启"
                 unCheckedChildren="关闭"
@@ -428,7 +455,11 @@ const GateConfig = () => {
             </div>
             {console.log(currentConfig)}
           </div>
-          {currentConfig ? (
+          {/* {currentConfig ? (
+          
+          ) : (
+            <></>
+          )} */}
           <div className={styles.head1}>
             <span>快速搜索上游路由模板：</span>
             <Input
@@ -467,11 +498,12 @@ const GateConfig = () => {
               新增
             </Button>
           </div>
+        </div>
+        {/* {currentConfig ? (
+        
         ) : (
           <></>
-          )}
-        </div>
-        {currentConfig ? (
+        )} */}
         <Spin spinning={loading} tip="loading">
           <div className={styles.table}>
             <Table
@@ -497,17 +529,20 @@ const GateConfig = () => {
             />
           </div>
         </Spin>
-        ) : (
-          <></>
-        )}
 
         <AddModal
           visible={addVisible}
           pickItem={pickItem}
+          keepData={keepData}
           onCancel={() => setAddVisible(false)}
           type={type}
           callBackSubmit={onSubmit}
         />
+        <CheckModal
+          visible={checkVisible}
+          pickItem={pickItem}
+          onCancel={() => setCheckVisible(false)}
+        />
       </Card>
     </div>
   );

src/pages/productCenter/webConfig/index.jsx

@@ -14,6 +14,7 @@ import {
   editWebsite,
   omsDeleteWebsite,
   SyncMapComponent,
+  BatchDragSingleWebsite,
 } from '@/services/webConfig/api';
 import { EditTwoTone, ExclamationCircleOutlined } from '@ant-design/icons';
 import Modal from 'antd/lib/modal/Modal';
@@ -23,6 +24,7 @@ import SiteConfig from './components/siteConfigDrawer';
 import { appConnector } from '@/containers/App/store';
 import { defaultWebConfigObj, webMode } from './utils';
 import MenuConfig from './menuconfig/MenuConfig';
+import SortModal from './sortModal';
 
 const { TabPane } = Tabs;
 
@@ -38,6 +40,7 @@ const WebConfigPage = props => {
   const [submitting, setSubmitting] = useState(false);
   const [configFiles, setConfigFiles] = useState([]);
   const [productList, setProductList] = useState([]); // 产品列表
+  const [sortVisible, setSortVisible] = useState(false);
 
   const hasIntegerate = () => webs.some(w => w.id.startsWith(webMode.integration));
 
@@ -316,6 +319,11 @@ const WebConfigPage = props => {
     });
   };
 
+  const sort = () => {
+    console.log(webs);
+    setSortVisible(true);
+  };
+
   const renderTabPane = tabPaneItem => (
     <TabPane key={tabPaneItem.id} tab={tabPaneItem.text}>
       <>
@@ -330,6 +338,7 @@ const WebConfigPage = props => {
           >
             <EditTwoTone /> 查看/编辑网站配置
           </span>
+
           <div style={{ display: 'inline-block', float: 'right', marginTop: '-15px' }}>
             <strong style={{ marginRight: '15px' }}>
               地图组件数量
@@ -340,13 +349,22 @@ const WebConfigPage = props => {
               )}
             </strong>
             {tabPaneItem.existMapComponent < 9 && (
-              <Button type="primary" onClick={() => SyncMap(tabPaneItem)}>
+              <Button
+                type="primary"
+                style={{ marginRight: '20px' }}
+                onClick={() => SyncMap(tabPaneItem)}
+              >
                 一键修复
               </Button>
             )}
+            <Button type="primary" onClick={sort}>
+              网站调序
+            </Button>
           </div>
           <MenuConfig
-            menu={tabPaneItem?.children.find(w => w.menuType === 'Web4MenuRoot')}
+            menu={
+              tabPaneItem.children && tabPaneItem.children.find(w => w.menuType === 'Web4MenuRoot')
+            }
             onUpdate={handleUpdateOnMenuChange}
             configFiles={configFiles}
             updateMenuTree={updateMenuTree}
@@ -360,6 +378,27 @@ const WebConfigPage = props => {
     </TabPane>
   );
 
+  const onOK = e => {
+    setSortVisible(false);
+    console.log(e.str);
+    BatchDragSingleWebsite(e.str).then(res => {
+      if (res.code === 0) {
+        updateModuleTree(userMode || 'super');
+        notification.success({
+          message: '提示',
+          duration: 3,
+          description: '调序成功',
+        });
+      } else {
+        notification.error({
+          message: '提示',
+          duration: 3,
+          description: res.msg,
+        });
+      }
+    });
+  };
+
   return (
     <PageContainer>
       <div className={styles.webConfigContainer}>
@@ -387,6 +426,12 @@ const WebConfigPage = props => {
             submitting={submitting}
             hasIntegerate={hasIntegerate()}
           />
+          <SortModal
+            visible={sortVisible}
+            onCancel={() => setSortVisible(false)}
+            webs={webs}
+            callBackSubmit={onOK}
+          />
         </Spin>
       </div>
     </PageContainer>

src/pages/productCenter/webConfig/sortModal.jsx

+/*
+ * @Description:
+ * @Author: leizhe
+ * @Date: 2022-01-13 10:47:32
+ * @LastEditTime: 2022-03-31 17:37:04
+ * @LastEditors: leizhe
+ */
+/* eslint-disable array-callback-return */
+/* eslint-disable no-plusplus */
+import React, { useState, useEffect } from 'react';
+import { Modal, Tooltip } from 'antd';
+
+import styles from './sortModal.less';
+import DragTable from '@/components/DragTable/DragTable';
+const SortModal = props => {
+  const { callBackSubmit = () => {}, visible, onCancel, webs } = props;
+  const [orderTable, setOrderTable] = useState([]);
+  const [flowIDs, setFlowIDs] = useState([]);
+
+  const onSumbit = () => {
+    callBackSubmit({ str: flowIDs });
+  };
+
+  // 根据orderTable值改变flowIDs
+  useEffect(() => {
+    let ids = [];
+    orderTable.map(item => {
+      ids.push(item.subSystemValue);
+    });
+    console.log(ids);
+    setFlowIDs(ids);
+  }, [orderTable]);
+
+  useEffect(() => {
+    if (visible) {
+      console.log(webs);
+      let aa = [...webs];
+      aa.map(i => {
+        delete i.children;
+      });
+      setOrderTable(aa);
+    }
+  }, [visible]);
+
+  // 拖拽回调函数
+  const dragCallBack = data => {
+    if (data) {
+      setOrderTable(data);
+    }
+  };
+
+  const columns = [
+    {
+      title: '网站名',
+      dataIndex: 'text',
+      width: 50,
+      key: 'text',
+      render: record => (
+        <Tooltip placement="topLeft" title={record}>
+          {record}
+        </Tooltip>
+      ),
+    },
+  ];
+
+  return (
+    <Modal
+      width="600px"
+      visible={visible}
+      onCancel={onCancel}
+      onOk={onSumbit}
+      okText="确认"
+      cancelText="取消"
+    >
+      <div className={styles.cardContent} style={{ width: '90%', marginLeft: '24px' }}>
+        <div style={{ minHeight: '200px' }}>
+          <DragTable
+            bordered
+            style={{ marginBottom: '10px' }}
+            rowKey={record => record.extendID}
+            columns={columns}
+            dataSource={orderTable}
+            // showHeader={false}
+            pagination={false}
+            size="small"
+            dragCallBack={dragCallBack}
+            ItemTypes="flowOrder"
+            scroll={{
+              y: 500,
+            }}
+          />
+        </div>
+      </div>
+    </Modal>
+  );
+};
+export default SortModal;

src/pages/productCenter/webConfig/sortModal.less

+.cardContent {
+    height: 30rem;
+    overflow-y: scroll;
+    overflow-x: scroll;
+    width: 100%;
+
+    .ant-checkbox-group {
+      .ant-checkbox-wrapper {
+        width: 100%;
+      }
+    }
+
+    .ant-table-cell {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+  }
\ No newline at end of file

src/services/hostmanager/hostmanager.js

@@ -54,9 +54,9 @@ export const GetGateWay = param => get(`${PUBLISH_SERVICE}/HostManager/GetGateWa
 export const UpdateGeteWay = param => get(`${PUBLISH_SERVICE}/HostManager/UpdateGeteWay`, param);
 // 网关配置
 // export const GetReRoutesFirst = param => get(`/OcelotSettings/GetReRoutes`, param);
-export const GetReRoutes = param => get(`/OcelotSettings/GetReRoutes`, param);
-export const SaveRoutes = param => post(`/OcelotSettings/SaveRoutes`, param);
-export const DelRoutes = param => get(`/OcelotSettings/DelRoutes`, param);
+export const GetReRoutes = param => get(`/PandaCore/GateWay/OcelotSettings/GetReRoutes`, param);
+export const SaveRoutes = param => post(`/PandaCore/GateWay/OcelotSettings/SaveRoutes`, param);
+export const DelRoutes = param => get(`/PandaCore/GateWay/OcelotSettings/DelRoutes`, param);
 
 // 代理服务老接口
 export const GetNginxConfigInfoOLD = param =>

src/services/standingBook/api.js

@@ -47,6 +47,10 @@ export const CM_Event_LoadDepartmentAndRoles = query =>
 export const CM_Event_EditEventTable = data =>
   post(`${PUBLISH_SERVICE}/WorkOrderCenter/CM_Event_EditEventTable`, data);
 
+// 修改事件业务类型
+export const CM_Event_EditBusinessType = data =>
+  post(`${PUBLISH_SERVICE}/WorkOrderCenter/CM_Event_EditBusinessType`, data);
+
 // 加载事件权限部门角色
 export const GetCM_Event_QueryEventType = query =>
   get(`${PUBLISH_SERVICE}/WorkOrderCenter/GetCM_Event_QueryEventType`, query);

src/services/webConfig/api.js

@@ -313,3 +313,7 @@ export const GetSpriteSheet = param => get(`${PANDA_GIS}/MultiMedia/GetSpriteShe
 
 // 同步地图组件
 export const SyncMapComponent = query => get(`${PUBLISH_SERVICE}/WebSite/SyncMapComponent`, query);
+
+// 批量调整网站顺序
+export const BatchDragSingleWebsite = data =>
+  post(`${PUBLISH_SERVICE}/WebSite/BatchDragSingleWebsite`, data);