src/pages/Customer/ContractManagement.vue

@@ -1,4 +1,89 @@
 // 合同管理
-<template lang="pug">
-h1 合同管理
-</template>
+<template>
+  <el-table
+    :data="tableData"
+    border
+    style="width: 100%">
+    <el-table-column
+      prop="address"
+      label="合同编号"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="name"
+      label="地址"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="province"
+      label="出租人"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="合同状态"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="date"
+      label="签约日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="zip"
+      label="合同终止日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="提前终止日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="收租方式"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="租金单价(/月)"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="备注"
+      >
+    </el-table-column>
+    <el-table-column
+      label="操作"
+      >
+      <template scope="">
+        <el-button type="text" size="small">编辑</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          date: '2016-05-02',
+          name: '1001',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: '-',
+          remarks: '11111'
+        }]
+      }
+    }
+  }
+</script>

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

@@ -64,6 +64,9 @@ import StaffInfo from '@/pages/Staff/StaffInfo/index'
 import ParKing from '@/pages/ParKing/index' //停车位
 import StaffJurisdiction from '@/pages/Staff/StaffJurisdiction/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' //来访管理
 
 import Vehicle from '@/pages/Vehicle/index'                                     //车辆管理
 import Architecture from '@/pages/Architecture/index'                                     //房屋架构
@@ -340,6 +343,27 @@ export default new Router({
                     components: {
                         ContainerView: Cleaning
                     }
+                },
+                //保安安排
+                {
+                    path: '/Security',
+                    components: {
+                        ContainerView: Security
+                    }
+                },
+                //保安安排
+                {
+                    path: '/Duty',
+                    components: {
+                        ContainerView: Duty
+                    }
+                },
+                //来访管理
+                {
+                    path: '/Visit',
+                    components: {
+                        ContainerView: Visit
+                    }
                 }
             ]
         }

static/api/viewAPI.json

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