Create a stub view

package.json

@@ -10,7 +10,9 @@
   "author": "redforks@gmail.com",
   "license": "ISC",
   "dependencies": {
-    "mammoth": "git+ssh://git@192.168.1.5:forks/mammoth-lib.git"
+    "@types/react-router-redux": "^5.0.10",
+    "electron": "^1.7.10",
+    "mammoth": "git+file:///home/forks/work/mammoth-lib.git"
   },
   "devDependencies": {
     "typescript": "^2.6.2"

src/index.tsx

@@ -4,6 +4,7 @@ import * as React from "react";
 import { ConnectedRouter } from "react-router-redux";
 import { Provider } from "react-redux";
 import { Route } from "react-router";
+import { MainView } from "./main-view";
 
 const store = createStore({
 
@@ -13,7 +14,7 @@ ReactDOM.render(
   <Provider store={store}>
     <ConnectedRouter history={history}>
       <>
-      <Route exact path="/" component={Root} />
+      <Route exact path="/" component={MainView} />
       <Route exact path="/login" component={Login} />
       </>
     </ConnectedRouter>

src/main-view/container.tsx

@@ -0,0 +1,116 @@
+import * as React from "react";
+import { connect, Dispatch } from "react-redux";
+import { StMainView, StAppWithMainView } from ".";
+import { Grid, Row, Col, Table, ButtonToolbar, Button, Panel, FormControl, Checkbox } from "react-bootstrap";
+
+interface Props { };
+
+interface Callbacks { };
+
+function mainView(props: Props & Callbacks) {
+  return <Grid>
+    <Row style={{ height: "calc(20vh - 50px)" }}>
+      <Col xs={3}>
+        <div>0.00</div>
+        <ButtonToolbar>
+          <Button>启用称重</Button>
+          <Button disabled>停止称重</Button>
+        </ButtonToolbar>
+        <div>宰杀日期：<input /></div>
+      </Col>
+      <Col xs={5} style={{ height: "15vh", flexWrap: "wrap", display: "flex", flexDirection: "column", alignItems: "center" }}>
+        <Checkbox>打印条码</Checkbox>
+        <Button>打印选中</Button>
+        <Button>同步数据</Button>
+        <Button>称设置</Button>
+        <Button>扣重项</Button>
+        <div>屠宰顺序: 0 已宰头数: 0</div>
+      </Col>
+      <Col xs={4}>
+        <ButtonToolbar>
+          <Button bsSize="large">掉猪</Button>
+          <Button bsSize="large">删除选中</Button>
+          <Button bsSize="large">数据校验</Button>
+        </ButtonToolbar>
+      </Col>
+    </Row>
+    <Row>
+      <Col xs={8}>
+        <Row>
+          <Panel style={{ height: "40vh" }} header="烫褪">
+            <Col xs={6} >
+              <Table >
+                <thead>
+                  <tr>
+                    <th>屠宰顺序</th>
+                    <th>头数</th>
+                    <th>已宰</th>
+                    <th>完毕</th>
+                  </tr>
+                </thead>
+              </Table>
+            </Col>
+            <Col xs={6}>
+              <ButtonToolbar>
+                <Button bsStyle="info">一级</Button>
+                <Button bsStyle="info">二级</Button>
+                <Button bsStyle="info">三级</Button>
+              </ButtonToolbar>
+            </Col>
+          </Panel>
+        </Row>
+        <Row>
+          <Panel style={{ height: "40vh" }} header="毛剥">
+            <Col xs={6}>
+              <Table>
+                <thead>
+                  <tr>
+                    <th>屠宰顺序</th>
+                    <th>头数</th>
+                    <th>已宰</th>
+                    <th>完毕</th>
+                  </tr>
+                </thead>
+              </Table>
+            </Col>
+            <Col xs={6}>
+              <ButtonToolbar>
+                <Button>一级</Button>
+                <Button>二级</Button>
+                <Button>三级</Button>
+              </ButtonToolbar>
+            </Col>
+          </Panel>
+        </Row>
+      </Col>
+      <Col xs={4}>
+        <Panel style={{ height: "calc(80vh + 20px)" }} header="记录">
+          <Table>
+            <thead>
+              <tr>
+                <th>序号</th>
+                <th>顺序</th>
+                <th>工艺</th>
+                <th>级别</th>
+                <th>重量</th>
+                <th>时间</th>
+              </tr>
+            </thead>
+          </Table>
+        </Panel>
+      </Col>
+    </Row>
+  </Grid>;
+}
+
+function mapStateToProps(st: StAppWithMainView): Props {
+  return {
+  };
+}
+
+function mapDispatchToProps(dispatch: Dispatch<StAppWithMainView>): Callbacks {
+  return {
+  };
+}
+
+export const MainView = connect(mapStateToProps, mapDispatchToProps)(mainView);

src/main-view/index.ts

@@ -0,0 +1,9 @@
+export { MainView } from "./container";
+
+export interface StMainView {
+
+}
+
+export interface StAppWithMainView {
+  mainView: StMainView;
+}