朱兆平 / vue_cli · 提交

转到一个项目

作者 shenhailong
提交 b97db69d32ce1159b2869f429cca07451d01a9df 1 个父辈 b1844bfb master ... ExportOrder analysis empt flightplan2.0 hqpt_vue kako_vue master_dev master_dev_markdown master_dev_permission master_ffmTemp message_bus nmms-import-dev vehicle_dispatch zhidan

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

内嵌 并排对比
正在显示 27 个修改的文件 包含 1450 行增加 和 45 行删除
... ... @@ -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
... ...