Procházet zdrojové kódy

移动端引入xflow

xujunjie před 2 roky
rodič
revize
ccff8a230e

+ 4 - 0
config/router.config.js

@@ -7,6 +7,10 @@ export default [
         path: '/login',
         component: './PurchaseAdmin/PurchaseList/Login/Login',
       },
+      {
+        path: '/mobile/craft',
+        component: './Mobile/DataMeter/Craft',
+      },
       {
         path: '/home',
         component: './PurchaseAdmin/PurchaseList/Index',

+ 36 - 4
src/pages/Mobile/DataMeter/Craft.js

@@ -1,7 +1,39 @@
-import React from "react"
+import React from 'react';
+import Flow, { FLOW_TYPE } from '@/components/Flow';
+import { connect } from 'dva';
+import { UnityAction } from '@/utils/utils';
 
-function Craft(props) {
-  
+const graphData = JSON.parse(localStorage.graphData || null);
+
+// @connect(({ xflow }) => ({ flowDetail: xflow.flowDetail }))
+class Craft extends React.PureComponent {
+  state = {
+    flowDetail: graphData || { nodes: [], edges: [] },
+  };
+  componentDidMount() {
+    const {
+      dispatch,
+      match: {
+        params: { flowId },
+      },
+    } = this.props;
+
+    UnityAction.on('NODE_SAVE', nodeConfig => {
+      console.log(nodeConfig);
+    });
+  }
+  componentWillUnmount() {
+    UnityAction.off('NODE_SAVE');
+  }
+  render() {
+    const { flowDetail } = this.state;
+
+    return (
+      <div>
+        <Flow meta={{ type: 'edit', flowId: 1 }} flowDetail={flowDetail} />
+      </div>
+    );
+  }
 }
 
-export default Craft
+export default Craft;

+ 1 - 1
src/pages/document.ejs

@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
   <title>金科环境股份有限公司</title>
   <link rel="icon" href="<%= context.config.publicPath %>favicon.png" type="image/x-icon" />