更新 elementui 版本 生活保障部门菜单设置 安全巡视 备用钥匙 设备维修 增删改查 特别注意 时间问题

@@ -29,7 +29,7 @@ module.exports = {
     assetsPublicPath: '/',
     proxyTable: {
       '/api':{
-          target: 'http://127.0.0.1:8002',//设置你调用的接口域名和端口号 别忘了加http
+          target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
           changeOrigin: true,
           pathRewrite: {
               '^/api': '/'//这里理解成用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add'，直接写‘/api/user/add’即可

@@ -3227,13 +3227,15 @@
       "dev": true
     },
     "element-ui": {
-      "version": "1.4.13",
-      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-1.4.13.tgz",
-      "integrity": "sha512-EGdw/qC2RUmCDzAy3X06LL+jDWmrMezMndviE5CnUDi2XcZz/uZUVVj6bJ6piY+Flw7HNO+Ed81LXrdZ2v+nXA==",
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.13.0.tgz",
+      "integrity": "sha512-KYsHWsBXYbLELS8cdfvgJTOMSUby3UEjvsPV1V1VmgJ/DdkOAS4z3MiOrPxrT9w2Cc5lZ4eVSQiGhYFR5NVChw==",
       "requires": {
         "async-validator": "~1.8.1",
         "babel-helper-vue-jsx-merge-props": "^2.0.0",
         "deepmerge": "^1.2.0",
+        "normalize-wheel": "^1.0.1",
+        "resize-observer-polyfill": "^1.5.0",
         "throttle-debounce": "^1.0.1"
       }
     },
@@ -6294,6 +6296,11 @@
         "sort-keys": "^1.0.0"
       }
     },
+    "normalize-wheel": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/normalize-wheel/-/normalize-wheel-1.0.1.tgz",
+      "integrity": "sha1-rsiGr/2wRQcNhWRH32Ls+GFG7EU="
+    },
     "npm": {
       "version": "6.10.3",
       "resolved": "https://registry.npmjs.org/npm/-/npm-6.10.3.tgz",
@@ -11118,6 +11125,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.12.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.12.0.tgz",

@@ -12,7 +12,7 @@
   "dependencies": {
     "axios": "^0.19.0",
     "echarts": "^3.3.2",
-    "element-ui": "^1.2.8",
+    "element-ui": "^2.13.0",
     "eslint": "^5.14.1",
     "file-saver": "^2.0.2",
     "font-awesome": "^4.7.0",

@@ -7,7 +7,7 @@ Vue.prototype.$http = axios;
 
 export const getuserMenus = params => { return axios.get(`/perm/userMenus`, { params: params }); };
 
-export const getUserList = params => { return axios.get(`/user/list`, { params: params }); };
+export const getUserList = params => { return axios.get(`/hqpt-user-center/user/list`, { params: params }); };
 
 export const getUserListPage = params => { return axios({
     method: 'GET',

 import axios from 'axios'
 
-let base = '/company';
+let base = '/hqpt-user-center/company';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

 import axios from 'axios'
 
-let base = '/department';
+let base = '/hqpt-user-center/department';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

 import axios from 'axios'
 
-let base = '/group';
+let base = '/hqpt-user-center/group';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

@@ -46,7 +46,7 @@ export default {
     login: data =>{
         return axios({
             method: 'POST', // 请求协议
-            url: '/login', // 请求的地址
+            url: '/hqpt-user-center/login', // 请求的地址
             data: qs.stringify(data), // post 请求的数据
             timeout: 30000, // 超时时间, 单位毫秒
             headers: {

 import axios from 'axios'
 
-let base = '/system/log';
+let base = '/hqpt-user-center/system/log';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

 import axios from 'axios'
 
-let base = '/perm';
+let base = '/hqpt-user-center/perm';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

 import axios from 'axios'
 
-let base = '/role';
+let base = '/hqpt-user-center/role';
 
 
 export const getList = params => { return axios.get(`${base}/list`, { params: params }); };

+import axios from 'axios'
+
+let base = '/hqpt-user-center/key';
+
+
+
+export const getList = params => { return axios.get(`${base}/list`, { params: params }); };
+
+
+export const remove = params => { return axios({
+    method: 'DELETE',
+    url: `${base}/del`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+//批量删除
+export const batchRemove = params => { return axios.get(`${base}/batchremove`, { params: params }); };
+
+export const edit = params => { return axios({
+    method: 'PUT',
+    url: `${base}/edit`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const add = params => { return axios({
+    method: 'POST',
+    url: `${base}/add`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
\ No newline at end of file

+import axios from 'axios'
+
+let base = '/hqpt-user-center/maintain';
+
+
+
+export const getList = params => { return axios.get(`${base}/list`, { params: params }); };
+
+
+export const remove = params => { return axios({
+    method: 'DELETE',
+    url: `${base}/del`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+//批量删除
+export const batchRemove = params => { return axios.get(`${base}/batchremove`, { params: params }); };
+
+export const edit = params => { return axios({
+    method: 'PUT',
+    url: `${base}/edit`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const add = params => { return axios({
+    method: 'POST',
+    url: `${base}/add`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
\ No newline at end of file

+import axios from 'axios'
+
+let base = '/hqpt-user-center/inspection';
+
+
+
+export const getList = params => { return axios.get(`${base}/list`, { params: params }); };
+
+
+export const remove = params => { return axios({
+    method: 'DELETE',
+    url: `${base}/del`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+//批量删除
+export const batchRemove = params => { return axios.get(`${base}/batchremove`, { params: params }); };
+
+export const edit = params => { return axios({
+    method: 'PUT',
+    url: `${base}/edit`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const add = params => { return axios({
+    method: 'POST',
+    url: `${base}/add`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
\ No newline at end of file

 import http from './http.js'
-let baseUrl = '/user'
+let baseUrl = '/hqpt-user-center/user'
 
 export const getUserList = params => { return http.get(`${baseUrl}/list`,  params); };
 

 
 import Vue from 'vue'
 import App from './App'
-import 'element-ui/lib/theme-default/index.css'
+import 'element-ui/lib/theme-chalk/index.css'
 //import './assets/theme/theme-green/index.css'
 import VueRouter from 'vue-router'
 import store from './vuex/store'

@@ -17,6 +17,9 @@ import Page4 from './views/nav2/Page4.vue'
 import Page5 from './views/nav2/Page5.vue'
 import Page6 from './views/nav3/Page6.vue'
 import echarts from './views/charts/echarts.vue'
+import SecrityInspection from './views/staff/security_inspection.vue'
+import Key from './views/staff/key.vue'
+import Maintain from './views/staff/maintain.vue'
 
 let routes = [
     {
@@ -58,23 +61,14 @@ let routes = [
         ]
     },
     {
-        path: '/agent',
+        path: '/satff',
         component: Home,
-        name: '代理人',
+        name: '生活保障部门',
         iconCls: 'fa fa-id-card-o',
         children: [
-            { path: '/pre', component: PreManifest, name: '预配' },
-            { path: '/page5', component: Page5, name: '页面5' }
-        ]
-    },
-    {
-        path: '/',
-        component: Home,
-        name: '导航二',
-        iconCls: 'fa fa-id-card-o',
-        children: [
-            { path: '/page4', component: Page4, name: '页面4' },
-            { path: '/page5', component: Page5, name: '页面5' }
+            { path: '/security_inspection', component: SecrityInspection, name: '职工公寓安全巡视管理' },
+            { path: '/key', component: Key, name: '职工公寓备用钥匙使用登记管理' },
+            { path: '/maintain', component: Maintain, name: '职工公寓设施设备维修记录管理' },
         ]
     },
     {

@@ -60,7 +60,7 @@
 		</el-col>
 
 		<!--编辑界面-->
-		<el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
 			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 					<span>{{editForm.userId}}</span>
@@ -109,7 +109,7 @@
 		</el-dialog>
 
 		<!--新增界面-->
-		<el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
 			<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="账号" prop="username">
 					<el-input v-model="addForm.username"></el-input>

@@ -45,7 +45,7 @@
         </el-col>
 
         <!--编辑界面-->
-        <el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
             <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
                 <el-form-item label="ID">
                     <span>{{editForm.companyId}}</span>
@@ -71,7 +71,7 @@
         </el-dialog>
 
         <!--新增界面-->
-        <el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
             <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
                 <el-form-item label="公司名称" prop="companyName">
                     <el-input v-model="addForm.companyName" auto-complete="off" placeholder="请输入公司名称"></el-input>

@@ -45,7 +45,7 @@
         </el-col>
 
         <!--编辑界面-->
-        <el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
             <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
                 <el-form-item label="ID">
                     <span>{{editForm.departmentId}}</span>
@@ -71,7 +71,7 @@
         </el-dialog>
 
         <!--新增界面-->
-        <el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
             <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
                 <el-form-item label="部门名称" prop="deprtmentName">
                     <el-input v-model="addForm.departmentName" auto-complete="off" placeholder="请输入部门名称"></el-input>

@@ -43,7 +43,7 @@
         </el-col>
 
         <!--编辑界面-->
-        <el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
             <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
                 <el-form-item label="ID">
                     <span>{{editForm.groupId}}</span>
@@ -59,7 +59,7 @@
         </el-dialog>
 
         <!--新增界面-->
-        <el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
             <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
                 <el-form-item label="集团名称" prop="groupId">
                     <el-input v-model="addForm.groupName" auto-complete="off" placeholder="请输入集团名称"></el-input>

@@ -47,7 +47,7 @@
 		</el-col>
 
 		<!--编辑界面-->
-		<el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
 			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 					<span>{{editForm.permissionId}}</span>
@@ -89,7 +89,7 @@
 		</el-dialog>
 
 		<!--新增界面-->
-		<el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
 			<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="权限名称" prop="name">
 					<el-input v-model="addForm.name" auto-complete="off" placeholder="请输入权限名称：例如:用户新增权限"></el-input>

@@ -46,7 +46,7 @@
 		</el-col>
 
 		<!--编辑界面-->
-		<el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
 			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 					<span>{{editForm.roleId}}</span>
@@ -75,7 +75,7 @@
 		</el-dialog>
 
 		<!--新增界面-->
-		<el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
 			<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="岗位/角色名称" prop="roleName">
 					<el-input v-model="addForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
@@ -101,7 +101,7 @@
 		</el-dialog>
 
 		<!--权限设置界面-->
-		<el-dialog title="岗位的权限设置" v-model="PermFormVisible" :close-on-click-modal="false">
+		<el-dialog title="岗位的权限设置" :visible.sync="PermFormVisible" :close-on-click-modal="false">
 			<el-form :model="permForm" label-width="80px"  ref="permForm">
 				<el-checkbox-group v-model="permIds" size="small">
 					<el-checkbox v-for="perm in permissons" :label="perm.permissionId" :key="perm.permissionId">{{perm.name}}</el-checkbox>

@@ -61,7 +61,7 @@
 		</el-col>
 
 		<!--编辑界面-->
-		<el-dialog title="编辑" v-model="editFormVisible" :close-on-click-modal="false">
+		<el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
 			<el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 					<span>{{editForm.userId}}</span>
@@ -123,7 +123,7 @@
 		</el-dialog>
 
 		<!--新增界面-->
-		<el-dialog title="新增" v-model="addFormVisible" :close-on-click-modal="false">
+		<el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
 			<el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="账号" prop="username">
 					<el-input v-model="addForm.username"></el-input>
@@ -160,7 +160,7 @@
 		</el-dialog>
 
 		<!--权限设置-->
-		<el-dialog title="权限设置" v-model="roleFormVisible" :close-on-click-modal="false">
+		<el-dialog title="权限设置" :visible.sync="roleFormVisible" :close-on-click-modal="false">
 			<el-form :model="roleEditForm" label-width="80px"  ref="roleEditForm" >
 				<el-form-item label="ID">
 					<span>{{roleEditForm.userId}}</span>

+<template>
+    <section>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-form-item>
+                    <el-input v-model="filters.staffname" placeholder="安全巡视员"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getSatffNameList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="companyAdd">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="securityInspectionList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
+            <el-table-column type="selection" width="55">
+            </el-table-column>
+            <el-table-column type="index">
+            </el-table-column>
+            <el-table-column prop="id" v-if="false" label="ID" sortable>
+            </el-table-column>
+            <el-table-column prop="usedate" label="日期"  sortable>
+            </el-table-column>
+            <el-table-column prop="roomnum" label="房间号"  sortable>
+            </el-table-column>
+            <el-table-column prop="usetime" label="时间"  sortable>
+            </el-table-column>
+            <el-table-column prop="staffname" label="员工姓名"  sortable>
+            </el-table-column>
+            <el-table-column prop="dept" label="工作部门"  sortable>
+            </el-table-column>
+            <el-table-column prop="phone" label="联系电话"  sortable>
+            </el-table-column>
+            <el-table-column prop="ictype" label="证件类型"  sortable>
+            </el-table-column>
+            <el-table-column prop="iccard" label="证件号码"  sortable>
+            </el-table-column>
+            <el-table-column prop="roomduty" label="公寓值班"  sortable>
+            </el-table-column>
+            <el-table-column label="操作" min-width="150">
+                <template slot-scope="scope">
+                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                    <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!--工具条-->
+        <el-col :span="24" class="toolbar">
+            <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
+            <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+            </el-pagination>
+        </el-col>
+
+        <!--编辑界面-->
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+            <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
+                <el-form-item label="ID">
+                    <span>{{editForm.id}}</span>
+                </el-form-item>
+                <el-form-item label="日期" prop="usedate">
+                    <el-date-picker
+                            v-model="editForm.usedate"
+                            type="datetime"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="房间号" prop="roomnum">
+                    <el-input v-model="editForm.roomnum" auto-complete="off" placeholder="房间号"></el-input>
+                </el-form-item>
+                <el-form-item label="时间" prop="usetime">
+                    <el-date-picker
+                            v-model="editForm.usetime"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="员工姓名" prop="staffname">
+                    <el-input v-model="editForm.staffname" auto-complete="off" placeholder="员工姓名"></el-input>
+                </el-form-item>
+                <el-form-item label="工作部门" prop="dept">
+                    <el-input v-model="editForm.dept" auto-complete="off" placeholder="工作部门"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话" prop="phone">
+                    <el-input v-model="editForm.phone" auto-complete="off" placeholder="联系电话"></el-input>
+                </el-form-item>
+                <el-form-item label="证件类型" prop="ictype">
+                    <el-input v-model="editForm.ictype" auto-complete="off" placeholder="证件类型"></el-input>
+                </el-form-item>
+                <el-form-item label="证件号码" prop="iccard">
+                    <el-input v-model="editForm.iccard" auto-complete="off" placeholder="证件号码"></el-input>
+                </el-form-item>
+                <el-form-item label="公寓值班" prop="roomduty">
+                    <el-input v-model="editForm.roomduty" auto-complete="off" placeholder="公寓值班"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="editFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+            </div>
+        </el-dialog>
+
+        <!--新增界面-->
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
+                <el-form-item label="日期" prop="usedate">
+                    <el-date-picker
+                            v-model="addForm.usedate"
+                            type="datetime"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="房间号" prop="roomnum">
+                    <el-input v-model="addForm.roomnum" auto-complete="off" placeholder="房间号"></el-input>
+                </el-form-item>
+                <el-form-item label="时间" prop="usetime">
+                    <el-date-picker
+                            v-model="addForm.usetime"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="员工姓名" prop="staffname">
+                    <el-input v-model="addForm.staffname" auto-complete="off" placeholder="员工姓名"></el-input>
+                </el-form-item>
+                <el-form-item label="工作部门" prop="dept">
+                    <el-input v-model="addForm.dept" auto-complete="off" placeholder="工作部门"></el-input>
+                </el-form-item>
+                <el-form-item label="联系电话" prop="phone">
+                    <el-input v-model="addForm.phone" auto-complete="off" placeholder="联系电话"></el-input>
+                </el-form-item>
+                <el-form-item label="证件类型" prop="ictype">
+                    <el-input v-model="addForm.ictype" auto-complete="off" placeholder="证件类型"></el-input>
+                </el-form-item>
+                <el-form-item label="证件号码" prop="iccard">
+                    <el-input v-model="addForm.iccard" auto-complete="off" placeholder="证件号码"></el-input>
+                </el-form-item>
+                <el-form-item label="公寓值班" prop="roomduty">
+                    <el-input v-model="addForm.roomduty" auto-complete="off" placeholder="公寓值班"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="addFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+            </div>
+        </el-dialog>
+    </section>
+</template>
+
+<script>
+    import util from '../../common/js/util'
+    import NProgress from 'nprogress'
+    import { getList, remove, batchRemove, edit, add } from '../../api/staff/key';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    staffname: ''
+                },
+                createby: '',
+                securityInspectionList: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+
+                    roomnum: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+
+                    staffname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    dept: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    phone: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    ictype: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    iccard: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    roomduty: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+                //编辑界面数据
+                editForm: {
+                    usedate: '',
+                    roomnum: '',
+                    usetime: '',
+                    staffname: '',
+                    dept: '',
+                    phone: '',
+                    ictype: '',
+                    iccard: '',
+                    roomduty: ''
+                },
+                //新增界面是否显示
+                addFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+
+                    roomnum: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+
+                    staffname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    dept: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    phone: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    ictype: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    iccard: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    roomduty: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+
+                //新增界面数据
+                addForm: {
+                    securityInspectionName: '',
+//                    securityInspectionDate: '',
+                    fireName: '',
+                    securityElectro: '',
+                    fireproofing: '',
+                    doubtfulPerson: '',
+                    violationsCar: '',
+                    builders: '',
+                    otherSituations: '',
+                    optTime:'',
+                    realname:'',
+                    createby: this.createby
+                }
+            }
+        },
+        mounted() {
+            this.createby = JSON.parse(sessionStorage.getItem('user')).userId;
+            this.getSatffNameList();
+
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getSatffNameList();
+            },
+            //获取公司列表
+            getSatffNameList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    staffname: this.filters.staffname
+                };
+                this.listLoading = true;
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.securityInspectionList = res.data.list;
+                    this.listLoading = false;
+                    //NProgress.done();
+                }).catch((error) => {
+
+                    this.listLoading = false;
+                    if(null!= error.response && error.response!==undefined){
+                        let status= error.response.status;
+                        let msg = error.response.statusText;
+                        alert(status+msg);
+                    }else {
+                        alert(error);
+                    }
+
+                });
+
+            },
+
+
+            //删除
+            handleDel: function (index, row) {
+                this.$confirm('确认删除该记录吗?', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { id: row.id };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getSatffNameList();
+                    }).catch((error) => {
+                        this.listLoading = false;
+                        alert(error);
+                    });
+                }).catch();
+            },
+            /**
+             * 显示编辑界面
+             * @param index
+             * @param row 为这行的数据对象
+             */
+            handleEdit: function (index, row) {
+                this.editFormVisible = true;
+                this.editForm = Object.assign({}, row);
+                this.getSatffNameList();
+            },
+            //显示新增界面，每次点开初始化数据
+            companyAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    createby: this.createby
+                };
+                this.getSatffNameList();
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            //NProgress.start();
+                            this.listLoading = true;
+                            let para = Object.assign({}, this.addForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['addForm'].resetFields();
+                                this.addFormVisible = false;
+                                this.getSatffNameList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            let para = Object.assign({}, this.editForm);
+                            this.editLoading = true;
+                            edit(para).then((res) => {
+
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getSatffNameList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.id).toString();
+                this.$confirm('确认删除选中记录吗？', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { ids: ids };
+                    batchRemove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getSatffNameList();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>
\ No newline at end of file

+<template>
+    <section>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-form-item>
+                    <el-input v-model="filters.repairsname" placeholder="报修人名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getMaintainList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="companyAdd">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="securityInspectionList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
+            <el-table-column type="selection" width="55">
+            </el-table-column>
+            <el-table-column type="index">
+            </el-table-column>
+            <el-table-column prop="id" v-if="false" label="ID" sortable>
+            </el-table-column>
+            <el-table-column prop="repairsdate" label="日期"  sortable>
+            </el-table-column>
+            <el-table-column prop="repairscontent" label="报修内容"  sortable>
+            </el-table-column>
+            <el-table-column prop="reflectway" label="反映途径"  sortable>
+            </el-table-column>
+            <el-table-column prop="repairsdept" label="维修部门"  sortable>
+            </el-table-column>
+            <el-table-column prop="answerthephonename" label="接电话人员"  sortable>
+            </el-table-column>
+            <el-table-column prop="repairsname" label="报修人"  sortable>
+            </el-table-column>
+            <el-table-column prop="repairsphone" label="报修电话"  sortable>
+            </el-table-column>
+            <el-table-column prop="maintaindate" label="维修日期"  sortable>
+            </el-table-column>
+            <el-table-column prop="maintaincase" label="维修情况"  sortable>
+            </el-table-column>
+            <el-table-column prop="cooperatemaintainname" label="配合维修人员"  sortable>
+            </el-table-column>
+            <el-table-column prop="meno" label="备注"  sortable>
+            </el-table-column>
+            <el-table-column label="操作" min-width="150">
+                <template slot-scope="scope">
+                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                    <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!--工具条-->
+        <el-col :span="24" class="toolbar">
+            <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
+            <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+            </el-pagination>
+        </el-col>
+
+        <!--编辑界面-->
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+            <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
+                <el-form-item label="ID">
+                    <span>{{editForm.id}}</span>
+                </el-form-item>
+                <el-form-item label="日期" prop="repairsdate">
+                    <el-date-picker
+                            v-model="editForm.repairsdate"
+                            type="date"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="报修内容" prop="repairscontent">
+                    <el-input v-model="editForm.repairscontent" auto-complete="off" placeholder="请输入报修内容"></el-input>
+                </el-form-item>
+                <el-form-item label="反映途径" prop="reflectway">
+                    <el-input v-model="editForm.reflectway" auto-complete="off" placeholder="请输入反映途径"></el-input>
+                </el-form-item>
+                <el-form-item label="维修部门" prop="repairsdept">
+                    <el-input v-model="editForm.repairsdept" auto-complete="off" placeholder="请输入维修部门"></el-input>
+                </el-form-item>
+                <el-form-item label="接电话人员" prop="answerthephonename">
+                    <el-input v-model="editForm.answerthephonename" auto-complete="off" placeholder="请输入接电话人员"></el-input>
+                </el-form-item>
+                <el-form-item label="报修人" prop="repairsname">
+                    <el-input v-model="editForm.repairsname" auto-complete="off" placeholder="请输入报修人"></el-input>
+                </el-form-item>
+                <el-form-item label="报修电话" prop="repairsphone">
+                    <el-input v-model="editForm.repairsphone" auto-complete="off" placeholder="请输报修电话"></el-input>
+                </el-form-item>
+                <el-form-item label="维修时间" prop="maintaindate">
+                    <el-date-picker
+                            v-model="editForm.maintaindate"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="维修情况" prop="maintaincase">
+                    <el-input v-model="editForm.maintaincase" auto-complete="off" placeholder="请输入维修情况"></el-input>
+                </el-form-item>
+                <el-form-item label="配合维修人员" prop="cooperatemaintainname">
+                    <el-input v-model="editForm.cooperatemaintainname" auto-complete="off" placeholder="请输入配合维修人员"></el-input>
+                </el-form-item>
+                <el-form-item label="备注" prop="meno">
+                    <el-input v-model="editForm.meno" auto-complete="off" placeholder="请输入备注"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="editFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+            </div>
+        </el-dialog>
+
+        <!--新增界面-->
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
+                <el-form-item label="日期" prop="repairsdate">
+                    <el-date-picker
+                            v-model="addForm.repairsdate"
+                            type="datetime"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="报修内容" prop="repairscontent">
+                    <el-input v-model="addForm.repairscontent" auto-complete="off" placeholder="请输入报修内容"></el-input>
+                </el-form-item>
+                <el-form-item label="反映途径" prop="reflectway">
+                    <el-input v-model="addForm.reflectway" auto-complete="off" placeholder="请输入反映途径"></el-input>
+                </el-form-item>
+                <el-form-item label="维修部门" prop="repairsdept">
+                    <el-input v-model="addForm.repairsdept" auto-complete="off" placeholder="请输入维修部门"></el-input>
+                </el-form-item>
+                <el-form-item label="接电话人员" prop="answerthephonename">
+                    <el-input v-model="addForm.answerthephonename" auto-complete="off" placeholder="请输入接电话人员"></el-input>
+                </el-form-item>
+                <el-form-item label="报修人" prop="repairsname">
+                    <el-input v-model="addForm.repairsname" auto-complete="off" placeholder="请输入报修人"></el-input>
+                </el-form-item>
+                <el-form-item label="报修电话" prop="repairsphone">
+                    <el-input v-model="addForm.repairsphone" auto-complete="off" placeholder="请输报修电话"></el-input>
+                </el-form-item>
+                <el-form-item label="维修日期" prop="maintaindate">
+                    <el-date-picker
+                            v-model="addForm.maintaindate"
+                            type="datetime"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="维修情况" prop="maintaincase">
+                    <el-input v-model="addForm.maintaincase" auto-complete="off" placeholder="请输入维修情况"></el-input>
+                </el-form-item>
+                <el-form-item label="配合维修人员" prop="cooperatemaintainname">
+                    <el-input v-model="addForm.cooperatemaintainname" auto-complete="off" placeholder="请输入配合维修人员"></el-input>
+                </el-form-item>
+                <el-form-item label="备注" prop="meno">
+                    <el-input v-model="addForm.meno" auto-complete="off" placeholder="请输入备注"></el-input>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="addFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+            </div>
+        </el-dialog>
+    </section>
+</template>
+
+<script>
+    import util from '../../common/js/util'
+    import NProgress from 'nprogress'
+    import { getList, remove, batchRemove, edit, add } from '../../api/staff/maintain';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    repairsname: ''
+                },
+                createby: '',
+                securityInspectionList: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    repairscontent: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    reflectway: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsdept: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    answerthephonename: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsphone: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    maintaincase: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    cooperatemaintainname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    meno: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+                //编辑界面数据
+                editForm: {
+                    repairsdate: '',
+                    repairscontent: '',
+                    reflectway: '',
+                    repairsdept: '',
+                    repairsname: '',
+                    answerthephonename: '',
+                    repairsphone: '',
+                    maintaindate: '',
+                    maintaincase: '',
+                    cooperatemaintainname: '',
+                    meno:""
+
+                },
+                //新增界面是否显示
+                addFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    repairscontent: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    reflectway: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsdept: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    answerthephonename: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    repairsphone: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    maintaincase: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    cooperatemaintainname: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    meno: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+
+                //新增界面数据
+                addForm: {
+                    repairsdate: '',
+                    repairscontent: '',
+                    reflectway: '',
+                    repairsdept: '',
+                    repairsname: '',
+                    answerthephonename: '',
+                    repairsphone: '',
+                    maintaindate: '',
+                    maintaincase: '',
+                    cooperatemaintainname: '',
+                    meno:"",
+                    createby: this.createby
+                }
+            }
+        },
+        mounted() {
+            this.createby = JSON.parse(sessionStorage.getItem('user')).userId;
+            this.getMaintainList();
+
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getMaintainList();
+            },
+            //获取公司列表
+            getMaintainList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    repairsname: this.filters.repairsname
+                };
+                this.listLoading = true;
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.securityInspectionList = res.data.list;
+                    this.listLoading = false;
+                    //NProgress.done();
+                }).catch((error) => {
+
+                    this.listLoading = false;
+                    if(null!= error.response && error.response!==undefined){
+                        let status= error.response.status;
+                        let msg = error.response.statusText;
+                        alert(status+msg);
+                    }else {
+                        alert(error);
+                    }
+
+                });
+
+            },
+
+
+            //删除
+            handleDel: function (index, row) {
+                this.$confirm('确认删除该记录吗?', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { id: row.id };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getMaintainList();
+                    }).catch((error) => {
+                        this.listLoading = false;
+                        alert(error);
+                    });
+                }).catch();
+            },
+            /**
+             * 显示编辑界面
+             * @param index
+             * @param row 为这行的数据对象
+             */
+            handleEdit: function (index, row) {
+                this.editFormVisible = true;
+                this.editForm = Object.assign({}, row);
+                this.getMaintainList();
+            },
+            //显示新增界面，每次点开初始化数据
+            companyAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    createby: this.createby
+                };
+                this.getMaintainList();
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            //NProgress.start();
+                            this.listLoading = true;
+                            let para = Object.assign({}, this.addForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['addForm'].resetFields();
+                                this.addFormVisible = false;
+                                this.getMaintainList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            let para = Object.assign({}, this.editForm);
+                            this.editLoading = true;
+                            edit(para).then((res) => {
+
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getMaintainList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.id).toString();
+                this.$confirm('确认删除选中记录吗？', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { ids: ids };
+                    batchRemove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getMaintainList();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>
\ No newline at end of file

+<template>
+    <section>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-form-item>
+                    <el-input v-model="filters.securityInspectionName" placeholder="安全巡视员"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getSecurityInspectionList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="companyAdd">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="securityInspectionList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
+            <el-table-column type="selection" width="55">
+            </el-table-column>
+            <el-table-column type="index">
+            </el-table-column>
+            <el-table-column prop="securityInspectionId" v-if="false" label="ID" sortable>
+            </el-table-column>
+            <el-table-column prop="securityInspectionName" label="安检巡视员"  sortable>
+            </el-table-column>
+            <el-table-column prop="fireName" label="消防通道及隔离设备"  sortable>
+            </el-table-column>
+            <el-table-column prop="securityElectro" label="安全用电"  sortable>
+            </el-table-column>
+            <el-table-column prop="fireproofing" label="防火防盗"  sortable>
+            </el-table-column>
+            <el-table-column prop="doubtfulPerson" label="可疑人员"  sortable>
+            </el-table-column>
+            <el-table-column prop="violationsCar" label="违规停放车辆"  sortable>
+            </el-table-column>
+            <el-table-column prop="builders" label="施工人员"  sortable>
+            </el-table-column>
+            <el-table-column prop="builders" label="其他情况"  sortable>
+            </el-table-column>
+            <el-table-column prop="optTime" label="操作时间"  sortable>
+            </el-table-column>
+            <el-table-column label="操作" min-width="150">
+                <template slot-scope="scope">
+                    <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                    <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <!--工具条-->
+        <el-col :span="24" class="toolbar">
+            <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
+            <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+            </el-pagination>
+        </el-col>
+
+        <!--编辑界面-->
+        <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
+            <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
+                <el-form-item label="ID">
+                    <span>{{editForm.securityInspectionId}}</span>
+                </el-form-item>
+                <el-form-item label="安检巡视员" prop="securityInspectionName">
+                    <el-input v-model="editForm.securityInspectionName" auto-complete="off" placeholder="请输入安检巡视员"></el-input>
+                </el-form-item>
+                <el-form-item label="消防通道及隔离设备" prop="fireName">
+                    <el-input v-model="editForm.fireName" auto-complete="off" placeholder="请输入消防通道及隔离设备"></el-input>
+                </el-form-item>
+                <el-form-item label="安全用电" prop="securityElectro">
+                    <el-input v-model="editForm.securityElectro" auto-complete="off" placeholder="请输入安全用电"></el-input>
+                </el-form-item>
+                <el-form-item label="防火防盗" prop="fireproofing">
+                    <el-input v-model="editForm.fireproofing" auto-complete="off" placeholder="请输入防火防盗"></el-input>
+                </el-form-item>
+                <el-form-item label="可疑人员" prop="doubtfulPerson">
+                    <el-input v-model="editForm.doubtfulPerson" auto-complete="off" placeholder="请输入可疑人员"></el-input>
+                </el-form-item>
+                <el-form-item label="违规停放车辆" prop="violationsCar">
+                    <el-input v-model="editForm.violationsCar" auto-complete="off" placeholder="请输入违规停放车辆"></el-input>
+                </el-form-item>
+                <el-form-item label="施工人员" prop="builders">
+                    <el-input v-model="editForm.builders" auto-complete="off" placeholder="请输入施工人员"></el-input>
+                </el-form-item>
+                <el-form-item label="其他情况" prop="otherSituations">
+                    <el-input v-model="editForm.otherSituations" auto-complete="off" placeholder="请输入其他情况"></el-input>
+                </el-form-item>
+                <el-form-item label="操作时间" prop="securityInspectionDate">
+                    <span class="demonstration">默认</span>
+                    <el-date-picker
+                            v-model="editForm.securityInspectionDate"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="editFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="editSubmit" :loading="editLoading">提交</el-button>
+            </div>
+        </el-dialog>
+
+        <!--新增界面-->
+        <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
+            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
+                <el-form-item label="安检巡视员" prop="securityInspectionName">
+                    <el-input v-model="addForm.securityInspectionName" auto-complete="off" placeholder="请输入安检巡视员"></el-input>
+                </el-form-item>
+                <el-form-item label="消防通道及隔离设备" prop="fireName">
+                    <el-input v-model="addForm.fireName" auto-complete="off" placeholder="请输入消防通道及隔离设备"></el-input>
+                </el-form-item>
+                <el-form-item label="安全用电" prop="securityElectro">
+                    <el-input v-model="addForm.securityElectro" auto-complete="off" placeholder="请输入安全用电"></el-input>
+                </el-form-item>
+                <el-form-item label="防火防盗" prop="fireproofing">
+                    <el-input v-model="addForm.fireproofing" auto-complete="off" placeholder="请输入防火防盗"></el-input>
+                </el-form-item>
+                <el-form-item label="可疑人员" prop="doubtfulPerson">
+                    <el-input v-model="addForm.doubtfulPerson" auto-complete="off" placeholder="请输入可疑人员"></el-input>
+                </el-form-item>
+                <el-form-item label="违规停放车辆" prop="violationsCar">
+                    <el-input v-model="addForm.violationsCar" auto-complete="off" placeholder="请输入违规停放车辆"></el-input>
+                </el-form-item>
+                <el-form-item label="施工人员" prop="builders">
+                    <el-input v-model="addForm.builders" auto-complete="off" placeholder="请输入施工人员"></el-input>
+                </el-form-item>
+                <el-form-item label="其他情况" prop="otherSituations">
+                    <el-input v-model="addForm.otherSituations" auto-complete="off" placeholder="请输入其他情况"></el-input>
+                </el-form-item>
+                <el-form-item label="操作时间" prop="securityInspectionDate">
+                    <el-date-picker
+                            v-model="addForm.securityInspectionDate"
+                            type="datetime"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="addFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+            </div>
+        </el-dialog>
+    </section>
+</template>
+
+<script>
+    import util from '../../common/js/util'
+    import NProgress from 'nprogress'
+    import { getList, remove, batchRemove, edit, add } from '../../api/staff/security_inspection';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    securityInspectionName: ''
+                },
+                userId: '',
+                securityInspectionList: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    securityInspectionName: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    securityInspectionDate: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    fireName: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    securityElectro: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    fireproofing: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    doubtfulPerson: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    violationsCar: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    builders: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    otherSituations: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+                //编辑界面数据
+                editForm: {
+                    securityInspectionId: '',
+                    securityInspectionName: '',
+                    securityInspectionDate: '',
+                    fireName: '',
+                    securityElectro: '',
+                    fireproofing: '',
+                    doubtfulPerson: '',
+                    violationsCar: '',
+                    builders: '',
+                    otherSituations: ''
+                },
+                //新增界面是否显示
+                addFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    securityInspectionName: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    fireName: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    securityElectro: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    fireproofing: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    doubtfulPerson: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    violationsCar: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    builders: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                    otherSituations: [
+                        { required: true, message: '不能为空！！!', trigger: 'blur' }
+                    ],
+                },
+
+                //新增界面数据
+                addForm: {
+                    securityInspectionName: '',
+//                    securityInspectionDate: '',
+                    fireName: '',
+                    securityElectro: '',
+                    fireproofing: '',
+                    doubtfulPerson: '',
+                    violationsCar: '',
+                    builders: '',
+                    otherSituations: '',
+                    optTime:'',
+                    realname:'',
+                    userId: this.userId
+                }
+            }
+        },
+        mounted() {
+            this.userId = JSON.parse(sessionStorage.getItem('user')).userId;
+            console.log(this.userId);
+            this.getSecurityInspectionList();
+
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getSecurityInspectionList();
+            },
+            //获取公司列表
+            getSecurityInspectionList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    securityInspectionName: this.filters.securityInspectionName
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.securityInspectionList = res.data.list;
+                    this.listLoading = false;
+                    //NProgress.done();
+                }).catch((error) => {
+
+                    this.listLoading = false;
+                    if(null!= error.response && error.response!==undefined){
+                        let status= error.response.status;
+                        let msg = error.response.statusText;
+                        alert(status+msg);
+                    }else {
+                        alert(error);
+                    }
+
+                });
+
+            },
+
+
+            //删除
+            handleDel: function (index, row) {
+                this.$confirm('确认删除该记录吗?', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { securityInspectionId: row.securityInspectionId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getSecurityInspectionList();
+                    }).catch((error) => {
+                        this.listLoading = false;
+                        alert(error);
+                    });
+                }).catch();
+            },
+            /**
+             * 显示编辑界面
+             * @param index
+             * @param row 为这行的数据对象
+             */
+            handleEdit: function (index, row) {
+                this.editFormVisible = true;
+                this.editForm = Object.assign({}, row);
+                this.getSecurityInspectionList();
+            },
+            //显示新增界面，每次点开初始化数据
+            companyAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    userId: this.userId
+                };
+                this.getSecurityInspectionList();
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            //NProgress.start();
+                            this.listLoading = true;
+                            let para = Object.assign({}, this.addForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['addForm'].resetFields();
+                                this.addFormVisible = false;
+                                this.getSecurityInspectionList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            let para = Object.assign({}, this.editForm);
+                            this.editLoading = true;
+                            edit(para).then((res) => {
+
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getSecurityInspectionList();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.securityInspectionId).toString();
+                this.$confirm('确认删除选中记录吗？', '提示', {
+                    type: 'warning'
+                }).then(() => {
+                    this.listLoading = true;
+                    //NProgress.start();
+                    let para = { ids: ids };
+                    batchRemove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getSecurityInspectionList();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>
\ No newline at end of file