tanxf

src/pages/SecurityFire/Duty/index.vue

@@ -0,0 +1,58 @@
+// 执勤管理
+<template>
+  <el-table
+    :data="tableData"
+    border
+    style="width: 100%">
+    <el-table-column
+      prop="company"
+      label="所属公司"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="start_date"
+      label="值勤日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="end_date"
+      label="执勤人"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="shift"
+      label="执勤地点"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="执勤记录"
+      >
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          start_date: '2016-05-02',
+          end_date: '2018-05-02',
+          company: '1001',
+          province: '上海',
+          shift: '普陀区',
+          times: '2016-05-02>>2018-05-02',
+          post: '-',
+          staffs: '11111'
+        }]
+      }
+    }
+  }
+</script>

src/pages/SecurityFire/Security/index.vue

@@ -0,0 +1,74 @@
+// 保安安排
+<template>
+  <el-table
+    :data="tableData"
+    border
+    style="width: 100%">
+    <el-table-column
+      prop="company"
+      label="所属公司"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="start_date"
+      label="开始日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="end_date"
+      label="结束日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="shift"
+      label="班次"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="时段"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="address"
+      label="地段"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="post"
+      label="岗位"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="staffs"
+      label="值班人员"
+      >
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          start_date: '2016-05-02',
+          end_date: '2018-05-02',
+          company: '1001',
+          province: '上海',
+          shift: '普陀区',
+          times: '2016-05-02>>2018-05-02',
+          post: '-',
+          staffs: '11111',
+          address: '11111'
+        }]
+      }
+    }
+  }
+</script>

src/pages/SecurityFire/Visit/index.vue

@@ -0,0 +1,78 @@
+// 来访管理
+<template>
+  <el-table
+    :data="tableData"
+    border
+    style="width: 100%">
+    <el-table-column
+      prop="company"
+      label="所属公司"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="company"
+      label="来访人"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="start_date"
+      label="来访时间"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="end_date"
+      label="离开时间"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="shift"
+      label="身份证号"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="被访人"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="所住单元"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="来访事由"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="times"
+      label="值班人"
+      >
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          start_date: '2016-05-02',
+          end_date: '2018-05-02',
+          company: '1001',
+          province: '上海',
+          shift: '普陀区',
+          times: '2016-05-02>>2018-05-02',
+          post: '-',
+          staffs: '11111'
+        }]
+      }
+    }
+  }
+</script>

src/router/index.js

@@ -62,6 +62,9 @@ import OperationLog             from '@/pages/System/OperationLog'
 import Complaints from '@/pages/Complaints/index'
 import ParKing from '@/pages/ParKing/index' //停车位
 import Letter from '@/pages/Letter/index' //收信记录
+import Security from '@/pages/SecurityFire/Security/index' //保安安排
+import Duty from '@/pages/SecurityFire/Duty/index' //执勤管理
+import Visit from '@/pages/SecurityFire/Visit/index' //来访管理
 
 Vue.use( Router )
 
@@ -295,6 +298,27 @@ export default new Router({
                     components: {
                         ContainerView: Letter
                     }
+                },
+                //保安安排
+                {
+                    path: '/Security',
+                    components: {
+                        ContainerView: Security
+                    }
+                },
+                //保安安排
+                {
+                    path: '/Duty',
+                    components: {
+                        ContainerView: Duty
+                    }
+                },
+                //来访管理
+                {
+                    path: '/Visit',
+                    components: {
+                        ContainerView: Visit
+                    }
                 }
             ]
         }

static/api/viewAPI.json

@@ -276,6 +276,25 @@
                     "breadcrumb": [ "收信记录" ]
                 }
             ]
+        }, {
+            "titleName": "安保消防",
+            "iconClass": "settings_applications",
+            "middleLink": [
+                {
+                    "titleName" : "安保消防",
+                    "url"       : "Security",
+                    "breadcrumb": [ "安保消防", "保安安排" ]
+                },{
+                    "titleName" : "执勤管理",
+                    "url"       : "Duty",
+                    "breadcrumb": [ "安保消防", "执勤管理" ]
+                }
+                ,{
+                    "titleName" : "来访管理",
+                    "url"       : "Visit",
+                    "breadcrumb": [ "安保消防", "来访管理" ]
+                }
+            ]
         }
     ]
 }