From f59a500d24291d7f54b71dcca939a2a23dedca7c Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 六月 2020 17:52:03 +0800
Subject: [PATCH] 2020-06-18

---
 src/views/mobdesign/index.jsx |   98 ++++++++++++++++++++++++++++++++++--------------
 1 files changed, 69 insertions(+), 29 deletions(-)

diff --git a/src/views/mobdesign/index.jsx b/src/views/mobdesign/index.jsx
index c90ada7..f22c849 100644
--- a/src/views/mobdesign/index.jsx
+++ b/src/views/mobdesign/index.jsx
@@ -1,27 +1,34 @@
-import React, {Component} from 'react'
-import {connect} from 'react-redux'
-import { Icon } from 'antd'
+import React, { Component } from 'react'
+import { connect } from 'react-redux'
+import { DndProvider } from 'react-dnd'
+import HTML5Backend from 'react-dnd-html5-backend'
+import { Icon, Tabs } from 'antd'
 
-import zhCN from '@/locales/zh-CN/login.js'
-import enUS from '@/locales/en-US/login.js'
+import Api from '@/api'
+import zhCN from '@/locales/zh-CN/mob.js'
+import enUS from '@/locales/en-US/mob.js'
 import asyncComponent from '@/utils/asyncComponent'
 
 import './index.scss'
 
+const { TabPane } = Tabs
+
 const Header = asyncComponent(() => import('@/mob/header'))
-const Home = asyncComponent(() => import('@/mob/home'))
-const Login = asyncComponent(() => import('@/mob/login'))
+const MobShell = asyncComponent(() => import('@/mob/mobshell'))
+const SourceWrap = asyncComponent(() => import('@/mob/modelsource'))
+const DataSource = asyncComponent(() => import('@/mob/datasource'))
 
 class Mobile extends Component {
   state = {
     dict: localStorage.getItem('lang') !== 'en-US' ? zhCN : enUS,
-    view: null
+    appId: this.props.match.params.appId,
+    appType: this.props.match.params.appType,
+    saveIng: false,
+    config: null
   }
 
   UNSAFE_componentWillMount() {
-    this.setState({
-      view: {uuid: 'login', type: 'home', parentId: null, parentType: null}
-    })
+    this.getPageParam(this.props.match.params.appId)
   }
 
   /**
@@ -33,31 +40,64 @@
     }
   }
 
+  jumpToManage = () => {
+    this.props.history.replace('/mobmanage')
+    // this.props.history.push('/mobdesign/sdafadjfidsf/dsfsdf')
+  }
+
+  triggerSave = () => {
+    this.setState({
+      saveIng: true
+    })
+  }
+
+  getPageParam = (id) => {
+    Api.getSystemConfig({
+      func: 'sPC_Get_LongParam',
+      MenuID: id
+    }).then(result => {
+
+    })
+  }
+
+  updateConfig = () => {
+    
+  }
+
   render () {
-    const { view } = this.state
+    const { saveIng, appType, config } = this.state
 
     return (
       <div className="mobile-view">
-        <Header />
-        <div className="mob-body">
-          <div className="mob-tool">
-            <div className="mob-tool-content">
-              <div className="plus-content">
-                <Icon type="plus-circle" />娣� 鍔� 鍐� 瀹�
+        <Header view="design" jumpToManage={this.jumpToManage} triggerSave={this.triggerSave} saveIng={saveIng} />
+        <DndProvider backend={HTML5Backend}>
+          <div className="mob-body">
+            <div className="mob-tool">
+              <div className="mob-tool-content">
+                <div className="plus-content">
+                  <Icon type="plus-circle" />娣� 鍔� 鍐� 瀹�
+                </div>
+                <div className="useable-component">
+                  <SourceWrap appType={appType} />
+                </div>
               </div>
-              <div className="useable-component"></div>
+              <div className="mob-tool-other"></div>
             </div>
-            <div className="mob-tool-other"></div>
+            <div className="mob-shell">
+              <MobShell />
+            </div>
+            <div className="mob-setting">
+              <Tabs defaultActiveKey="2" animated={false} size="small">
+                <TabPane tab="閰嶇疆" key="1">
+                  Content of Tab Pane 1
+                </TabPane>
+                <TabPane tab="鏁版嵁婧�" key="2">
+                  <DataSource config={config} updateConfig={this.updateConfig} />
+                </TabPane>
+              </Tabs>
+            </div>
           </div>
-          <div className="mob-shell">
-            {view ? <div className="mob-shell-inner">
-              {view.type === 'login' ? <Login /> : null}
-              {view.type === 'home' ? <Home /> : null}
-            </div> : null}
-          </div>
-          <div className="mob-setting">
-          </div>
-        </div>
+        </DndProvider>
       </div>
     )
   }

--
Gitblit v1.8.0