Tweak label position

Put label to the last
Import digital-7 font
--- a/digital-7.ttf
+++ b/digital-7.ttf
--- a/index.html
+++ b/index.html
@ -18,6 +18,12 @@
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  <style>
    @font-face {
      font-family: "7bar";
      src: url("./digital-7.ttf");
    }
  </style>
 </head>
 <body>
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/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"
--- a/src/index.tsx
+++ b/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>
--- a/src/main-view/action.ts
+++ b/src/main-view/action.ts
--- a/src/main-view/container.tsx
+++ b/src/main-view/container.tsx
@ -0,0 +1,123 @@
 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) {
  const weightPanel = {
    color: "#ff4300",
    backgroundColor: "black",
    fontSize: "7rem",
    fontFamily: "\"7bar\"",
  };
  return <Grid>
    <Row style={{ height: "calc(20vh - 50px)" }}>
      <Col xs={3}>
        <div style={weightPanel}>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: "flex-start" }}>
        <Checkbox>打印条码</Checkbox>
        <Button>打印选中</Button>
        <Button>同步数据</Button>
        <Button>称设置</Button>
        <Button>扣重项</Button>
        <div style={{ flex: 1 }}></div>
        <div style={{ alignSelf: "flex-end" }}>屠宰顺序: 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);
--- a/src/main-view/index.ts
+++ b/src/main-view/index.ts
@ -0,0 +1,9 @@
 export { MainView } from "./container";
 export interface StMainView {
 }
 export interface StAppWithMainView {
  mainView: StMainView;
 }
--- a/src/main-view/reducer.ts
+++ b/src/main-view/reducer.ts
Author	SHA1	Message	Date
Red Forks	c8057b1682	Tweak label position	8 years ago
Red Forks	66fb51c5d7	Put label to the last	8 years ago
Red Forks	0bd5569543	Import digital-7 font	8 years ago
Red Forks	34bc6ae4b1	Create a stub view	8 years ago