perf: 优化

src/components/BaseFrameContainer/index.js

@@ -3,7 +3,7 @@ import PageContainer from '@/components/BasePageContainer';
 import { Tabs } from 'antd';
 import React from 'react';
 import styles from './index.less';
-
+import SevenParams from '@/pages/mobileConfig/menuconfig/SevenParams';
 const { TabPane } = Tabs;
 /**
  * 嵌套iframe的组件
@@ -15,14 +15,18 @@ const FrameContainer = props => {
 
   const renderedFrame = tabs ? (
     <Tabs type="card" hideAdd {...tabProps}>
-      {tabs.map(({ url: iframeUrl, tabName }) => (
+      {tabs.map(({ url: iframeUrl, tabName, type = '' }) => (
         <TabPane tab={tabName} key={tabName}>
-          <iframe
-            title={tabName}
-            src={`${
-              isDev ? process.env.PROXY : window.location.origin
-            }${iframeUrl}`}
-          />
+          {type && type === 'sevenParams' ? (
+            <SevenParams />
+          ) : (
+            <iframe
+              title={tabName}
+              src={`${
+                isDev ? process.env.PROXY : window.location.origin
+              }${iframeUrl}`}
+            />
+          )}
         </TabPane>
       ))}
     </Tabs>

src/components/Colophon/colContent.jsx

@@ -16,8 +16,7 @@ const ColConen = () => {
       <div className={styles.logbox}>
         <Tabs
           tabPosition={tabPosition}
-          style={{ height: 'calc(100vh - 200px)' }}
-          addIcon={<p>aa</p>}
+          style={{ height: 'calc(100vh - 500px)' }}
         >
           {arr.map((item, index) => (
             <TabPane tab={item.label} key={item.key}>
@@ -25,13 +24,6 @@ const ColConen = () => {
             </TabPane>
           ))}
         </Tabs>
-        {/* <Timeline mode={mode}>
-          {arr.map((item, index) => (
-            <Item label={item.label} key={item.key}>
-              {item.content}
-            </Item>
-          ))}
-        </Timeline> */}
       </div>
     </div>
   );
@@ -40,53 +32,53 @@ const ColConen = () => {
 const arr = [
   {
     key: '1',
-    label: 'v1.0.1  2020-12-18',
+    label: 'v1.0.20201218 ',
     content: (
       <div className={styles.hr}>
         <div className={styles.topBox}>
-          <div className={styles.topl}>v1.0.1</div>
+          <div className={styles.topl}>v1.0.20201218</div>
           <div className={styles.topr}>2020-12-18</div>
         </div>
         <hr />
         <h3>移动应用配置</h3>
         <ul>
-          <li>[+] 新增了版本包上传功能</li>
-          <li>[^] 调整了获取版本包信息</li>
-          <li>[^] 优化了应用加载内容</li>
+          <li>【新增】 新增了版本包上传功能</li>
+          <li>【修改】 调整了获取版本包信息</li>
+          <li>【修改】 优化了应用加载内容</li>
         </ul>
         <h3>登录页面</h3>
         <ul>
-          <li>[^] 调整了登录窗布局</li>
+          <li>【修改】 调整了登录窗布局</li>
         </ul>
         <h3>系统日志</h3>
         <ul>
-          <li>[^] 服务日志页面做了优化</li>
-          <li>[^] 登录日志页面做了优化</li>
-          <li>[^] 运维日志页面做了优化</li>
+          <li>【修改】 服务日志页面做了优化</li>
+          <li>【修改】 登录日志页面做了优化</li>
+          <li>【修改】 运维日志页面做了优化</li>
         </ul>
       </div>
     ),
   },
   {
     key: '0',
-    label: `v1.0.0  2020-12-17`,
+    label: `v1.0.20201217 `,
     content: (
       <div className={styles.hr}>
         <div className={styles.topBox}>
-          <div className={styles.topl}>v1.0.0</div>
+          <div className={styles.topl}>v1.0.20201217</div>
           <div className={styles.topr}>2020-12-17</div>
         </div>
         <hr />
         <h3>运维第一个版本记录</h3>
         <ul>
           <li>
-            [+]
+            【新增】
             新增了解决方案管理、数据库管理、用户中心、平台中心、应用中心、数据中心、系统日志板块
           </li>
-          <li>[+] 新增了版本记录模块</li>
-          <li>[^] 登录页面修改了动画效果</li>
-          <li>[^] 移动应用配置模块进行了部分翻新</li>
-          <li>[^] 业务平台模块修改了交互方式</li>
+          <li>【新增】 新增了版本记录模块</li>
+          <li>【优化】 登录页面修改了动画效果</li>
+          <li>【优化】 移动应用配置模块进行了部分翻新</li>
+          <li>【优化】 业务平台模块修改了交互方式</li>
         </ul>
       </div>
     ),

src/components/Colophon/index.jsx

-import React, { useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { useHistory } from 'react-router-dom';
+import { Modal, Button } from 'antd';
+import ColConen from './colContent';
 import styles from './index.less';
 const Colophon = props => {
   const historyPath = useHistory();
+  const [visible, setVisible] = useState(false);
   const handleClick = () => {
-    historyPath.push('/colophon');
+    // historyPath.push('/colophon');
     console.log(historyPath);
+    setVisible(true);
   };
   return (
     <div className={styles.desc} onClick={handleClick}>
-      版本记录
+      <div>版本号v1.0.20201218</div>
+      <div onClick={e => e.stopPropagation()}>
+        <Modal
+          width={1200}
+          visible={visible}
+          footer={[
+            <Button
+              style={{ marginRight: '10px' }}
+              type="primary"
+              key="close"
+              onClick={() => setVisible(false)}
+            >
+              确认
+            </Button>,
+          ]}
+          onCancel={() => setVisible(false)}
+        >
+          <ColConen />
+        </Modal>
+      </div>
     </div>
   );
 };

src/components/Colophon/index.less

@@ -10,6 +10,7 @@
   height: 100px;
   text-align: center;
   color: #333;
+
 }
 .log{
   font-size: 40px;
@@ -24,18 +25,26 @@
 .logbox{
   width: 100%;
   max-height: calc(100vh - 200px);
-  background-color: #f6f6f6;
+  // background-color: #f6f6f6;
+  // border: 1px solid #f6f6f6;
   text-align: left;
   overflow: hidden;
+  .ant-tabs-content-holder{
+    overflow-y: scroll;
+  }
 }
 .hr{
   margin-right: 20px;
+  li{
+    color: gray;
+  }
 }
 .topBox{
   display: flex;
   justify-content: space-between;
   height: 40px;
   align-items: center;
+
 }
 .topl{
   font-size: 22px;

src/components/JumpContainer/index.js

@@ -4,6 +4,7 @@ import { useHistory } from 'react-router-dom';
 import classnames from 'classnames';
 import styles from './index.less';
 import weixiu from '@/assets/images/logo/weixiu.svg';
+import jumpImg from '@/assets/images/logo/jumpImg.png';
 const JumpContainer = props => {
   const [url, setUrl] = useState('');
   const jumpTo = useHistory();
@@ -22,30 +23,28 @@ const JumpContainer = props => {
   return (
     <>
       <div className={classnames(`${styles.box}`)}>
-        {url && (
-          <a
-            target="_blank"
-            href={url}
-            rel="noopener noreferer"
-            className={classnames({
-              [styles.link]: true,
-            })}
-          >
-            跳转链接
-          </a>
-        )}
         <img
-          src={weixiu}
+          src={jumpImg}
           alt=""
           className={classnames({
             [styles.imgs]: true,
           })}
         />
-        <p className={styles.desc}>业务平台建设中，点击链接跳转旧版运维平台</p>
-        {/* <Empty
-          image={Empty.PRESENTED_IMAGE_SIMPLE}
-          description="业务平台建设中,点击链接跳转老运维平台"
-        /> */}
+        <p className={styles.desc}>
+          业务平台建设中，点击链接跳转
+          {url && (
+            <a
+              target="_blank"
+              href={url}
+              rel="noopener noreferer"
+              className={classnames({
+                [styles.link]: true,
+              })}
+            >
+              旧版运维平台
+            </a>
+          )}
+        </p>
       </div>
     </>
   );

src/components/JumpContainer/index.less

@@ -9,26 +9,20 @@
   justify-content: center;
   align-items: center;
   flex-direction: column;
-  background-color: #F6F6F6;
-  border-radius:8px;
-  box-shadow: 10px 10px 5px  #888888;
 }
 .imgs{
-  margin-top: 20px;
-  width: 60px;
-  height: 60px;
-
+  width: 800px;
+  height: 600px;
 }
 .desc{
   margin-top: 10px;
   color: gray;
-  font-size: 12px;
+  font-size: 16px;
 }
 .link{
-  display: flex;
-  justify-content: center ;
-  align-items: center;
-  padding: 5px; 
-  color: #1890ff;
-  
+  // display: flex;
+  // justify-content: center ;
+  // align-items: center;
+  // padding: 5px; 
+  color: #1890ff; 
 }
\ No newline at end of file

src/pages/mobileConfig/index.js

@@ -180,11 +180,11 @@ const MobileConfigPage = props => {
               {activeKey === tabArr[1].key && tabArr[1].component}
             </TabPane>
           )}
-          {showConfig && subType !== 'add' && (
+          {/* {showConfig && subType !== 'add' && (
             <TabPane tab={tabArr[2].title} key={tabArr[2].key}>
               {activeKey === tabArr[2].key && tabArr[2].component}
             </TabPane>
-          )}
+          )} */}
           {showConfig && subType !== 'add' && (
             <TabPane tab={tabArr[3].title} key={tabArr[3].key}>
               {activeKey === tabArr[3].key && tabArr[3].component}

src/pages/mobileConfig/menuconfig/SevenParams.js

 import React, { useState, useEffect } from 'react';
-import { message, Form, Input, notification, Button, Select } from 'antd';
+import { message, Form, Input, notification, Button, Select, Card } from 'antd';
 import {
   getSevenParams,
   getSevenParamsByTransType,
@@ -212,7 +212,7 @@ const SevenParams = props => {
   }, []);
 
   return (
-    <div style={{ width: '100%', paddingLeft: '15px' }} className={props.cls}>
+    <Card className={styles.cardBox}>
       <p className={styles.title}>七参数配置：</p>
       <Form
         form={sevenForm}
@@ -339,7 +339,7 @@ const SevenParams = props => {
           </Button>
         </Form.Item>
       </Form>
-    </div>
+    </Card>
   );
 };
 

src/pages/mobileConfig/menuconfig/miniMenu.less

 .box{
-  min-height: calc( 100vh - 242px)!important;
+  min-height: calc( 100vh - 232px)!important;
   display: flex;
 }
 .left{

src/pages/mobileConfig/menuconfig/otherConfig.less

@@ -3,7 +3,7 @@
   justify-content: center;
   align-items: center;
   padding: 0 15px;
-  min-height: 300px;
+  min-height: calc( 100vh - 232px)!important;
 }
 
 .title{
@@ -13,7 +13,7 @@
 .VersionPublish {
   display: flex;
   padding: 0 15px;
-  min-height: 300px;
+  min-height: calc( 100vh - 232px)!important;
 }
 
 .row {
@@ -30,4 +30,9 @@
 }
 .label2 {
   flex-shrink: 0;
+}
+.cardBox{
+  margin-top: 15px;
+  min-height: calc(100vh - 135px);
+  // min-height: calc(100vh - 255px);
 }
\ No newline at end of file

src/routes/config.js

@@ -34,7 +34,8 @@ import MobileConfigPage from '@/pages/mobileConfig';
 import { USER_MODE } from '@/utils/constants';
 import BaseFrameContainer from '@/components/BaseFrameContainer';
 import JumpContainer from '@/components/JumpContainer';
-import ColConen from '@/components/Colophon/colContent';
+// import ColConen from '@/components/Colophon/colContent';
+
 const iconStyle = { verticalAlign: '0.125em' };
 
 const superAuthority = [USER_MODE.SUPER];
@@ -71,12 +72,6 @@ export default {
           authority: superAuthority,
           component: CurrentSolution,
         },
-        {
-          path: '/colophon',
-          name: '版本记录',
-          hideMenu: true,
-          component: ColConen,
-        },
         {
           path: '/dbm',
           name: '数据库管理',
@@ -154,11 +149,15 @@ export default {
                   url:
                     '/web4/?widget=product/Tool/MapSettings/MapSettings|hideMap=true',
                 },
+                {
+                  tabName: '七参数配置',
+                  type: 'sevenParams',
+                },
               ],
             },
             {
               path: '/platformCenter/iot',
-              name: '物联网平台',
+              name: '物联平台',
               component: BaseFrameContainer,
               tabs: [
                 {