首页 发现 帮助
注册 登录
gyfl
/
merchant
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

add to local

stanley-king 4 年之前
当前提交
6379f56a16
共有 23 个文件被更改，包括 1036 次插入 和 0 次删除
合并视图 显示文件统计
  1. 24 0
      README.md
  2. 5 0
      babel.config.js
  3. 45 0
      package.json
  4. 二进制
      public/favicon.ico
  5. 17 0
      public/index.html
  6. 11 0
      src/App.vue
  7. 二进制
      src/assets/login.jpg
  8. 二进制
      src/assets/logo.png
  9. 58 0
      src/components/HelloWorld.vue
  10. 11 0
      src/css/base.css
  11. 16 0
      src/main.js
  12. 88 0
      src/pages/index.vue
  13. 48 0
      src/pages/login.vue
  14. 199 0
      src/pages/subPages/express.vue
  15. 84 0
      src/pages/subPages/log.vue
  16. 84 0
      src/pages/subPages/message.vue
  17. 96 0
      src/pages/subPages/order.vue
  18. 84 0
      src/pages/subPages/status.vue
  19. 58 0
      src/pages/subPages/view.vue
  20. 69 0
      src/router/index.js
  21. 5 0
      src/views/About.vue
  22. 18 0
      src/views/Home.vue
  23. 16 0
      vue.config.js

+ 24 - 0
README.md
查看文件 

@@ -0,0 +1,24 @@
 
+# songcan
 
+
 
+## Project setup
 
+```
 
+npm install
 
+```
 
+
 
+### Compiles and hot-reloads for development
 
+```
 
+npm run serve
 
+```
 
+
 
+### Compiles and minifies for production
 
+```
 
+npm run build
 
+```
 
+
 
+### Lints and fixes files
 
+```
 
+npm run lint
 
+```
 
+
 
+### Customize configuration
 
+See [Configuration Reference](https://cli.vuejs.org/config/).

+ 5 - 0
babel.config.js
查看文件 

@@ -0,0 +1,5 @@
 
+module.exports = {
 
+  presets: [
 
+    '@vue/cli-plugin-babel/preset'
 
+  ]
 
+}

+ 45 - 0
package.json
查看文件 

@@ -0,0 +1,45 @@
 
+{
 
+  "name": "songcan",
 
+  "version": "0.1.0",
 
+  "private": true,
 
+  "scripts": {
 
+    "serve": "vue-cli-service serve",
 
+    "build": "vue-cli-service build",
 
+    "lint": "vue-cli-service lint"
 
+  },
 
+  "dependencies": {
 
+    "core-js": "^3.6.4",
 
+    "element-ui": "^2.13.1",
 
+    "vue": "^2.6.11",
 
+    "vue-router": "^3.1.6"
 
+  },
 
+  "devDependencies": {
 
+    "@vue/cli-plugin-babel": "~4.3.0",
 
+    "@vue/cli-plugin-eslint": "~4.3.0",
 
+    "@vue/cli-plugin-router": "^4.3.1",
 
+    "@vue/cli-service": "~4.3.0",
 
+    "babel-eslint": "^10.1.0",
 
+    "eslint": "^6.7.2",
 
+    "eslint-plugin-vue": "^6.2.2",
 
+    "vue-template-compiler": "^2.6.11"
 
+  },
 
+  "eslintConfig": {
 
+    "root": true,
 
+    "env": {
 
+      "node": true
 
+    },
 
+    "extends": [
 
+      "plugin:vue/essential",
 
+      "eslint:recommended"
 
+    ],
 
+    "parserOptions": {
 
+      "parser": "babel-eslint"
 
+    },
 
+    "rules": {}
 
+  },
 
+  "browserslist": [
 
+    "> 1%",
 
+    "last 2 versions",
 
+    "not dead"
 
+  ]
 
+}

二进制
public/favicon.ico
查看文件


+ 17 - 0
public/index.html
查看文件 

@@ -0,0 +1,17 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+  <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">
 
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 
+    <title><%= htmlWebpackPlugin.options.title %></title>
 
+  </head>
 
+  <body>
 
+    <noscript>
 
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
 
+    </noscript>
 
+    <div id="app"></div>
 
+    <!-- built files will be auto injected -->
 
+  </body>
 
+</html>

+ 11 - 0
src/App.vue
查看文件 

@@ -0,0 +1,11 @@
 
+<template>
 
+  <div id="app">
 
+    <router-view />
 
+  </div>
 
+</template>
 
+
 
+<style>
 
+  #app {
 
+    height: 100%;
 
+  } 
+</style>

二进制
src/assets/login.jpg
查看文件


二进制
src/assets/logo.png
查看文件


+ 58 - 0
src/components/HelloWorld.vue
查看文件 

@@ -0,0 +1,58 @@
 
+<template>
 
+  <div class="hello">
 
+    <h1>{{ msg }}</h1>
 
+    <p>
 
+      For a guide and recipes on how to configure / customize this project,<br>
 
+      check out the
 
+      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 
+    </p>
 
+    <h3>Installed CLI Plugins</h3>
 
+    <ul>
 
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
 
+      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
 
+    </ul>
 
+    <h3>Essential Links</h3>
 
+    <ul>
 
+      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
 
+      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
 
+      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
 
+      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
 
+      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
 
+    </ul>
 
+    <h3>Ecosystem</h3>
 
+    <ul>
 
+      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
 
+      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
 
+      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
 
+      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
 
+      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
 
+    </ul>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+export default {
 
+  name: 'HelloWorld',
 
+  props: {
 
+    msg: String
 
+  }
 
+}
 
+</script>
 
+
 
+<!-- Add "scoped" attribute to limit CSS to this component only -->
 
+<style scoped>
 
+h3 {
 
+  margin: 40px 0 0;
 
+}
 
+ul {
 
+  list-style-type: none;
 
+  padding: 0;
 
+}
 
+li {
 
+  display: inline-block;
 
+  margin: 0 10px;
 
+}
 
+a {
 
+  color: #42b983;
 
+}
 
+</style>

+ 11 - 0
src/css/base.css
查看文件 

@@ -0,0 +1,11 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    box-sizing: border-box;
 
+    font-family:sans-serif;
 
+}
 
+
 
+html,body {
 
+    height: 100%;
 
+    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
 
+}

+ 16 - 0
src/main.js
查看文件 

@@ -0,0 +1,16 @@
 
+import Vue from 'vue'
 
+import ElementUI from 'element-ui';
 
+import '@/css/base.css';
 
+import 'element-ui/lib/theme-chalk/index.css';
 
+import App from './App.vue'
 
+import router from './router'
 
+
 
+
 
+Vue.use(ElementUI);
 
+
 
+Vue.config.productionTip = false
 
+
 
+new Vue({
 
+  router,
 
+  render: h => h(App)
 
+}).$mount('#app')

+ 88 - 0
src/pages/index.vue
查看文件 

@@ -0,0 +1,88 @@
 
+<template>
 
+  <el-container>
 
+    <el-header>
 
+      <el-row type="flex" style="height:100%;" justify="space-between" align="middle">
 
+        <div>航空工业集团快递智能柜管理程序</div>
 
+        <div>
 
+          <el-dropdown @command="onUserEdit">
 
+            <span class="el-dropdown-link">
 
+              <i class="el-icon-user" style="margin-right: 10px"></i>管理员
 
+              <i class="el-icon-arrow-down el-icon--right"></i>
 
+            </span>
 
+            <el-dropdown-menu slot="dropdown">
 
+              <el-dropdown-item command="logout">退出登录</el-dropdown-item>
 
+              <el-dropdown-item>修改密码</el-dropdown-item>
 
+            </el-dropdown-menu>
 
+          </el-dropdown>
 
+        </div>
 
+      </el-row>
 
+    </el-header>
 
+    <el-container style="height: 100%; border: 1px solid #eee">
 
+      <el-aside width="250px">
 
+        <el-menu
 
+          router
 
+          class="el-menu"
 
+          background-color="#545c64"
 
+          text-color="#fff"
 
+          active-text-color="#ffd04b"
 
+          :default-active="curPath"
 
+        >
 
+          <el-menu-item index="express" route="express">
 
+            <i class="el-icon-menu"></i>
 
+            <span slot="title">柜体控制</span>
 
+          </el-menu-item>
 
+          <el-menu-item index="order" route="order">
 
+            <i class="el-icon-s-order"></i>
 
+            <span slot="title">订单管理</span>
 
+          </el-menu-item>
 
+          <el-menu-item index="log" route="log">
 
+            <i class="el-icon-document"></i>
 
+            <span slot="title">日志管理</span>
 
+          </el-menu-item>
 
+          <el-menu-item index="message" route="message">
 
+            <i class="el-icon-message"></i>
 
+            <span slot="title">消息通知</span>
 
+          </el-menu-item>
 
+          <el-menu-item index="status" route="status">
 
+            <i class="el-icon-search"></i>
 
+            <span slot="title">状态查询</span>
 
+          </el-menu-item>
 
+          <el-menu-item index="view" route="view">
 
+            <i class="el-icon-s-platform"></i>
 
+            <span slot="title">操作记录</span>
 
+          </el-menu-item>
 
+        </el-menu>
 
+      </el-aside>
 
+      <el-main class="el-menu">
 
+        <router-view />
 
+      </el-main>
 
+    </el-container>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  created() {
 
+    this.curPath = this.$route.name;
 
+  },
 
+  data() {
 
+    return {
 
+      curPath: ""
 
+    };
 
+  },
 
+  methods: {
 
+    onUserEdit(command) {
 
+      if (command == "logout") {
 
+        this.$router.replace({ path: "/login" });
 
+      }
 
+    }
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+.el-menu {
 
+  height: calc(100vh - 62px);
 
+}
 
+.el-dropdown-link {
 
+  color: #409eff;
 
+}
 
+</style>

+ 48 - 0
src/pages/login.vue
查看文件 

@@ -0,0 +1,48 @@
 
+<template>
 
+  <el-container :style="'height:100%;background:url('+LoginBg+');background-size:cover;'">
 
+    <el-row type="flex" style="width:100%;height:100%;" justify="center" align="middle">
 
+      <el-card style="width:400px;height:300px;" shadow="always">
 
+        <div slot="header" class="clearfix">
 
+          <span>欢迎使用智能快递柜</span>
 
+        </div>
 
+        <el-row type="flex" justify="center">
 
+          <div class="login_container">
 
+            <el-input v-model="name" style="margin-bottom:20px;" placeholder="请输入用户名"></el-input>
 
+            <el-input v-model="pwd" style="margin-bottom:20px;" type="password" placeholder="请输入密码"></el-input>
 
+            <el-button type="primary" size="medium" style="width:100%;" @click="onLogin">登录</el-button>
 
+          </div>
 
+        </el-row>
 
+      </el-card>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+import LoginBg from "@/assets/login.jpg";
 
+export default {
 
+  data() {
 
+    return {
 
+      LoginBg,
 
+      name: "",
 
+      pwd: ""
 
+    };
 
+  },
 
+  methods: {
 
+    onLogin() {
 
+      this.$message({
 
+        message: "登录成功",
 
+        type: "success",
 
+        center: true,
 
+        duration: 1000,
 
+        onClose: () => {
 
+          this.$router.replace({ path: "/" });
 
+        }
 
+      });
 
+    }
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+.login_container {
 
+  width: 90%;
 
+}
 
+</style>

+ 199 - 0
src/pages/subPages/express.vue
查看文件 

@@ -0,0 +1,199 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">
 
+      <div style="float:left;">柜体控制</div>
 
+      <div style="float:right;height:40px;">
 
+        <el-dropdown>
 
+          <span class="el-dropdown-link">
 
+            操作
 
+            <i class="el-icon-arrow-down el-icon--right"></i>
 
+          </span>
 
+          <el-dropdown-menu slot="dropdown">
 
+            <el-dropdown-item>开箱</el-dropdown-item>
 
+            <el-dropdown-item>停用</el-dropdown-item>
 
+          </el-dropdown-menu>
 
+        </el-dropdown>
 
+      </div>
 
+    </el-header>
 
+
 
+    <el-row justify="space-around" :gutter="10">
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>1号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <div style="height:72px;">
 
+            <el-row type="flex" align="middle" style="height:100%;">
 
+              <el-button>空闲</el-button>
 
+            </el-row>
 
+          </div>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>2号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>3号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>4号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>5号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>6号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>7号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text">开箱</el-button>
 
+          </div>
 
+          <el-row type="flex" justify="space-between">
 
+            <el-row type="flex" align="middle">
 
+              <el-button type="danger">使用中</el-button>
 
+            </el-row>
 
+            <div>
 
+              <h4>
 
+                黄先生
 
+                <el-button style="margin-left:10px;" size="mini" type="primary">通知</el-button>
 
+              </h4>
 
+              <h4>130xxxxxxxx</h4>
 
+              <h4>8小时</h4>
 
+            </div>
 
+          </el-row>
 
+        </el-card>
 
+      </el-col>
 
+      <el-col :span="6">
 
+        <el-card class="box-card">
 
+          <div slot="header" class="clearfix">
 
+            <span>8号柜</span>
 
+            <el-button style="float: right; padding: 3px 0" type="text" disabled>开箱</el-button>
 
+          </div>
 
+          <div style="height:72px;">
 
+            <el-row type="flex" align="middle" style="height:100%;">
 
+              <el-button type="info">故障</el-button>
 
+            </el-row>
 
+          </div>
 
+        </el-card>
 
+      </el-col>
 
+    </el-row>
 
+
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+      <el-pagination background layout="prev, pager, next" :total="30"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {};
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+.box-card {
 
+  color: #fff;
 
+  background: rgb(107,107,107);
 
+  margin-top: 10px;
 
+}
 
+.el-dropdown-link {
 
+  cursor: pointer;
 
+  color: #409eff;
 
+}
 
+.el-icon-arrow-down {
 
+  font-size: 12px;
 
+}
 
+</style>

+ 84 - 0
src/pages/subPages/log.vue
查看文件 

@@ -0,0 +1,84 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">日志管理</el-header>
 
+    <div style="margin:10px 0;">
 
+      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
 
+      <el-button style="margin-left:10px;" type="primary">查询</el-button>
 
+    </div>
 
+    <el-table :data="tableData" height="100%" border style="width: 100%">
 
+      <el-table-column prop="date" label="日期" width="180"></el-table-column>
 
+      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
 
+      <el-table-column prop="address" label="地址"></el-table-column>
 
+    </el-table>
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      tableData: [
 
+        {
 
+          date: "2016-05-03",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-02",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-04",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        }
 
+      ]
 
+    };
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+</style>

+ 84 - 0
src/pages/subPages/message.vue
查看文件 

@@ -0,0 +1,84 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">消息通知</el-header>
 
+    <div style="margin:10px 0;">
 
+      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
 
+      <el-button style="margin-left:10px;" type="primary">查询</el-button>
 
+    </div>
 
+    <el-table :data="tableData" height="100%" border style="width: 100%">
 
+      <el-table-column prop="date" label="日期" width="180"></el-table-column>
 
+      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
 
+      <el-table-column prop="address" label="地址"></el-table-column>
 
+    </el-table>
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      tableData: [
 
+        {
 
+          date: "2016-05-03",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-02",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-04",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        }
 
+      ]
 
+    };
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+</style>

+ 96 - 0
src/pages/subPages/order.vue
查看文件 

@@ -0,0 +1,96 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">订单管理</el-header>
 
+    <div style="margin:10px 0;">
 
+      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
 
+      <el-button style="margin-left:10px;" type="primary">查询</el-button>
 
+    </div>
 
+    <el-table :data="tableData" height="100%" border style="width: 100%">
 
+      <el-table-column align="center" prop="orderId" label="订单编号"></el-table-column>
 
+      <el-table-column align="center" prop="salerId" label="销售商号"></el-table-column>
 
+      <el-table-column align="center" prop="account" label="下单帐号"></el-table-column>
 
+      <el-table-column align="center" prop="date" label="下单时间"></el-table-column>
 
+      <el-table-column align="center" prop="goodsName" label="商品名称"></el-table-column>
 
+      <el-table-column align="center" prop="orderUnit" label="订单单位"></el-table-column>
 
+      <el-table-column align="center" prop="orderNum" label="订购数量"></el-table-column>
 
+      <el-table-column align="center" prop="orderStatus" label="订单状态"></el-table-column>
 
+      <el-table-column align="center" prop="consignee" label="收货人"></el-table-column>
 
+      <el-table-column align="center" prop="address" label="收货地址"></el-table-column>
 
+    </el-table>
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+      <el-pagination background layout="prev, pager, next" :total="30"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      tableData: [
 
+        {
 
+          orderId: "1",
 
+          salerId: "12",
 
+          account: "xxxxxxxx",
 
+          date: "2016-05-03",
 
+          goodsName: "xxxxxx",
 
+          orderUnit: "件",
 
+          orderNum: "1",
 
+          orderStatus: "已取",
 
+          consignee: "王小虎",
 
+          address: "xxxx市xxx小区"
 
+        },
 
+        {
 
+          orderId: "2",
 
+          salerId: "13",
 
+          account: "xxxxxxxx",
 
+          date: "2016-05-03",
 
+          goodsName: "xxxxxx",
 
+          orderUnit: "件",
 
+          orderNum: "1",
 
+          orderStatus: "已取",
 
+          consignee: "王小虎",
 
+          address: "xxxx市xxx小区"
 
+        },
 
+        {
 
+          orderId: "3",
 
+          salerId: "14",
 
+          account: "xxxxxxxx",
 
+          date: "2016-05-03",
 
+          goodsName: "xxxxxx",
 
+          orderUnit: "件",
 
+          orderNum: "1",
 
+          orderStatus: "已取",
 
+          consignee: "王小虎",
 
+          address: "xxxx市xxx小区"
 
+        },
 
+        {
 
+          orderId: "4",
 
+          salerId: "15",
 
+          account: "xxxxxxxx",
 
+          date: "2016-05-03",
 
+          goodsName: "xxxxxx",
 
+          orderUnit: "件",
 
+          orderNum: "1",
 
+          orderStatus: "已取",
 
+          consignee: "王小虎",
 
+          address: "xxxx市xxx小区"
 
+        },
 
+        {
 
+          orderId: "5",
 
+          salerId: "16",
 
+          account: "xxxxxxxx",
 
+          date: "2016-05-03",
 
+          goodsName: "xxxxxx",
 
+          orderUnit: "件",
 
+          orderNum: "1",
 
+          orderStatus: "已取",
 
+          consignee: "王小虎",
 
+          address: "xxxx市xxx小区"
 
+        }
 
+      ]
 
+    };
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+</style>

+ 84 - 0
src/pages/subPages/status.vue
查看文件 

@@ -0,0 +1,84 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">状态查询</el-header>
 
+    <div style="margin:10px 0;">
 
+      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
 
+      <el-button style="margin-left:10px;" type="primary">查询</el-button>
 
+    </div>
 
+    <el-table :data="tableData" height="100%" border style="width: 100%">
 
+      <el-table-column prop="date" label="日期" width="180"></el-table-column>
 
+      <el-table-column prop="name" label="姓名" width="180"></el-table-column>
 
+      <el-table-column prop="address" label="地址"></el-table-column>
 
+    </el-table>
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+        <el-pagination background layout="prev, pager, next" :total="1000"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      tableData: [
 
+        {
 
+          date: "2016-05-03",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-02",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-04",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-01",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-08",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-06",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        },
 
+        {
 
+          date: "2016-05-07",
 
+          name: "王小虎",
 
+          address: "上海市普陀区金沙江路 1518 弄"
 
+        }
 
+      ]
 
+    };
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+</style>

+ 58 - 0
src/pages/subPages/view.vue
查看文件 

@@ -0,0 +1,58 @@
 
+<template>
 
+  <el-container direction="vertical">
 
+    <el-header height="40px" style="border-bottom: 1px solid #eee">订单管理</el-header>
 
+    <div style="margin:10px 0;">
 
+      <el-date-picker v-model="value1" type="date" placeholder="选择日期"></el-date-picker>
 
+      <el-button style="margin-left:10px;" type="primary">查询</el-button>
 
+    </div>
 
+    <el-table :data="tableData" height="100%" border style="width: 100%">
 
+      <el-table-column align="center" prop="boxId" label="箱号"></el-table-column>
 
+      <el-table-column align="center" prop="date" label="日期"></el-table-column>
 
+      <el-table-column align="center" prop="time" label="时间"></el-table-column>
 
+      <el-table-column align="center" prop="name" label="姓名"></el-table-column>
 
+      <el-table-column align="center" prop="openType" label="打开方式"></el-table-column>
 
+      <el-table-column align="center" prop="pic" label="图片">
 
+        <el-image style="width:100%;height:80px;"></el-image>
 
+      </el-table-column>
 
+    </el-table>
 
+    <el-row style="margin-top:10px;" type="flex" justify="end">
 
+      <el-pagination background layout="prev, pager, next" :total="30"></el-pagination>
 
+    </el-row>
 
+  </el-container>
 
+</template>
 
+<script>
 
+export default {
 
+  data() {
 
+    return {
 
+      tableData: [
 
+        {
 
+          boxId: "1",
 
+          date: "2020-05-11",
 
+          time: "12:00",
 
+          name: "黄先生",
 
+          openType: "开箱",
 
+          pic: ""
 
+        },
 
+        {
 
+          boxId: "2",
 
+          date: "2020-05-11",
 
+          time: "12:00",
 
+          name: "黄先生",
 
+          openType: "开箱",
 
+          pic: ""
 
+        },
 
+        {
 
+          boxId: "3",
 
+          date: "2020-05-11",
 
+          time: "12:00",
 
+          name: "黄先生",
 
+          openType: "开箱",
 
+          pic: ""
 
+        }
 
+      ]
 
+    };
 
+  }
 
+};
 
+</script>
 
+<style scoped>
 
+</style>

+ 69 - 0
src/router/index.js
查看文件 

@@ -0,0 +1,69 @@
 
+import Vue from 'vue'
 
+import VueRouter from 'vue-router'
 
+
 
+const Index = () => import('@/pages/index');
 
+const Login = () => import('@/pages/login');
 
+const Log = () => import('@/pages/subPages/log');
 
+const Express = () => import('@/pages/subPages/express');
 
+const Order = () => import('@/pages/subPages/order');
 
+const Message = () => import('@/pages/subPages/message');
 
+const Status = () => import('@/pages/subPages/status');
 
+const View = () => import('@/pages/subPages/view');
 
+
 
+Vue.use(VueRouter)
 
+
 
+  const routes = [
 
+  {
 
+    path: '/',
 
+    name: 'Index',
 
+    component: Index,
 
+    redirect:'/express',
 
+    children:[
 
+      {
 
+        path:'/log',
 
+        name:'log',
 
+        component:Log
 
+      },
 
+      {
 
+        path:'/express',
 
+        name:'express',
 
+        component:Express
 
+      },
 
+      {
 
+        path:'/order',
 
+        name:'order',
 
+        component:Order
 
+      },
 
+      {
 
+        path:'/message',
 
+        name:'message',
 
+        component:Message
 
+      },
 
+      {
 
+        path:'/status',
 
+        name:'status',
 
+        component:Status
 
+      },
 
+      {
 
+        path:'/view',
 
+        name:'view',
 
+        component:View
 
+      }
 
+    ]
 
+  },
 
+  {
 
+    path: '/login',
 
+    name: 'Login',
 
+    component: Login
 
+  }
 
+]
 
+
 
+const router = new VueRouter({
 
+  routes
 
+})
 
+
 
+router.beforeEach((to,from,next)=>{
 
+  next();
 
+});
 
+
 
+export default router

+ 5 - 0
src/views/About.vue
查看文件 

@@ -0,0 +1,5 @@
 
+<template>
 
+  <div class="about">
 
+    <h1>This is an about page</h1>
 
+  </div>
 
+</template>

+ 18 - 0
src/views/Home.vue
查看文件 

@@ -0,0 +1,18 @@
 
+<template>
 
+  <div class="home">
 
+    <img alt="Vue logo" src="../assets/logo.png">
 
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
 
+  </div>
 
+</template>
 
+
 
+<script>
 
+// @ is an alias to /src
 
+import HelloWorld from '@/components/HelloWorld.vue'
 
+
 
+export default {
 
+  name: 'Home',
 
+  components: {
 
+    HelloWorld
 
+  }
 
+}
 
+</script>

+ 16 - 0
vue.config.js
查看文件 

@@ -0,0 +1,16 @@
 
+module.exports = {
 
+    publicPath:'./',
 
+    productionSourceMap: false,
 
+    pages: {
 
+        index: {
 
+            // page 的入口
 
+            entry: 'src/main.js',
 
+            // 模板来源
 
+            template: 'public/index.html',
 
+            // 在 dist/index.html 的输出
 
+            filename: 'index.html',
 
+            // 当使用 title 选项时，template 中的 title 标签需要是 <title><%= htmlWebpackPlugin.options.title %></title>
 
+            title: '航空工业集团快递智能柜管理程序'
 
+        },
 
+    },
 
+}