手持机页面

src/main/vue/src/entries/admin.js

@@ -30,6 +30,7 @@ Vue.component('rich-text', RichText);
 const baseUrl = process.env.NODE_ENV === 'production' ? '../' : `http://${location.hostname}:8080`;
 Vue.prototype.$baseUrl = baseUrl;
 Vue.prototype.$widgetBaseUrl = 'http://116.62.160.108:8180/';
+Vue.prototype.$handleUrl = 'http://120.27.240.144:8082/webService/call'
 axios.defaults.withCredentials = true;
 axios.defaults.baseURL = baseUrl;
 Vue.prototype.$http = {
@@ -162,6 +163,117 @@ Vue.mixin({
     }
 });
 
+//serviceName, methodName, params,返回类型:list/json,tableKey:默认牛号,日期转换格式:YYYY-MM-DD
+Vue.prototype.getHaleInfo = function(serviceName, methodName, params, type, key, dateType) {
+    return new Promise((resolve, reject) => {
+
+        var data = {
+            "serviceName": serviceName,
+            "methodName": methodName,
+            "params": params
+        }
+        axios.post(this.$handleUrl, data).then(res => {
+            var jsonp = {}
+            var list = []
+            if (res.data.data.key) {
+                if (type == list) {
+                    resolve([])
+                } else {
+                    resolve({})
+                }
+            }
+            if (type == 'list') {
+                //list处理
+
+
+                if (res.data.data[key ? key : '牛号']) {
+                    list.push(res.data.data)
+                } else {
+                    list = res.data.data
+                }
+
+                list.forEach(item => {
+                    for (var key in item) {
+                        if (key.indexOf('日期') != -1) {
+                            item[key] = format(new Date(item[key]), dateType ? dateType : 'YYYY-MM-DD', { locale: zh })
+                        }
+                    }
+                })
+
+                resolve(list)
+
+            }
+            if (type == 'json') {
+                jsonp = res.data.data
+                for (var key in jsonp) {
+                    if (key.indexOf('日期') != -1) {
+                        jsonp[key] = format(new Date(jsonp[key]), dateType ? dateType : 'YYYY-MM-DD', { locale: zh })
+                    }
+                }
+                resolve(jsonp)
+            }
+        })
+    })
+}
+
+Vue.prototype.JsonSort = function(list, jsonp, hasNot) {
+        if (hasNot) {
+            list.forEach(item => {
+                if (!jsonp[item]) {
+                    jsonp[item] = ''
+                }
+            })
+        }
+        var needList = Object.keys(jsonp).sort((a, b) => {
+            if (list.indexOf(a) == -1) {
+                return 1
+            } else if (list.indexOf(b) == -1) {
+                return -1
+            } else {
+                return list.indexOf(a) - list.indexOf(b)
+            }
+        })
+
+        var returnJson = {}
+        needList.forEach(item => {
+            returnJson[item] = jsonp[item]
+
+        })
+
+        // console.log(needList)
+
+
+
+        return returnJson
+
+    }
+    //获取牛只信息
+Vue.prototype.getCowInfo = function(cowID, type) {
+
+    return new Promise((resolve, reject) => {
+        if (cowID.length != 8) {
+            this.$message({
+                message: '牛号错误',
+                type: 'warning'
+            });
+            reject(new Error())
+            return
+        }
+        this.getHaleInfo('wsCow', 'getCowExtendInfoByCowID', [cowID, type ? type : 99], 'json').then((data) => {
+            if (Object.keys(data).length == 0) {
+                this.$message({
+                    message: '当前牛只信息不存在',
+                    type: 'warning'
+                });
+                reject(new Error())
+            } else {
+                resolve(this.JsonSort(['牛号', '当前牛舍'], data))
+            }
+
+        })
+    })
+}
+
 const updateTableHeight = () => {
     try {
         const total = document.getElementsByTagName('main')[0].clientHeight;

src/main/vue/src/main.less

@@ -171,3 +171,9 @@ ul, li {
         border-bottom:1px solid #f2f4f5;
     }
 }
+
+
+.handleTable th{
+    background-color: #E1E4E6;
+    color: #000000
+}

src/main/vue/src/pages/Admin.vue

@@ -55,9 +55,11 @@
                         </el-tab-pane>
                     </el-tabs>
                 </el-header>
-                <el-main class="main">
+                <router-view v-if="pageStyle=='手持机录入'" class='main elseMian'></router-view>
+                <el-main class="main" v-else>
                     <router-view></router-view>
                 </el-main>
+
             </el-container>
         </el-container>
 
@@ -95,7 +97,16 @@ export default {
         }
     },
     computed: {
-        ...mapState(['userInfo', 'loginHistory', 'chooseLogin'])
+        ...mapState(['userInfo', 'loginHistory', 'chooseLogin']),
+        pageStyle() {
+            var str = '普通'
+            if (this.$route.meta) {
+                if (this.$route.meta.type) {
+                    str = this.$route.meta.type
+                }
+            }
+            return str
+        }
     },
     methods: {
         findActiveMenu() {
@@ -350,5 +361,8 @@ export default {
 
 .main {
     background-color: #f2f4f5;
+    &.elseMian {
+        padding: 20px;
+    }
 }
 </style>

src/main/vue/src/pages/HandleLeaveAdd.vue

@@ -0,0 +1,340 @@
+<template>
+    <el-container style="flex-grow:1">
+        <el-main class="containMain">
+            <div class="contentTitle">离场登记</div>
+            <el-form ref="form" :model="formData" label-width="80px" style="margin-top:20px;">
+                <el-form-item label="" label-width="0">
+                    <el-input v-model="formData.cowID" prefix-icon="el-icon-search" style="width:300px" maxlength="8"></el-input>
+                    <el-button type="primary" @click="getNowCow" style="width:90px;margin-left:12px">确认</el-button>
+                </el-form-item>
+                <div class="sub" v-if="tableData.length>0">
+                    操作牛号：{{tableData[0].value}}
+                </div>
+                <el-form-item label="离场方式">
+                    <el-select v-model="formData.LeftClass" placeholder="请选择">
+                        <el-option v-for="item in LeftClass" :key="item['名称']" :label="item['名称']" :value="item['名称']">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="离场去向">
+                    <el-select v-model="formData.LeftWhere" placeholder="请选择">
+                        <el-option v-for="item in LeftWhere" :key="item['名称']" :label="item['名称']" :value="item['名称']">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="离场原因">
+                    <el-select v-model="formData.reason" placeholder="请选择">
+                        <el-option v-for="item in reasons" :key="item" :label="item" :value="item">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="处理意见">
+                    <el-select v-model="formData.remark" placeholder="请选择">
+                        <el-option v-for="item in remarks" :key="item" :label="item" :value="item">
+                        </el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="主动淘汰?">
+                    <el-radio-group v-model="formData.isActived">
+                        <el-radio label="1">是</el-radio>
+                        <el-radio label="0">否</el-radio>
+                    </el-radio-group>
+                </el-form-item>
+                <el-form-item label="残值">
+                    <el-input v-model="formData.remainValue" style="width:220px"></el-input>
+                </el-form-item>
+
+                <div style="margin-top:80px">
+                    <el-button @click="onSave" type="primary" style="width:98px;" size="mediu">确认保存</el-button>
+
+                </div>
+            </el-form>
+        </el-main>
+        <el-aside class="containAside" width="450px">
+            <div class="asideInfo">
+                <div class="contentTitle">牛只信息</div>
+                <el-table class="handleTable" border :data="tableData" style="width: 100%" :height='(allHeight-70)+"px"' size='small'>
+                    <el-table-column prop="key" label="参数">
+                    </el-table-column>
+                    <el-table-column prop="value" label="当前牛只信信息">
+                    </el-table-column>
+                </el-table>
+            </div>
+        </el-aside>
+    </el-container>
+
+    <!-- <div>
+        <el-form :model="formData" :rules="rules" ref="form" label-width="80px" label-position="right" size="small"
+                 style="max-width: 500px;">
+            <el-form-item prop="icon" label="头像">
+                <single-upload v-model="formData.icon"></single-upload>
+            </el-form-item>
+            <el-form-item prop="username" label="用户名">
+                <el-input v-model="formData.username"></el-input>
+            </el-form-item>
+            <el-form-item prop="phone" label="手机">
+                <el-input v-model="formData.phone"></el-input>
+            </el-form-item>
+            <el-form-item prop="phone" label="密码" v-if="!$route.query.id">
+                <el-input v-model="formData.password"></el-input>
+            </el-form-item>
+            <el-form-item prop="roleId" label="角色">
+                <el-select v-model="formData.roleId" multiple placeholder="请选择" style="width: 100%;">
+                    <el-option
+                        v-for="item in roles"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item.id">
+                    </el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="departId" label="部门">
+                <el-cascader
+                    :options="departs"
+                    v-model="formData.departId">
+                </el-cascader>
+            </el-form-item>
+            <el-form-item prop="birthday" label="生日">
+                <el-date-picker
+                    v-model="formData.birthday"
+                    format="yyyy-MM-dd"
+                    value-format="timestamp">
+                </el-date-picker>
+            </el-form-item>
+            <el-form-item prop="createTime" label="创建时间">
+                <el-date-picker
+                    v-model="formData.createTime"
+                    type="datetime"
+                    format="yyyy-MM-dd HH:mm:ss"
+                    value-format="timestamp">
+                </el-date-picker>
+            </el-form-item>
+            <el-form-item>
+                <el-button @click="onSave" :loading="$store.state.fetchingData" type="primary">保存</el-button>
+                <el-button @click="$router.go(-1)">取消</el-button>
+            </el-form-item>
+        </el-form>
+    </div> -->
+</template>
+<script>
+import formValidator from '../formValidator'
+import axios from 'axios'
+import { mapState } from 'vuex'
+export default {
+    created() {
+
+        this.getHaleInfo('wsCow', 'getUserDict', ['LeftReason'], 'list').then((data) => {
+            this.allReason = data
+            this.formData.reason = data[0]['类别']
+        })
+
+        this.getHaleInfo('wsCow', 'getUserDict', ['LeftClass'], 'list').then((data) => {
+            this.LeftClass = data
+        })
+
+        this.getHaleInfo('wsCow', 'getUserDict', ['LeftWhere'], 'list').then((data) => {
+            this.LeftWhere = data
+        })
+    },
+    data() {
+        return {
+            saving: false,
+            formData: {
+                cowID: '',
+                LeftClass: '淘汰',
+                LeftWhere: '无害化处理',
+                reason: '',
+                remark: '',
+                isActived: "0",
+                remainValue: '1',
+                operators: ''
+            },
+            rules: {
+                icon: [
+                    { required: true, message: '请上传头像', trigger: 'blur' },
+                ],
+                username: [
+                    { required: true, message: '请输入昵称', trigger: 'blur' },
+                ],
+                phone: [
+                    { required: true, message: '请输入手机号', trigger: 'blur' },
+                    {
+                        validator: (rule, value, callback) => {
+                            if (!value) {
+                                callback(new Error('请输入手机号'));
+                            } else if (/^1[3-9]\d{9}$/.test(value)) {
+                                callback();
+                            } else {
+                                callback(new Error('请输入正确的手机号'));
+                            }
+                        }, trigger: 'blur'
+                    }
+                ],
+                password: [
+                    { required: true, message: '请输入密码', trigger: 'blur' },
+                ],
+                roleId: [
+                    { required: true, message: '请选择角色', trigger: 'blur' },
+                ]
+            },
+            roles: [],
+            departs: [],
+            allReason: [],
+            LeftClass: [],
+            LeftWhere: [],
+            tableData: []
+        }
+    },
+    computed: {
+        ...mapState(['userInfo', 'allHeight']),
+        reasons() {
+            var list = []
+            this.allReason.forEach(item => {
+                if (list.indexOf(item['类别']) == -1) {
+                    list.push(item['类别'])
+                }
+            })
+            return list
+        },
+        remarks() {
+            var list = []
+            if (this.formData.reason) {
+                this.allReason.forEach(item => {
+                    if (item['类别'] == this.formData.reason) {
+                        list.push(item['名称'])
+                    }
+                })
+            }
+            return list
+        }
+    },
+    watch: {
+        'formData.reason'() {
+            setTimeout(() => {
+                this.formData.remark = this.remarks[0]
+            }, 100)
+        },
+        'formData.cowID'() {
+            if (this.formData.cowID.length != 8) {
+                return
+            }
+            this.getNowCow()
+        }
+    },
+    methods: {
+        onSave() {
+            if (!this.formData.cowID) {
+                this.$message({
+                    message: '请录入离场牛只牛号',
+                    type: 'warning'
+                });
+                return
+            }
+            this.formData.operators = this.userInfo.username
+            var list = []
+            Object.keys(this.formData).forEach(item => {
+                if (item == 'isActive') {
+                    list.push(this.formData.isActive == '1' ? true : false)
+                }
+                else {
+                    list.push(this.formData[item])
+                }
+
+            })
+            this.getHaleInfo('wsCow', 'addLeftInfo', list, 'json').then((data) => {
+                // console.log(data)
+                if (data.rtnCode == -1) {
+                    this.$message({
+                        message: data.rtnMessage,
+                        type: 'warning'
+                    });
+                    this.formData.cowID = ''
+                }
+                else {
+                    this.$message({
+                        message: '离场信息录入成功',
+                        type: 'warning'
+                    });
+                    this.formData.cowID = ''
+                }
+            })
+        },
+        submit() {
+            var data = JSON.parse(JSON.stringify(this.formData));
+            this.$http.post({
+                url: this.formData.id ? '/userInfo/update' : '/userInfo/save',
+                data: data
+            }).then(res => {
+                if (res.success) {
+                    this.$message.success('成功');
+                    this.$router.go(-1);
+                } else {
+                    this.$message.warning('失败')
+                }
+            });
+        },
+        getNowCow() {
+
+            this.getCowInfo(this.formData.cowID).then((data) => {
+                // console.log(data)
+                var list = []
+                Object.keys(data).forEach(item => {
+                    list.push({
+                        key: item,
+                        value: data[item]
+                    })
+                })
+
+                // console.log(list)
+
+                this.tableData = list
+            }).catch(() => {
+                this.formData.cowID = ''
+            })
+        }
+    }
+}
+</script>
+<style lang="less" scoped>
+.containMain {
+    background: rgba(255, 255, 255, 1);
+    border-radius: 4px;
+    padding: 15px;
+    // margin-right: 10px;
+    .contentTitle {
+        border-bottom: 1px solid #f2f4f5;
+    }
+    // min-width: 450px;
+
+    .sub{
+        font-size:14px;
+font-weight:600;
+color:rgba(102,102,102,1);
+line-height:20px;
+margin-bottom: 40px;
+padding-left: 20px;
+    }
+}
+
+.contentTitle {
+    font-size: 16px;
+    font-weight: bold;
+    color: rgba(0, 0, 0, 1);
+    line-height: 22px;
+    letter-spacing: 1px;
+    padding-bottom: 14px;
+}
+
+.containAside {
+    padding: 0;
+    margin-left: 10px;
+    display: flex;
+    flex-direction: column;
+    .asideInfo {
+        flex-grow: 1;
+        background: rgba(255, 255, 255, 1);
+        border-radius: 4px;
+        padding: 15px;
+    }
+}
+</style>

src/main/vue/src/router/index.js

@@ -6,287 +6,351 @@ import axios from 'axios'
 Vue.use(Router);
 
 const router = new Router({
-    routes: [
-        {
+    routes: [{
             path: '/',
-            component: () => import('../pages/Admin'),
-            children: [
-                {
+            component: () =>
+                import ('../pages/Admin'),
+            children: [{
                     path: '/',
                     redirect: 'dashboard'
                 },
                 {
                     path: '/404',
                     name: '404',
-                    component: () => import('../pages/404')
+                    component: () =>
+                        import ('../pages/404')
                 },
                 {
                     path: '/dashboard',
                     name: 'dashboard',
-                    component: () => import('../pages/Dashboard')
+                    component: () =>
+                        import ('../pages/Dashboard')
                 },
                 {
                     path: '/users',
                     name: 'users',
-                    component: () => import('../pages/Users')
+                    component: () =>
+                        import ('../pages/Users')
                 },
                 {
                     path: '/user',
                     name: 'user',
-                    component: () => import('../pages/User')
+                    component: () =>
+                        import ('../pages/User')
                 },
                 {
                     path: '/menus',
                     name: 'menus',
-                    component: () => import('../pages/Menus')
+                    component: () =>
+                        import ('../pages/Menus')
                 },
                 {
                     path: '/roles',
                     name: 'roles',
-                    component: () => import('../pages/Roles')
+                    component: () =>
+                        import ('../pages/Roles')
                 },
                 {
                     path: '/role',
                     name: 'role',
-                    component: () => import('../pages/Role')
+                    component: () =>
+                        import ('../pages/Role')
                 },
                 {
                     path: '/api',
                     name: 'api',
-                    component: () => import('../pages/Api')
+                    component: () =>
+                        import ('../pages/Api')
                 },
                 {
                     path: '/genCodes',
                     name: 'genCodes',
-                    component: () => import('../pages/GenCodes')
+                    component: () =>
+                        import ('../pages/GenCodes')
                 },
                 {
                     path: '/genCode',
                     name: 'genCode',
-                    component: () => import('../pages/GenCode')
+                    component: () =>
+                        import ('../pages/GenCode')
                 },
                 {
                     path: '/permissions',
                     name: 'permissions',
-                    component: () => import('../pages/Permissions')
+                    component: () =>
+                        import ('../pages/Permissions')
                 },
                 {
                     path: '/permission',
                     name: 'permission',
-                    component: () => import('../pages/Permission')
+                    component: () =>
+                        import ('../pages/Permission')
                 },
                 {
                     path: '/departs',
                     name: 'departs',
-                    component: () => import('../pages/Departs')
+                    component: () =>
+                        import ('../pages/Departs')
                 },
                 {
                     path: '/lineChart',
                     name: 'lineChart',
-                    component: () => import('../pages/LineChart')
+                    component: () =>
+                        import ('../pages/LineChart')
                 },
                 {
                     path: '/barChart',
                     name: 'barChart',
-                    component: () => import('../pages/BarChart')
+                    component: () =>
+                        import ('../pages/BarChart')
                 },
                 {
                     path: '/polarAreaChart',
                     name: 'polarAreaChart',
-                    component: () => import('../pages/PolarAreaChart')
+                    component: () =>
+                        import ('../pages/PolarAreaChart')
                 },
                 {
                     path: '/pieChart',
                     name: 'pieChart',
-                    component: () => import('../pages/PieChart')
+                    component: () =>
+                        import ('../pages/PieChart')
                 },
                 {
                     path: '/radarChart',
                     name: 'radarChart',
-                    component: () => import('../pages/RadarChart')
+                    component: () =>
+                        import ('../pages/RadarChart')
                 },
                 {
                     path: '/bubbleChart',
                     name: 'bubbleChart',
-                    component: () => import('../pages/BubbleChart')
+                    component: () =>
+                        import ('../pages/BubbleChart')
                 },
                 {
                     path: '/processModels',
                     name: 'processModels',
-                    component: () => import('../pages/ProcessModels')
+                    component: () =>
+                        import ('../pages/ProcessModels')
                 },
                 {
                     path: '/processDefinitions',
                     name: 'processDefinitions',
-                    component: () => import('../pages/ProcessDefinitions')
+                    component: () =>
+                        import ('../pages/ProcessDefinitions')
                 },
                 {
                     path: '/myProcesses',
                     name: 'myProcesses',
-                    component: () => import('../pages/MyProcesses')
+                    component: () =>
+                        import ('../pages/MyProcesses')
                 },
                 {
                     path: '/myTasks',
                     name: 'myTasks',
-                    component: () => import('../pages/MyTasks')
+                    component: () =>
+                        import ('../pages/MyTasks')
                 },
                 {
                     path: '/completeTaskDynamic',
                     name: 'CompleteTaskDynamic',
-                    component: () => import('../pages/CompleteTaskDynamic')
+                    component: () =>
+                        import ('../pages/CompleteTaskDynamic')
                 },
                 {
                     path: '/tableShouyiYaopinxinxis',
                     name: 'tableShouyiYaopinxinxis',
-                    component: () => import('../pages/TableShouyiYaopinxinxis')
+                    component: () =>
+                        import ('../pages/TableShouyiYaopinxinxis')
                 },
                 {
                     path: '/tableShouyiYaopinxinxi',
                     name: 'tableShouyiYaopinxinxi',
-                    component: () => import('../pages/TableShouyiYaopinxinxi')
+                    component: () =>
+                        import ('../pages/TableShouyiYaopinxinxi')
                 },
                 {
                     path: '/testAaas',
                     name: 'testAaas',
-                    component: () => import('../pages/TestAaas')
+                    component: () =>
+                        import ('../pages/TestAaas')
                 },
                 {
                     path: '/testAaa',
                     name: 'testAaa',
-                    component: () => import('../pages/TestAaa')
+                    component: () =>
+                        import ('../pages/TestAaa')
                 },
                 {
                     path: '/testAaaLineChart',
                     name: 'testAaaLineChart',
-                    component: () => import('../pages/TestAaaLineChart')
+                    component: () =>
+                        import ('../pages/TestAaaLineChart')
                 },
                 {
                     path: '/commonQuerys',
                     name: 'commonQuerys',
-                    component: () => import('../pages/CommonQuerys')
+                    component: () =>
+                        import ('../pages/CommonQuerys')
                 },
                 {
                     path: '/commonQuery',
                     name: 'commonQuery',
-                    component: () => import('../pages/CommonQuery')
+                    component: () =>
+                        import ('../pages/CommonQuery')
                 },
                 {
                     path: '/commonIframe',
                     name: 'commonIframe',
-                    component: () => import('../pages/CommonIframe')
+                    component: () =>
+                        import ('../pages/CommonIframe')
                 },
                 {
                     path: '/queryConfigs',
                     name: 'queryConfigs',
-                    component: () => import('../pages/QueryConfigs')
+                    component: () =>
+                        import ('../pages/QueryConfigs')
                 },
                 {
                     path: '/queryConfig',
                     name: 'queryConfig',
-                    component: () => import('../pages/QueryConfig')
+                    component: () =>
+                        import ('../pages/QueryConfig')
                 },
                 {
                     path: '/testBbbs',
                     name: 'testBbbs',
-                    component: () => import('../pages/TestBbbs')
+                    component: () =>
+                        import ('../pages/TestBbbs')
                 },
                 {
                     path: '/testBbb',
                     name: 'testBbb',
-                    component: () => import('../pages/TestBbb')
+                    component: () =>
+                        import ('../pages/TestBbb')
                 },
                 {
                     path: '/testBbbCopys',
                     name: 'testBbbCopys',
-                    component: () => import('../pages/TestBbbCopys')
+                    component: () =>
+                        import ('../pages/TestBbbCopys')
                 },
                 {
                     path: '/testBbbCopy',
                     name: 'testBbbCopy',
-                    component: () => import('../pages/TestBbbCopy')
+                    component: () =>
+                        import ('../pages/TestBbbCopy')
                 },
                 {
                     path: '/dataSourceInfos',
                     name: 'dataSourceInfos',
-                    component: () => import('../pages/DataSourceInfos')
+                    component: () =>
+                        import ('../pages/DataSourceInfos')
                 },
                 {
                     path: '/dataSourceInfo',
                     name: 'dataSourceInfo',
-                    component: () => import('../pages/DataSourceInfo')
+                    component: () =>
+                        import ('../pages/DataSourceInfo')
                 },
                 {
                     path: '/testSqlserverAaas',
                     name: 'testSqlserverAaas',
-                    component: () => import('../pages/TestSqlserverAaas')
+                    component: () =>
+                        import ('../pages/TestSqlserverAaas')
                 },
                 {
                     path: '/TestSqlserverAaa',
                     name: 'TestSqlserverAaa',
-                    component: () => import('../pages/TestSqlserverAaa')
+                    component: () =>
+                        import ('../pages/TestSqlserverAaa')
                 },
                 {
                     path: '/deploySystem',
                     name: 'DeploySystem',
-                    component: () => import('../pages/DeploySystem')
+                    component: () =>
+                        import ('../pages/DeploySystem')
                 },
                 {
                     path: '/testDeploy',
                     name: 'TestDeploy',
-                    component: () => import('../pages/TestDeploy')
+                    component: () =>
+                        import ('../pages/TestDeploy')
                 },
                 {
                     path: '/testDeploys',
                     name: 'TestDeploys',
-                    component: () => import('../pages/TestDeploys')
+                    component: () =>
+                        import ('../pages/TestDeploys')
                 },
                 {
                     path: '/testaaaone',
                     name: 'Testaaaone',
-                    component: () => import('../pages/Testaaaone')
+                    component: () =>
+                        import ('../pages/Testaaaone')
                 },
                 {
                     path: '/testaaaones',
                     name: 'Testaaaones',
-                    component: () => import('../pages/Testaaaones')
+                    component: () =>
+                        import ('../pages/Testaaaones')
                 },
                 {
                     path: '/testgit',
                     name: 'Testgit',
-                    component: () => import('../pages/Testgit')
+                    component: () =>
+                        import ('../pages/Testgit')
                 },
                 {
                     path: '/testgits',
                     name: 'Testgits',
-                    component: () => import('../pages/Testgits')
+                    component: () =>
+                        import ('../pages/Testgits')
                 },
                 {
                     path: '/testCaidan',
                     name: 'TestCaidan',
-                    component: () => import('../pages/TestCaidan')
+                    component: () =>
+                        import ('../pages/TestCaidan')
                 },
                 {
                     path: '/testCaidans',
                     name: 'TestCaidans',
-                    component: () => import('../pages/TestCaidans')
+                    component: () =>
+                        import ('../pages/TestCaidans')
                 },
                 {
                     path: '/tableNiuseRongliang',
                     name: 'TableNiuseRongliang',
-                    component: () => import('../pages/TableNiuseRongliang')
+                    component: () =>
+                        import ('../pages/TableNiuseRongliang')
                 },
                 {
                     path: '/tableNiuseRongliangs',
                     name: 'TableNiuseRongliangs',
-                    component: () => import('../pages/TableNiuseRongliangs')
-                }
+                    component: () =>
+                        import ('../pages/TableNiuseRongliangs')
+                },
                 /**INSERT_LOCATION**/
+
+                {
+                    path: '/handleLeaveAdd',
+                    name: 'handleLeaveAdd',
+                    component: () =>
+                        import ('../pages/HandleLeaveAdd'),
+                    meta: {
+                        type: '手持机录入',
+                        title: '离场登记'
+                    }
+                }
             ]
         },
         {
             path: '/login',
             name: 'login',
-            component: () => import('../pages/Login')
+            component: () =>
+                import ('../pages/Login')
         }
     ]
 });
@@ -332,4 +396,4 @@ router.afterEach((to, from) => {
     window.onresize();
 });
 
-export default router;
+export default router;

src/main/webapp/WEB-INF/html/admin.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.1f7d6cc8efdc691d6129256abb8280da.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.351f207aa1b17a5fb955.js></script><script type=text/javascript src=/static/js/vendor.ff9d3ee4e85e6faf30a3.js></script><script type=text/javascript src=/static/js/admin.6e49ad700d139e871ddd.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>管理后台</title><link rel=icon href=/static/favicon.ico><script src=/static/polyfill.min.js></script><script src=/static/fontawesome-v5.2.0.js></script><link href=/static/css/admin.7ad9dc82b715f93ebc74dbc4f4a36452.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=/static/js/manifest.f10d98a57d767b5cdd14.js></script><script type=text/javascript src=/static/js/vendor.8df0d1c154cf7852256b.js></script><script type=text/javascript src=/static/js/admin.8ff630c2b6684da001aa.js></script></body></html>