Merge remote-tracking branch 'origin/master'

# Conflicts:
#	config/index.js
#	package-lock.json
#	package.json
#	src/api/api.js
#	src/api/http.js
#	src/api/log_api.js
#	src/api/perm_api.js
#	src/api/role_api.js
#	src/api/user.js
#	src/main.js
#	src/routes.js

 {
 {
   "presets": ["es2015", "stage-2"],
   "presets": ["es2015", "stage-2"],
-  "plugins": ["transform-runtime"],
+  "plugins": ["transform-runtime","transform-vue-jsx"],
   "comments": false
   "comments": false
 }
 }

@@ -37,7 +37,8 @@ exports.cssLoaders = function (options) {
     if (options.extract) {
     if (options.extract) {
       return ExtractTextPlugin.extract({
       return ExtractTextPlugin.extract({
         use: loaders,
         use: loaders,
-        fallback: 'vue-style-loader'
+        fallback: 'vue-style-loader',
+        publicPath: '../../'
       })
       })
     } else {
     } else {
       return ['vue-style-loader'].concat(loaders)
       return ['vue-style-loader'].concat(loaders)

@@ -53,6 +53,16 @@ module.exports = {
           limit: 10000,
           limit: 10000,
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
           name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
         }
         }
+      },
+      {
+        test: /\.js$/i,
+        loader: 'babel-loader',
+        include: [
+            resolve('src'),
+            resolve('test'),
+            resolve('node_modules/element-ui/src'),
+            resolve('node_modules/element-ui/packages')
+        ],
       }
       }
     ]
     ]
   }
   }

@@ -20,6 +20,7 @@ var webpackConfig = merge(baseWebpackConfig, {
   },
   },
   devtool: config.build.productionSourceMap ? '#source-map' : false,
   devtool: config.build.productionSourceMap ? '#source-map' : false,
   output: {
   output: {
+    publicPath: './',
     path: config.build.assetsRoot,
     path: config.build.assetsRoot,
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     filename: utils.assetsPath('js/[name].[chunkhash].js'),
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
     chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')

@@ -5,13 +5,13 @@ import qs from 'qs'
 Vue.prototype.$http = axios;
 Vue.prototype.$http = axios;
 
 
 
 
-export const getuserMenus = params => { return axios.get(`USER-CENTER/perm/userMenus`, { params: params }); };
+export const getuserMenus = params => { return axios.get(`/perm/userMenus`, { params: params }); };
 
 
-export const getUserList = params => { return axios.get(`USER-CENTER/user/list`, { params: params }); };
+export const getUserList = params => { return axios.get(`/user/list`, { params: params }); };
 
 
 export const getUserListPage = params => { return axios({
 export const getUserListPage = params => { return axios({
     method: 'GET',
     method: 'GET',
-    url: `USER-CENTER/user/list`,
+    url: `/user/list`,
     data: params,
     data: params,
     headers: {
     headers: {
         'Content-Type': 'application/json;charset=UTF-8'
         'Content-Type': 'application/json;charset=UTF-8'
@@ -21,18 +21,18 @@ export const getUserListPage = params => { return axios({
 
 
 export const removeUser = params => { return axios({
 export const removeUser = params => { return axios({
     method: 'DELETE',
     method: 'DELETE',
-    url: `USER-CENTER/user/del`,
+    url: `/user/del`,
     data: params,
     data: params,
     headers: {
     headers: {
         'Content-Type': 'application/json;charset=UTF-8'
         'Content-Type': 'application/json;charset=UTF-8'
     }
     }
 })};
 })};
 
 
-export const batchRemoveUser = params => { return axios.get(`USER-CENTER/user/batchremove`, { params: params }); };
+export const batchRemoveUser = params => { return axios.get(`/user/batchremove`, { params: params }); };
 
 
 export const editUser = params => { return axios({
 export const editUser = params => { return axios({
     method: 'PUT',
     method: 'PUT',
-    url: `USER-CENTER/user/edit`,
+    url: `/user/edit`,
     data: params,
     data: params,
     headers: {
     headers: {
         'Content-Type': 'application/json;charset=UTF-8'
         'Content-Type': 'application/json;charset=UTF-8'
@@ -41,7 +41,7 @@ export const editUser = params => { return axios({
 
 
 export const addUser = params => { return axios({
 export const addUser = params => { return axios({
     method: 'POST',
     method: 'POST',
-    url: `USER-CENTER/user/add`,
+    url: `/user/add`,
     data: params,
     data: params,
     headers: {
     headers: {
         'Content-Type': 'application/json;charset=UTF-8'
         'Content-Type': 'application/json;charset=UTF-8'
@@ -50,9 +50,9 @@ export const addUser = params => { return axios({
 
 
 export const setUserRole = params => { return axios({
 export const setUserRole = params => { return axios({
     method: 'PUT',
     method: 'PUT',
-    url: `USER-CENTER/user/roleset`,
+    url: `/user/roleset`,
     data: params,
     data: params,
     headers: {
     headers: {
         'Content-Type': 'application/json;charset=UTF-8'
         'Content-Type': 'application/json;charset=UTF-8'
     }
     }
-})};
+})};

+const loginuserInfo = JSON.parse(sessionStorage.getItem('user'));
+export  default loginuserInfo;

+import axios from 'axios'
+
+let base = '/hqpt-user-center/company';
+
+
+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'
+    }
+})};

+import axios from 'axios'
+
+let base = '/hqpt-user-center/department';
+
+
+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'
+    }
+})};

+import axios from 'axios'
+
+let base = 'empt-location/location';
+
+
+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`,
+    params: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const update = params => { return axios({
+    method: 'PUT',
+    url: `${base}/update`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};

+import axios from 'axios'
+
+let base = '/hqpt-user-center/group';
+
+
+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'
+    }
+})};

+import axios from 'axios'
+
+let base = 'hqpt-process/job';
+
+
+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`,
+    params: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const startJob = params => { return axios({
+    method: 'PUT',
+    url: `${base}/start`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};

+import axios from 'axios'
+
+let base = 'hqpt-process/process';
+
+
+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`,
+    params: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const updateRolePerm = params => { return axios({
+    method: 'PUT',
+    url: `${base}/permSet`,
+    data: params,
+    headers: {
+        'Content-Type': 'application/json;charset=UTF-8'
+    }
+})};
+
+export const vacationTypeOptions = [
+    {
+        value: '0',
+        label: '运维检查'
+    },
+    {
+        value: '1',
+        label: '设备故障'
+    },
+    {
+        value: '2',
+        label: '电话报修'
+    }
+];

+
+var websock = null;
+var global_callback = null;
+var serverPort = '10003';	//webSocket连接端口
+
+
+function getWebIP(){
+    var curIP = window.location.hostname;
+    return curIP;
+}
+
+function initWebSocket(){ //初始化weosocket
+    //ws地址
+    var wsuri = "ws://" +getWebIP()+ ":" + serverPort+"/log";
+    websock = new WebSocket(wsuri);
+    websock.onmessage = function(e){
+        websocketonmessage(e);
+    }
+    websock.onclose = function(e){
+        websocketclose(e);
+    }
+    websock.onopen = function () {
+        websocketOpen();
+    }
+
+    //连接发生错误的回调方法
+    websock.onerror = function () {
+        console.log("WebSocket连接发生错误");
+    }
+}
+
+// 实际调用的方法
+function sendSock(agentData,callback){
+    global_callback = callback;
+    if (websock.readyState === websock.OPEN) {
+        //若是ws开启状态
+        websocketsend(agentData)
+    }else if (websock.readyState === websock.CONNECTING) {
+        // 若是 正在开启状态，则等待1s后重新调用
+        setTimeout(function () {
+            sendSock(agentData,callback);
+        }, 1000);
+    }else {
+        // 若未开启 ，则等待1s后重新调用
+        setTimeout(function () {
+            sendSock(agentData,callback);
+        }, 1000);
+    }
+}
+
+//数据接收
+function websocketonmessage(e){
+    global_callback(JSON.parse(e.data));
+}
+
+//数据发送
+function websocketsend(agentData){
+    websock.send(JSON.stringify(agentData));
+}
+
+//关闭
+function websocketclose(e){
+    console.log("connection closed (" + e.code + ")");
+}
+
+function websocketOpen(e){
+    console.log("连接成功");
+}
+
+// initWebSocket();
+
+export{sendSock}
+

+import axios from 'axios'
+
+let base = '/hqpt-user-center/come_car';
+
+
+
+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'
+    }
+})};

+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'
+    }
+})};

+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'
+    }
+})};

+import axios from 'axios'
+
+let base = '/hqpt-user-center/on_duty';
+
+
+
+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'
+    }
+})};

+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'
+    }
+})};

+import axios from 'axios'
+
+let base = '/hqpt-user-center/water_stations_patrol';
+
+
+
+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'
+    }
+})};

 var SIGN_REGEXP = /([yMdhsm])(\1*)/g;
 var SIGN_REGEXP = /([yMdhsm])(\1*)/g;
 var DEFAULT_PATTERN = 'yyyy-MM-dd';
 var DEFAULT_PATTERN = 'yyyy-MM-dd';
+
 function padding(s, len) {
 function padding(s, len) {
     var len = len - (s + '').length;
     var len = len - (s + '').length;
     for (var i = 0; i < len; i++) { s = '0' + s; }
     for (var i = 0; i < len; i++) { s = '0' + s; }

@@ -23,7 +23,7 @@
 		<el-col :span="24" class="main">
 		<el-col :span="24" class="main">
 			<aside :class="collapsed?'menu-collapsed':'menu-expanded'">
 			<aside :class="collapsed?'menu-collapsed':'menu-expanded'">
 				<!--导航菜单-->
 				<!--导航菜单-->
-				<el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" style="min-width: 230px">
+				<el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleopen" @close="handleclose" @select="handleselect" unique-opened router v-show="!collapsed" style="min-width: 230px" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
 					<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
 					<template v-for="(item,index) in $router.options.routes" v-if="!item.hidden">
 						<el-submenu :index="index+''" v-if="!item.leaf">
 						<el-submenu :index="index+''" v-if="!item.leaf">
 							<template slot="title"><i :class="item.iconCls"></i>{{item.name}}</template>
 							<template slot="title"><i :class="item.iconCls"></i>{{item.name}}</template>
@@ -70,13 +70,14 @@
 	</el-row>
 	</el-row>
 </template>
 </template>
 
 
+
 <script>
 <script>
     import rt from '../routes'
     import rt from '../routes'
     export default {
     export default {
 
 
 		data() {
 		data() {
 			return {
 			return {
-				sysName:'流浪地球管理系统',
+				sysName:'后勤管理平台',
 				collapsed:false,
 				collapsed:false,
 				sysUserName: '',
 				sysUserName: '',
 				sysUserAvatar: '',
 				sysUserAvatar: '',

+<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.processName" placeholder="公寓名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="handleAdd()">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <el-table
+                :data="locationList"
+                style="width: 100%;margin-bottom: 20px;"
+                row-key="id"
+                border
+                :row-class-name="tableRowClassName"
+                default-expand-all
+                :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
+            <el-table-column
+                    prop="adrname"
+                    label="名称"
+                    sortable
+                    width="300">
+            </el-table-column>
+            <el-table-column
+                    prop="type"
+                    label="类型"
+                    align="center"
+                    :formatter="formatType"
+                    width="100">
+            </el-table-column>
+            <el-table-column :label="$t('table.actions')" align="center" class-name="small-padding fixed-width">
+                <template slot-scope="scope">
+                    <el-button type="primary" size="small" @click="handleUpdate(scope.row)">快速编辑</el-button>
+                    <el-button type="primary" size="small" @click="handleUpdate(scope.row)">新增</el-button>
+                    <el-button size="mini" type="danger" @click="handleModifyStatus(scope.row,'deleted')">{{ $t('table.delete') }}</el-button>
+                    <el-button type="primary" size="small" @click="electrixityMeterConfiguration(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="prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+            </el-pagination>
+        </el-col>
+
+        <!--水表新增-->
+        <el-dialog title="电表参数配置新增" :visible.sync="electrixityAddFormVisible" :close-on-click-modal="false">
+            <el-form :model="electrixityAddForm" label-width="110px" :rules="addFormRules" ref="electrixityAddForm">
+                <el-form-item label="水电预付费" prop="prepaid">
+                    <el-switch
+                            v-model="electrixityAddForm.prepaid"
+                            active-color="#00A854"
+                            active-text="是"
+                            active-value="0"
+                            inactive-color="#F04134"
+                            inactive-text="否"
+                            inactive-value="1">
+                    </el-switch>
+                </el-form-item>
+                <el-form-item label="电警告跳闸" prop="warningtrip">
+                    <el-switch
+                            v-model="electrixityAddForm.warningtrip"
+                            active-color="#00A854"
+                            active-text="是"
+                            active-value="0"
+                            inactive-color="#F04134"
+                            inactive-text="否"
+                            inactive-value="1">
+                    </el-switch>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>告警阀值</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-input v-model="electrixityAddForm.warningthreshold" style="width: 100px;" auto-complete="off"></el-input>&nbsp;&nbsp;&nbsp;<span>元</span>
+                </el-form-item>
+                <el-form-item label="透支使能" prop="overdraft">
+                    <el-switch
+                            v-model="electrixityAddForm.overdraft"
+                            active-color="#00A854"
+                            active-text="是"
+                            active-value="0"
+                            inactive-color="#F04134"
+                            inactive-text="否"
+                            inactive-value="1">
+                    </el-switch>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>可透支额度</span>&nbsp;&nbsp;<el-input v-model="electrixityAddForm.overdraftthreshold" style="width: 100px;" auto-complete="off"></el-input>&nbsp;&nbsp;&nbsp;<span>元</span>
+                </el-form-item>
+                <el-form-item label="过负荷跳闸使能" prop="overdraft">
+                    <el-switch
+                            v-model="electrixityAddForm.load"
+                            active-color="#00A854"
+                            active-text="是"
+                            active-value="0"
+                            inactive-color="#F04134"
+                            inactive-text="否"
+                            inactive-value="1">
+                    </el-switch>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>功率</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-input v-model="electrixityAddForm.power" style="width: 100px;" auto-complete="off"></el-input>&nbsp;&nbsp;&nbsp;<span>KW</span>
+                    <br/>
+                    <br/>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>功率因数</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-input v-model="electrixityAddForm.powerfactor" style="width: 100px;" auto-complete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="免费电度使能" prop="overdraft">
+                    <el-switch
+                            v-model="electrixityAddForm.free"
+                            active-color="#00A854"
+                            active-text="是"
+                            active-value="0"
+                            inactive-color="#F04134"
+                            inactive-text="否"
+                            inactive-value="1">
+                    </el-switch>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>免费电度</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<el-input v-model="electrixityAddForm.overdraftthreshold" style="width: 100px;" auto-complete="off"></el-input>&nbsp;&nbsp;&nbsp;<span>度</span>
+                </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+                <el-button @click.native="electrixityAddFormVisible = false">取消</el-button>
+                <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
+            </div>
+        </el-dialog>
+    </section>
+</template>
+<style>
+    .el-table .building {
+        background: oldlace;
+    }
+
+    .el-table .floor {
+        background: #f0f9eb;
+    }
+
+    .el-table .house {
+        background: #99CCCC;
+    }
+</style>
+<script>
+    import { getList,add} from '@/api/empt/location_api';
+    import moment from 'moment'
+    import parseTime from '@/utils'
+    import loginUserInfo from '@/api/base'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    processName: '',
+                    parseTime: parseTime
+                },
+                userId: '',
+                realName: '',
+                wmId:'',
+                locationList:[],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    roleId: 1,
+                    description: '',
+                    roleName: '',
+                    roleSign: 1,
+                    departmentId:''
+                },
+                //用户ID
+                //新增界面是否显示
+                electrixityAddFormVisible: false,
+                //设置权限界面是否显示
+                addLoading: false,
+                addFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ],
+                    description: [
+                        { required: true, message: '请输入岗位/角色描述', trigger: 'blur' }
+                    ]
+                },
+                //水表参数配置、界面数据
+                electrixityAddForm: {
+                    prepaid: '',
+                    warningtrip: '',
+                    warningthreshold: '',
+                    overdraft:'',
+                    overdraftthreshold: '',
+                    load: '',
+                    power: '',
+                    powerfactor: '',
+                    freeelectricitylimit: '',
+                    eeId: ''
+                },
+                permForm: {
+                    roleId: 1,
+                    description: '',
+                    roleName: '',
+                    roleSign: 1,
+                    permissions: []
+                },
+                centerDialogVisible: false,
+                dialogData:{
+                    process:{
+                        processname: ''
+                    }
+                },
+                pickerOptions: {
+                    disabledDate(time) {
+                        return time.getTime() < Date.now();
+                    },
+                    shortcuts: [{
+                        text: '今天',
+                        onClick(picker) {
+                            picker.$emit('pick', new Date());
+                        }
+                    }, {
+                        text: '昨天',
+                        onClick(picker) {
+                            const date = new Date();
+                            date.setTime(date.getTime() - 3600 * 1000 * 24);
+                            picker.$emit('pick', date);
+                        }
+                    }, {
+                        text: '一周前',
+                        onClick(picker) {
+                            const date = new Date();
+                            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+                            picker.$emit('pick', date);
+                        }
+                    }]
+                },
+                options:[{
+                    value: '1',
+                    label: '测试公司',
+                    children: [{
+                        value: '2',
+                        label: '测试部门一',
+                        children: [{
+                            value: '1',
+                            label: '测试岗位1',
+                            children: [{
+                                value: '1',
+                                label: '测试人员1'
+                            }]
+                        }]
+                    }, {
+                        value: '3',
+                        label: '测试部门二',
+                        children: [{
+                            value: '2',
+                            label: '测试岗位2',
+                            children: [{
+                                value: '1',
+                                label: '测试人员2'
+                            }]
+                        }, {
+                            value: '3',
+                            label: '测试岗位3',
+                            children: [{
+                                value: '1',
+                                label: '测试人员3'
+                            }]
+                        }]
+                    }]
+                }],
+            }
+        },
+        methods: {
+            //性别显示转换
+            formatType: function (row, column) {
+                let msg = '未知';
+                switch (row.type){
+                    case 0:
+                        msg='公寓';
+                        break;
+                    case 1:
+                        msg='楼';
+                        break;
+                    case 2:
+                        msg='层';
+                        break;
+                    case 3:
+                        msg='门牌';
+                        break;
+                }
+                return msg;
+            },
+            handleCurrentChange(val) {
+                this.pageNum = val;
+            },
+            //获取列表
+            getList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    let resData = res.data.data;
+                    this.total = resData.total;
+                    this.locationList = resData.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 = { roleId: row.roleId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                    }).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.getdepartmentNames();
+            },
+            //水表参数配置新增界面，每次点开初始化数据
+            electrixityMeterConfiguration: function (row) {
+                this.electrixityAddFormVisible = true;
+                this.electrixityAddForm =  {
+                    prepaid: '',
+                    warningtrip: '',
+                    warningthreshold: '',
+                    overdraft:'',
+                    overdraftthreshold: '',
+                    load: '',
+                    water: '',
+                    free: '',
+                    freeWater: '',
+                    eeId: row.eeId
+                }
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.electrixityAddForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.electrixityAddForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                if (res.status ===200) {
+                                    this.$message({
+                                        message: '提交成功',
+                                        type: 'success'
+                                    });
+                                    this.$refs['permForm'].resetFields();
+                                    this.electrixityAddFormVisible = false;
+                                    this.getList();
+                                }
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.editForm);
+                            //不需要提交的 去掉，后端不好接收
+                            para.authorities = null;
+                            para.permissions = null;
+                            para.roles = null;
+//							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
+                            /*
+        					查询之后格式this.filters.column.create_start_date中日期发生变化;
+        					Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) 变成了 "2017-08-08T16:00:00.000Z";
+        					所以使用 moment 日期格式化插件将时间转换成 [ Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) ] 格
+        					式;
+    						*/
+                            /*moment 安装 npm install moment --save*/
+                            para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
+                            this.editLoading = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.roleId).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'
+                        })
+                    });
+                }).catch(() => {
+
+                });
+            },
+            tableRowClassName({row, rowIndex}) {
+                let type = row.type;
+                if (type === 1) {
+                    return 'building';
+                } else if (type === 2) {
+                    return 'floor';
+                } else if (type === 3){
+                    return 'house';
+                }
+                    return '';
+            },
+            handleSelectionChange(val) {
+                this.multipleSelection = val
+            },
+        },
+        mounted() {
+            this.userId = loginUserInfo.userId;
+            this.realName = loginUserInfo.realname;
+            this.getList();
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>

+<template>
+    <section>
+        <el-dialog
+                :data="dialogData"
+                title="执行过程"
+                :visible.sync="centerDialogVisible"
+                width="30%"
+                center>
+            <span>{{dialogData.process.processname}}</span>
+            <span>{{dialogData.coment}}</span>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="centerDialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+            </span>
+        </el-dialog>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-form-item>
+                    <el-input v-model="filters.processName" placeholder="工单名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getProcessList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="handleAdd()">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="processList" 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" width="60">
+            </el-table-column>
+            <el-table-column prop="process.processname" label="工单名称" width="100">
+            </el-table-column>
+            <el-table-column prop="user.realname" label="执行者" min-width="100" sortable>
+            </el-table-column>
+            <el-table-column prop="auditresuld" label="执行状态" min-width="80"  :formatter="formatType" sortable>
+            </el-table-column>
+            <el-table-column label="操作" min-width="260">
+                <template slot-scope="scope">
+                    <el-button size="small" @click="startJob(scope.$index, scope.row)">开始执行</el-button>
+                    <el-button size="small" @click="setPerm(scope.$index, scope.row)">完成任务</el-button>
+                    <el-button size="small" @click="setPerm(scope.$index, scope.row)">任务转交</el-button>
+                    <el-button size="small" @click="shwoDialog(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="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.roleId}}</span>
+                </el-form-item>
+                <el-form-item label="岗位名称">
+                    <el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
+                </el-form-item>
+                <el-form-item label="岗位描述">
+                    <el-input v-model="editForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>
+                </el-form-item>
+                <el-form-item label="部门名称">
+                    <el-select v-model="editForm.departmentId" placeholder="请选择">
+                        <el-option
+                                v-for="item in departmentNameList"
+                                :key="item.departmentId"
+                                :label="item.departmentName"
+                                :value="item.departmentId">
+                        </el-option>
+                    </el-select>
+                </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"  width="60%">
+            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
+                <el-form-item label="工单名称" prop="processname">
+                    <el-input v-model="addForm.processname" auto-complete="off" placeholder="请输入工单标题："></el-input>
+                </el-form-item>
+                <el-form-item label="开始日期" prop="begindate">
+                    <el-date-picker :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择时间" v-model="addForm.begindate" style="width: 100%;"></el-date-picker>
+                </el-form-item>
+                <el-form-item label="结束日期" prop="enddate">
+                    <el-date-picker :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择时间" v-model="addForm.enddate" style="width: 100%;"></el-date-picker>
+                </el-form-item>
+                <el-form-item label="工单类型" prop="vacationtype">
+                    <el-select v-model="addForm.vacationtype" placeholder="请选择">
+                        <el-option label="运维检查" value="0"></el-option>
+                        <el-option label="设备故障" value="1"></el-option>
+                        <el-option label="电话报修" value="3"></el-option>
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="工单内容" prop="reason">
+                    <el-input type="textarea" v-model="addForm.reason"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-cascader-panel
+                            :options="options"
+                            v-model="jodUserId"
+                            @change="cascaderhandleChange"
+                    ></el-cascader-panel>
+                </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 { getList,add,startJob} from '@/api/job_api';
+    import moment from 'moment'
+    import parseTime from '@/utils'
+    import loginUserInfo from '@/api/base'
+    import ElFormItem from "../../../node_modules/element-ui/packages/form/src/form-item.vue";
+    export default {
+        components: {ElFormItem},
+        data() {
+            return {
+                filters: {
+                    processName: '',
+                    parseTime: parseTime
+                },
+                departmentNameList:[],
+                processList: [],
+                permissons: [],
+                permIds: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    roleId: 1,
+                    description: '',
+                    roleName: '',
+                    roleSign: 1,
+                    departmentId:''
+                },
+                //用户ID
+
+                //执行任务人ID
+                jodUserId: 0,
+                //新增界面是否显示
+                addFormVisible: false,
+                //设置权限界面是否显示
+                PermFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ],
+                    description: [
+                        { required: true, message: '请输入岗位/角色描述', trigger: 'blur' }
+                    ]
+                },
+                //新增界面数据
+                addForm: {
+                    processname: '',
+                    begindate: '',
+                    enddate: '',
+                    vacationtype:'',
+                    reason: '',
+                    userId: ''
+                },
+                permForm: {
+                    roleId: 1,
+                    description: '',
+                    roleName: '',
+                    roleSign: 1,
+                    permissions: []
+                },
+                centerDialogVisible: false,
+                dialogData:{
+                    process:{
+                        processname: ''
+                    }
+                },
+                pickerOptions: {
+                    disabledDate(time) {
+                        return time.getTime() < Date.now();
+                    },
+                    shortcuts: [{
+                        text: '今天',
+                        onClick(picker) {
+                            picker.$emit('pick', new Date());
+                        }
+                    }, {
+                        text: '昨天',
+                        onClick(picker) {
+                            const date = new Date();
+                            date.setTime(date.getTime() - 3600 * 1000 * 24);
+                            picker.$emit('pick', date);
+                        }
+                    }, {
+                        text: '一周前',
+                        onClick(picker) {
+                            const date = new Date();
+                            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+                            picker.$emit('pick', date);
+                        }
+                    }]
+                },
+                options:[{
+                    value: '1',
+                    label: '测试公司',
+                    children: [{
+                        value: '2',
+                        label: '测试部门一',
+                        children: [{
+                            value: '1',
+                            label: '测试岗位1',
+                            children: [{
+                                value: '1',
+                                label: '测试人员1'
+                            }]
+                        }]
+                    }, {
+                        value: '3',
+                        label: '测试部门二',
+                        children: [{
+                            value: '2',
+                            label: '测试岗位2',
+                            children: [{
+                                value: '1',
+                                label: '测试人员2'
+                            }]
+                        }, {
+                            value: '3',
+                            label: '测试岗位3',
+                            children: [{
+                                value: '1',
+                                label: '测试人员3'
+                            }]
+                        }]
+                    }]
+                }],
+            }
+        },
+        methods: {
+            //性别显示转换
+            formatType: function (row, column) {
+                let msg = '未知';
+                switch (row.auditresuld){
+                    case 0:
+                        msg='未执行';
+                        break;
+                    case 1:
+                        msg='执行中';
+                        break;
+                    case 2:
+                        msg='执行完毕';
+                        break;
+                    case 3:
+                        msg='任务转交';
+                        break;
+                }
+                return msg;
+            },
+            formatState: function (row, column) {
+                let msg = '未知';
+                switch (row.processstatus){
+                    case 0:
+                        msg='未分配';
+                        break;
+                    case 1:
+                        msg='已分配';
+                        break;
+                    case 2:
+                        msg='执行中';
+                        break;
+                    case 3:
+                        msg='已完成';
+                        break;
+                }
+                return msg;
+            },
+            handleCurrentChange(val) {
+                this.pageNum = val;
+            },
+            //获取工单列表
+            getProcessList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    userId: 0,
+                    processid: this.$route.params.formid
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    let resData = res.data.data;
+                    this.total = resData.total;
+                    this.processList = resData.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 = { roleId: row.roleId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                    }).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.getdepartmentNames();
+            },
+            //显示新增界面，每次点开初始化数据
+            handleAdd: function () {
+                this.addFormVisible = true;
+                this.addForm =  {
+                        processname: '',
+                        begindate: '',
+                        enddate: '',
+                        vacationtype:'',
+                        reason: '',
+                        userid: loginUserInfo.userId
+                }
+            },
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.editForm);
+                            //不需要提交的 去掉，后端不好接收
+                            para.authorities = null;
+                            para.permissions = null;
+                            para.roles = null;
+//							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
+                            /*
+        					查询之后格式this.filters.column.create_start_date中日期发生变化;
+        					Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) 变成了 "2017-08-08T16:00:00.000Z";
+        					所以使用 moment 日期格式化插件将时间转换成 [ Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) ] 格
+        					式;
+    						*/
+                            /*moment 安装 npm install moment --save*/
+                            para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
+                            this.editLoading = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.addForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                if (res.status ===200) {
+                                    this.$message({
+                                        message: '提交成功',
+                                        type: 'success'
+                                    });
+                                    this.$refs['permForm'].resetFields();
+                                    this.addFormVisible = false;
+                                    this.getProcessList();
+                                }
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            startJob: function (index, row) {
+                let loading = this.$loading({ fullscreen: true,
+                    background: 'gray',
+                    text: '正在处理'});
+                let jobdata = Object.assign({}, row);
+                startJob(jobdata).then((res) => {
+                    if (res.status ===200) {
+                        this.getProcessList();
+                        this.listLoading = false;
+                        this.$message({
+                            message: '提交成功',
+                            type: 'success'
+                        });
+                    }
+                }).catch(error => alert(error));
+                loading.close();
+            },
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.roleId).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'
+                        })
+                    });
+                }).catch(() => {
+
+                });
+            },
+            shwoDialog(index,row) {
+                this.dialogData =  Object.assign({}, row);
+                this.centerDialogVisible = true;
+            },
+            cascaderhandleChange:function (value) {
+                let defaultvalue = ["0","0","0","0"];
+                defaultvalue = value;
+                console.log(defaultvalue);
+                this.jodUserId = defaultvalue[3];
+            }
+        },
+        mounted() {
+            this.getProcessList();
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>

+<template>
+    <section>
+        <el-dialog
+                :data="dialogData"
+                title="提示"
+                :visible.sync="centerDialogVisible"
+                width="30%"
+                center>
+            <span>{{dialogData.reason}}</span>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="centerDialogVisible = false">取 消</el-button>
+                <el-button type="primary" @click="centerDialogVisible = false">确 定</el-button>
+            </span>
+        </el-dialog>
+        <!--工具条-->
+        <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
+            <el-form :inline="true" :model="filters">
+                <el-form-item>
+                    <el-input v-model="filters.processName" placeholder="工单名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getProcessList()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="handleAdd()">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="processList" 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" width="60">
+            </el-table-column>
+            <el-table-column prop="processname" label="工单名称" width="100">
+                <template slot-scope="scope">
+                    <el-button size="small" type="text" @click="checkJobs(scope.$index, scope.row)">{{scope.row.processname}}</el-button>
+                </template>
+            </el-table-column>
+            <el-table-column prop="user.realname" label="添加者" min-width="100" sortable>
+            </el-table-column>
+            <el-table-column label="开始日期" width="200px" align="center" sortable>
+                <template slot-scope="scope">
+                    <span>{{ scope.row.begindate}}</span>
+                </template>
+            </el-table-column>
+            <el-table-column label="结束日期" width="200px" align="center" sortable>
+                <template slot-scope="scope">
+                    <span>{{ scope.row.enddate}}</span>
+                </template>
+            </el-table-column>
+            <el-table-column prop="vacationtype" label="工单类型" min-width="80"  :formatter="formatType" sortable>
+            </el-table-column>
+            <el-table-column prop="processstatus" label="工单状态" min-width="80" :formatter="formatState" sortable>
+            </el-table-column>
+            <el-table-column label="操作" min-width="260">
+                <template slot-scope="scope">
+                    <!--<el-button size="small" @click="setPerm(scope.$index, scope.row)">分配工单</el-button>-->
+                    <el-button size="small" @click="shwoDialog(scope.$index, scope.row)">查看内容</el-button>
+                    <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="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.roleId}}</span>
+                </el-form-item>
+                <el-form-item label="岗位名称">
+                    <el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
+                </el-form-item>
+                <el-form-item label="岗位描述">
+                    <el-input v-model="editForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>
+                </el-form-item>
+                <el-form-item label="部门名称">
+                    <el-select v-model="editForm.departmentId" placeholder="请选择">
+                        <el-option
+                                v-for="item in departmentNameList"
+                                :key="item.departmentId"
+                                :label="item.departmentName"
+                                :value="item.departmentId">
+                        </el-option>
+                    </el-select>
+                </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"  width="60%">
+            <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
+                <el-form-item label="工单名称" prop="processname">
+                    <el-input v-model="addForm.processname" auto-complete="off" placeholder="请输入工单标题："></el-input>
+                </el-form-item>
+                <el-form-item label="开始日期" prop="begindate">
+                    <el-date-picker :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择时间" v-model="addForm.begindate" style="width: 100%;"></el-date-picker>
+                </el-form-item>
+                <el-form-item label="结束日期" prop="enddate">
+                    <el-date-picker :picker-options="pickerOptions" value-format="yyyy-MM-dd" placeholder="选择时间" v-model="addForm.enddate" style="width: 100%;"></el-date-picker>
+                </el-form-item>
+                <el-form-item label="工单类型" prop="vacationtype">
+                    <el-cascader-panel
+                            :options="vacationTypeOptions"
+                            v-model="addForm.vacationtype"
+                            @change="cascaderhandleChange"></el-cascader-panel>
+                </el-form-item>
+                <el-form-item label="工单内容" prop="reason">
+                    <el-input type="textarea" v-model="addForm.reason"></el-input>
+                </el-form-item>
+                <el-form-item label="指定部门">
+                    <el-tree
+                            :data="options"
+                            v-model="addForm.jobuserid"
+                            show-checkbox
+                            ref="tree"
+                            node-key="value"
+                            @check-change="handleCheckChange"
+                            :props="defaultProps">
+                    </el-tree>
+                </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,add,vacationTypeOptions} from '@/api/process_api';
+    import moment from 'moment'
+    import {parseTime, pickerOptions} from '@/utils'
+    import loginUserInfo from '@/api/base'
+    import ElFormItem from "../../../node_modules/element-ui/packages/form/src/form-item.vue";
+    export default {
+        components: {ElFormItem},
+        data() {
+            return {
+                filters: {
+                    processName: '',
+                    parseTime: parseTime
+                },
+                departmentNameList:[],
+                processList: [],
+                permissons: [],
+                permIds: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    roleId: 1,
+                    description: '',
+                    roleName: '',
+                    roleSign: 1,
+                    departmentId:''
+                },
+                //新增界面是否显示
+                addFormVisible: false,
+                //设置权限界面是否显示
+                PermFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    roleName: [
+                        { required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
+                    ],
+                    description: [
+                        { required: true, message: '请输入岗位/角色描述', trigger: 'blur' }
+                    ]
+                },
+                //新增界面数据
+                addForm: {
+                    processname: '',
+                    begindate: '',
+                    enddate: '',
+                    vacationtype:'',
+                    reason: '',
+                    userId: '',
+                    jobuserid: 0
+                },
+                jobForm: {
+                    taskid: 1,
+                    userid: 1,
+                    auditresuld: ''
+                },
+                centerDialogVisible: false,
+                dialogData:{},
+                options:[{
+                    value: '1',
+                    label: '测试公司',
+                    children: [{
+                        value: '2',
+                        label: '测试部门一',
+                        children: [{
+                            value: '1',
+                            label: '测试岗位1'
+                        }]
+                    }, {
+                        value: '3',
+                        label: '测试部门二',
+                        children: [{
+                            value: '2',
+                            label: '测试岗位2'
+                        }, {
+                            value: '3',
+                            label: '测试岗位3'
+                        }]
+                    }]
+                }],
+                defaultProps: {
+                    children: 'children',
+                    label: 'label'
+                },
+                pickerOptions: pickerOptions,
+                vacationTypeOptions: vacationTypeOptions
+            }
+        },
+        methods: {
+            //性别显示转换
+            formatType: function (row, column) {
+                return row.vacationtype == 1 ? '运维检查' : row.vacationtype == 0 ? '设备故障' : '电话报修';
+            },
+            formatState: function (row, column) {
+                let msg = '未知';
+                switch (row.processstatus){
+                    case 0:
+                        msg='未分配';
+                        break;
+                    case 1:
+                        msg='已分配';
+                        break;
+                    case 2:
+                        msg='执行中';
+                        break;
+                    case 3:
+                        msg='已完成';
+                        break;
+                }
+                return msg;
+            },
+            handleCurrentChange(val) {
+                this.pageNum = val;
+            },
+            //获取工单列表
+            getProcessList() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    roleName: this.filters.processName
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    let resData = res.data.data;
+                    this.total = resData.total;
+                    this.processList = resData.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 = { roleId: row.roleId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                    }).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.getdepartmentNames();
+            },
+            //显示新增界面，每次点开初始化数据
+            handleAdd: function () {
+                this.addFormVisible = true;
+                this.addForm =  {
+                    processname: '',
+                    begindate: '',
+                    enddate: '',
+                    vacationtype:'',
+                    reason: '',
+                    userid: loginUserInfo.userId,
+                    jobuserid: 0
+                }
+            },
+            //编辑
+            editSubmit: function () {
+                this.$refs.editForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.editLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.editForm);
+                            //不需要提交的 去掉，后端不好接收
+                            para.authorities = null;
+                            para.permissions = null;
+                            para.roles = null;
+//							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
+                            /*
+        					查询之后格式this.filters.column.create_start_date中日期发生变化;
+        					Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) 变成了 "2017-08-08T16:00:00.000Z";
+        					所以使用 moment 日期格式化插件将时间转换成 [ Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) ] 格
+        					式;
+    						*/
+                            /*moment 安装 npm install moment --save*/
+                            para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
+                            this.editLoading = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            let para = Object.assign({}, this.addForm);
+                            add(para).then((res) => {
+                                this.addLoading = false;
+                                if (res.status ===200) {
+                                    this.$message({
+                                        message: '提交成功',
+                                        type: 'success'
+                                    });
+                                    this.$refs['jobForm'].resetFields();
+                                    this.addFormVisible = false;
+                                    this.getProcessList();
+                                }
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.roleId).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'
+                        })
+                    });
+                }).catch(() => {
+
+                });
+            },
+            shwoDialog(index,row) {
+                this.dialogData =  Object.assign({}, row);
+                this.centerDialogVisible = true;
+            },
+            checkJobs(index,row) {
+                let p = Object.assign({}, row);
+                this.$router.push(
+                    {
+                        name: '任务管理',
+                        params: {
+                            formid: p.formid
+                        }
+                    }
+                )
+            },
+            //级联面板事件
+            cascaderhandleChange:function (value) {
+                let defaultvalue = ["0","0","0","0"];
+                defaultvalue = value;
+                console.log(defaultvalue);
+            },
+            //el-tree绑定事件
+            handleCheckChange(data, checked, indeterminate) {
+//                console.log(data, checked, indeterminate);
+                console.log(this.$refs.tree.getCheckedNodes());
+                console.log(this.$refs.tree.getCheckedKeys());
+//                this.addForm.jobuserid = defaultvalue;
+            }
+        },
+        mounted() {
+            this.getProcessList();
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>

@@ -7,13 +7,10 @@
                     <el-input v-model="filters.username" placeholder="账号"></el-input>
                     <el-input v-model="filters.username" placeholder="账号"></el-input>
                 </el-form-item>
                 </el-form-item>
                 <el-form-item>
                 <el-form-item>
-                    <el-input v-model="filters.methodname" placeholder="系统动作"></el-input>
-                </el-form-item>
-                <el-form-item>
                     <el-input v-model="filters.modelnamecn" placeholder="操作模块"></el-input>
                     <el-input v-model="filters.modelnamecn" placeholder="操作模块"></el-input>
                 </el-form-item>
                 </el-form-item>
                 <el-form-item>
                 <el-form-item>
-                    <el-button type="primary" v-on:click="getRoles()">查询</el-button>
+                    <el-button type="primary" v-on:click="getLogs()">查询</el-button>
                 </el-form-item>
                 </el-form-item>
             </el-form>
             </el-form>
         </el-col>
         </el-col>
@@ -35,8 +32,6 @@
             </el-table-column>
             </el-table-column>
             <el-table-column prop="modelnamecn" label="操作模块" width="120" sortable>
             <el-table-column prop="modelnamecn" label="操作模块" width="120" sortable>
             </el-table-column>
             </el-table-column>
-            <!--<el-table-column prop="parameters" label="参数" width="100" sortable>-->
-            <!--</el-table-column>-->
             <el-table-column prop="classname" label="系统类" show-overflow-tooltip="true" width="100" sortable>
             <el-table-column prop="classname" label="系统类" show-overflow-tooltip="true" width="100" sortable>
             </el-table-column>
             </el-table-column>
             <el-table-column prop="result" label="操作结果" min-width="200" sortable>
             <el-table-column prop="result" label="操作结果" min-width="200" sortable>
@@ -45,7 +40,7 @@
 
 
         <!--工具条-->
         <!--工具条-->
         <el-col :span="24" class="toolbar">
         <el-col :span="24" class="toolbar">
-            <el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="10" :total="total" style="float:right;">
+            <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="10" :total="total" style="float:right;">
             </el-pagination>
             </el-pagination>
         </el-col>
         </el-col>
     </section>
     </section>
@@ -59,7 +54,10 @@
     export default {
     export default {
         data() {
         data() {
             return {
             return {
-                filters: {},
+                filters: {
+                    modelnamecn:'',
+                    username: ''
+                },
                 logs: [],
                 logs: [],
                 total: 0,
                 total: 0,
                 pageNum: 1,
                 pageNum: 1,
@@ -78,13 +76,15 @@
             },
             },
             handleCurrentChange(val) {
             handleCurrentChange(val) {
                 this.pageNum = val;
                 this.pageNum = val;
-                this.getRoles();
+                this.getLogs();
             },
             },
             //获取角色列表
             //获取角色列表
             getLogs() {
             getLogs() {
                 let para = {
                 let para = {
                     pageNum: this.pageNum,
                     pageNum: this.pageNum,
                     pageSize: this.pageSize,
                     pageSize: this.pageSize,
+                    modelnamecn: this.filters.modelnamecn,
+                    username: this.filters.username
                 };
                 };
                 this.listLoading = true;
                 this.listLoading = true;
                 //NProgress.start();
                 //NProgress.start();
@@ -112,28 +112,6 @@
             selsChange: function (sels) {
             selsChange: function (sels) {
                 this.sels = 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.getRoles();
-                    });
-                }).catch(() => {
-
-                });
-            }
         },
         },
         mounted() {
         mounted() {
             this.getLogs();
             this.getLogs();

@@ -55,12 +55,12 @@
 		<!--工具条-->
 		<!--工具条-->
 		<el-col :span="24" class="toolbar">
 		<el-col :span="24" class="toolbar">
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
-			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+			<el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
 			</el-pagination>
 			</el-pagination>
 		</el-col>
 		</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 :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 				<el-form-item label="ID">
 					<span>{{editForm.userId}}</span>
 					<span>{{editForm.userId}}</span>
@@ -109,7 +109,7 @@
 		</el-dialog>
 		</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 :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="账号" prop="username">
 				<el-form-item label="账号" prop="username">
 					<el-input v-model="addForm.username"></el-input>
 					<el-input v-model="addForm.username"></el-input>

+<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.companyName" placeholder="公司名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getCompanys()">查询</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="companyList" 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="companyId" label="ID" sortable>
+            </el-table-column>
+            <el-table-column prop="companyName" label="公司名称"  sortable>
+            </el-table-column>
+            <el-table-column prop="groupName" label="集团名称"  sortable>
+            </el-table-column>
+            <el-table-column prop="creatTime" 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.companyId}}</span>
+                </el-form-item>
+                <el-form-item label="公司名称">
+                    <el-input v-model="editForm.companyName" auto-complete="off" placeholder="请输入公司名称"></el-input>
+                </el-form-item>
+                <el-form-item label="集团名称">
+                    <el-select v-model="editForm.groupId" placeholder="请选择">
+                        <el-option
+                                v-for="item in groupLists"
+                                :key="item.groupId"
+                                :label="item.groupName"
+                                :value="item.groupId">
+                        </el-option>
+                    </el-select>
+                </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="companyName">
+                    <el-input v-model="addForm.companyName" auto-complete="off" placeholder="请输入公司名称"></el-input>
+                </el-form-item>
+                <el-form-item label="集团名称" prop="groupId">
+                    <el-select v-model="addForm.groupId" placeholder="请选择">
+                        <el-option
+                                v-for="item in groupLists"
+                                :key="item.groupId"
+                                :label="item.groupName"
+                                :value="item.groupId">
+                        </el-option>
+                    </el-select>
+                </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/company';
+    import { getList as groupList } from '../../api/group_company';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    companyName: ''
+                },
+                companyList: [],
+                // 接受集团名称
+                groupLists:[],
+                permIds: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    companyName: [
+                        { required: true, message: '请输入公司名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    companyId: '',
+                    companyName: '',
+                    groupId: ''
+                },
+                //设置权限数据
+                setPermForm: {},
+                //新增界面是否显示
+                addFormVisible: false,
+                //设置权限界面是否显示
+                PermFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    companyName: [
+                        { required: true, message: '请输入公司名称', trigger: 'blur' }
+                    ]
+                },
+
+                //新增界面数据
+                addForm: {
+                    companyName: '',
+                    groupId: ''
+                },
+                companyFrom: {
+                    companyId: 1,
+                    companyName: '',
+                    companys: []
+                }
+
+            }
+        },
+        mounted() {
+            this.getCompanys();
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getRoles();
+            },
+            //获取公司列表
+            getCompanys() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    companyName: this.filters.companyName
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.companyList = res.data.list;
+                    console.log(this.companyList);
+                    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);
+                    }
+
+                });
+
+            },
+
+            //获取集团列表
+            getGroupComapnys() {
+
+                this.listLoading = true;
+                //NProgress.start();
+                groupList().then((res) => {
+                    this.total = res.data.total;
+                    this.groupLists = res.data.list;
+                    console.log(this.companyList);
+                    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 = { companyId: row.companyId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getCompanys();
+                    }).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.getGroupComapnys();
+            },
+            setPerm: function (index, row) {
+                var _this = this;
+                this.companyIds = [];
+                this.PermFormVisible = true;
+                this.companyFrom = Object.assign({}, row);
+                let rolePerms = this.companyFrom.companys;
+                if (util.checkNull(rolePerms)){
+                    rolePerms.forEach(function (company,v_index,v_arr) {
+                        if(util.checkNull(perm)){
+                            _this.companyIds[v_index] = company.companyId;
+                        }
+                    });
+                }
+                this.getPermList();
+            },
+            //显示新增界面，每次点开初始化数据
+            companyAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    companyName: '',
+                    groupId: ''
+                };
+                this.getGroupComapnys();
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            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.getCompanys();
+                            }).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 = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getCompanys();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.companyId).toString();
+                console.log(ids);
+                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.getCompanys();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>

+<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.departmentName" placeholder="部门名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getDepartments()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="departmentAdd">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="departmentList" 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="departmentId" label="ID"  sortable>
+            </el-table-column>
+            <el-table-column prop="departmentName" label="部门名称"  sortable>
+            </el-table-column>
+            <el-table-column prop="companyName" label="所属公司名称"  sortable>
+            </el-table-column>
+            <el-table-column prop="creatTime" 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.departmentId}}</span>
+                </el-form-item>
+                <el-form-item label="部门名称">
+                    <el-input v-model="editForm.departmentName" auto-complete="off" placeholder="请输入公司名称"></el-input>
+                </el-form-item>
+                <el-form-item label="公司名称">
+                    <el-select v-model="editForm.companyId" placeholder="请选择公司">
+                        <el-option
+                                v-for="item in companyList"
+                                :key="item.companyId"
+                                :label="item.companyName"
+                                :value="item.companyId">
+                        </el-option>
+                    </el-select>
+                </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="deprtmentName">
+                    <el-input v-model="addForm.departmentName" auto-complete="off" placeholder="请输入部门名称"></el-input>
+                </el-form-item>
+                <el-form-item label="公司名称" prop="companyId">
+                    <el-select v-model="addForm.companyId" placeholder="请选择公司">
+                        <el-option
+                                v-for="item in companyList"
+                                :key="item.companyId"
+                                :label="item.companyName"
+                                :value="item.companyId">
+                        </el-option>
+                    </el-select>
+                </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/department';
+    import { getList as getCompanyList } from '../../api/company';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    departmentName: ''
+                },
+
+                departmentList: [],
+                companyList: [],
+                permIds: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 10,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    departmentName: [
+                        { required: true, message: '请输入部门名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    departmentId: '',
+                    departmentName: '',
+                    companyId: ''
+                },
+                //设置权限数据
+                setPermForm: {},
+                //新增界面是否显示
+                addFormVisible: false,
+                //设置权限界面是否显示
+                PermFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    departmentName: [
+                        { required: true, message: '请输入部门名称', trigger: 'blur' }
+                    ]
+                },
+                //新增界面数据
+                addForm: {
+                    departmentName: '',
+                    companyId: ''
+                },
+                departmentFrom: {
+                    departmentId: 1,
+                    departmentName: '',
+                    departments: []
+                }
+
+            }
+        },
+        mounted() {
+            this.getDepartments();
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getDepartments();
+            },
+            //获取列表
+            getDepartments() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    departmentName: this.filters.departmentName
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.departmentList = 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);
+                    }
+
+                });
+
+            },
+            //获取列表
+            getCompanylists() {
+                let para = {
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getCompanyList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.companyList = 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 = { departmentId: row.departmentId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getDepartments();
+                    }).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.getCompanylists();
+            },
+            setPerm: function (index, row) {
+                var _this = this;
+                this.departmentIds = [];
+                this.PermFormVisible = true;
+                this.departmentFrom = Object.assign({}, row);
+                let rolePerms = this.departmentFrom.departments;
+                if (util.checkNull(rolePerms)){
+                    rolePerms.forEach(function (department,v_index,v_arr) {
+                        if(util.checkNull(perm)){
+                            _this.departmentIds[v_index] = department.departmentId;
+                        }
+                    });
+                }
+                this.getPermList();
+            },
+            //显示新增界面，每次点开初始化数据
+            departmentAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    departmentName: '',
+                    companyId: ''
+                };
+                this.getCompanylists();
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            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.getDepartments();
+                            }).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 = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getDepartments();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.departmentId).toString();
+                console.log(ids);
+                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.getDepartments();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>

+<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.groupName" placeholder="集团名称"></el-input>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" v-on:click="getGroupCompanys()">查询</el-button>
+                </el-form-item>
+                <el-form-item>
+                    <el-button type="primary" @click="groupCompanyAdd">新增</el-button>
+                </el-form-item>
+            </el-form>
+        </el-col>
+
+        <!--列表-->
+        <el-table :data="groupCompanyList" 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="groupId" label="ID"  sortable>
+            </el-table-column>
+            <el-table-column prop="groupName" label="集团名称"  sortable>
+            </el-table-column>
+            <el-table-column prop="creatTime" 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.groupId}}</span>
+                </el-form-item>
+                <el-form-item label="集团名称">
+                    <el-input v-model="editForm.groupName" 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="groupId">
+                    <el-input v-model="addForm.groupName" 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/group_company';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    groupName: ''
+                },
+                groupCompanyList: [],
+                permIds: [],
+                total: 0,
+                pageNum: 1,
+                pageSize: 5,
+                listLoading: false,
+                sels: [],//列表选中列
+                //编辑界面是否显示
+                editFormVisible: false,
+                editLoading: false,
+                editFormRules: {
+                    groupName: [
+                        { required: true, message: '请输入集团名称', trigger: 'blur' }
+                    ]
+                },
+                //编辑界面数据
+                editForm: {
+                    groupId: '',
+                    groupName: ''
+                },
+                //设置权限数据
+                setPermForm: {},
+                //新增界面是否显示
+                addFormVisible: false,
+                //设置权限界面是否显示
+                PermFormVisible: false,
+                addLoading: false,
+                addFormRules: {
+                    groupName: [
+                        { required: true, message: '请输入集团名称', trigger: 'blur' }
+                    ]
+                },
+                //新增界面数据
+                addForm: {
+                    groupName: ''
+                },
+                groupCompanyFrom: {
+                    groupId: 1,
+                    groupName: '',
+                    groupCompanys: []
+                }
+
+            }
+        },
+        mounted() {
+            this.getGroupCompanys();
+        },
+        methods: {
+
+            handleCurrentChange(val) {
+                this.pageNum = val;
+                this.getGroupCompanys();
+            },
+            //获取列表
+            getGroupCompanys() {
+                let para = {
+                    pageNum: this.pageNum,
+                    pageSize: this.pageSize,
+                    groupName: this.filters.groupName
+                };
+                this.listLoading = true;
+                //NProgress.start();
+                getList(para).then((res) => {
+                    this.total = res.data.total;
+                    this.groupCompanyList = 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 = { groupId: row.groupId };
+                    remove(para).then((res) => {
+                        this.listLoading = false;
+                        //NProgress.done();
+                        this.$message({
+                            message: '删除成功',
+                            type: 'success'
+                        });
+                        this.getGroupCompanys();
+                    }).catch((error) => {
+                        this.listLoading = false;
+                        alert(error);
+                    });
+                }).catch();
+            },
+            /**
+             * 显示编辑界面
+             * @param index
+             * @param row 为这行的数据对象
+             */
+            handleEdit: function (index, row) {
+                this.editFormVisible = true;
+                this.editForm = Object.assign({}, row);
+            },
+            setPerm: function (index, row) {
+                var _this = this;
+                this.groupIds = [];
+                this.PermFormVisible = true;
+                this.groupCompanyFrom = Object.assign({}, row);
+                let rolePerms = this.groupCompanyFrom.groupCompanys;
+                if (util.checkNull(rolePerms)){
+                    rolePerms.forEach(function (group,v_index,v_arr) {
+                        if(util.checkNull(perm)){
+                            _this.groupIds[v_index] = group.groupId;
+                        }
+                    });
+                }
+                this.getPermList();
+            },
+            //显示新增界面，每次点开初始化数据
+            groupCompanyAdd: function () {
+                this.addFormVisible = true;
+                this.addForm = {
+                    groupName: '',
+                    companyId: ''
+                };
+            },
+
+            //新增
+            addSubmit: function () {
+                this.$refs.addForm.validate((valid) => {
+                    if (valid) {
+                        this.$confirm('确认提交吗？', '提示', {}).then(() => {
+                            this.addLoading = true;
+                            //NProgress.start();
+                            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.getGroupCompanys();
+                            }).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 = false;
+                            edit(para).then((res) => {
+
+                                //NProgress.done();
+                                this.$message({
+                                    message: '提交成功',
+                                    type: 'success'
+                                });
+                                this.$refs['editForm'].resetFields();
+                                this.editFormVisible = false;
+                                this.getGroupCompanys();
+                            }).catch(error => alert(error));
+                        });
+                    }
+                });
+            },
+
+            selsChange: function (sels) {
+                this.sels = sels;
+            },
+            //批量删除
+            batchRemove: function () {
+                var ids = this.sels.map(item => item.groupId).toString();
+                console.log(ids);
+                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.getGroupCompanys();
+                    });
+                }).catch(() => {
+
+                });
+            }
+        },
+
+    }
+</script>

@@ -4,10 +4,10 @@
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 			<el-form :inline="true" :model="filters">
 			<el-form :inline="true" :model="filters">
 				<el-form-item>
 				<el-form-item>
-					<el-input v-model="filters.permName" placeholder="权限名称"></el-input>
+					<el-input v-model="filters.name" placeholder="权限名称"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item>
 				<el-form-item>
-					<el-button type="primary" v-on:click="getRoles()">查询</el-button>
+					<el-button type="primary" v-on:click="getTableList()">查询</el-button>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item>
 				<el-form-item>
 					<el-button type="primary" @click="handleAdd">新增</el-button>
 					<el-button type="primary" @click="handleAdd">新增</el-button>
@@ -23,11 +23,11 @@
 			</el-table-column>
 			</el-table-column>
 			<el-table-column prop="permissionId" label="ID" width="100" sortable>
 			<el-table-column prop="permissionId" label="ID" width="100" sortable>
 			</el-table-column>
 			</el-table-column>
-			<el-table-column prop="permissionName" label="权限名称" min-width="200" sortable>
+			<el-table-column prop="name" label="权限名称" min-width="200" sortable>
 			</el-table-column>
 			</el-table-column>
 			<el-table-column prop="description" label="描述" min-width="200" sortable>
 			<el-table-column prop="description" label="描述" min-width="200" sortable>
 			</el-table-column>
 			</el-table-column>
-			<el-table-column prop="permissionSign" label="排序" width="100" sortable>
+			<el-table-column prop="permissionOrder" label="排序" width="100" sortable>
 			</el-table-column>
 			</el-table-column>
 			<el-table-column prop="url" label="路径" width="100" sortable>
 			<el-table-column prop="url" label="路径" width="100" sortable>
 			</el-table-column>
 			</el-table-column>
@@ -42,28 +42,45 @@
 		<!--工具条-->
 		<!--工具条-->
 		<el-col :span="24" class="toolbar">
 		<el-col :span="24" class="toolbar">
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
-			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+			<el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="pageSize" :total="total" style="float:right;">
 			</el-pagination>
 			</el-pagination>
 		</el-col>
 		</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 :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 				<el-form-item label="ID">
-					<span>{{editForm.roleId}}</span>
+					<span>{{editForm.permissionId}}</span>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="权限名称">
-					<el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入权限名称：例如:ROLE_name"></el-input>
+				<el-form-item label="权限名称" prop="name">
+					<el-input v-model="editForm.name" auto-complete="off" placeholder="请输入权限名称：例如:用户新增权限"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="权限描述">
+				<el-form-item label="权限描述" prop="description">
 					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入权限描述：例如:用户管理员"></el-input>
 					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入权限描述：例如:用户管理员"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="权限排序">
-					<el-input v-model="editForm.roleSign" auto-complete="off" placeholder="请输入权限排序：例如:数字123"></el-input>
+				<el-form-item label="权限总路径" prop="path">
+					<el-input v-model="editForm.path" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
+				</el-form-item>
+				<el-form-item label="权限路径" prop="url">
+					<el-input v-model="editForm.url" auto-complete="off" placeholder="请输入权限描述：例如:/user/update"></el-input>
+				</el-form-item>
+				<el-form-item label="权限排序" prop="permissionOrder">
+					<el-input v-model="editForm.permissionOrder" auto-complete="off" placeholder="请输入权限排序：例如:123"></el-input>
+				</el-form-item>
+				<el-form-item label="父目录ID" prop="parentId">
+					<el-input v-model="editForm.parentId" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
+				</el-form-item>
+				<el-form-item label="ismenu" prop="ismenu">
+					<el-switch
+							v-model="editForm.ismenu"
+							active-color="#13ce66"
+							inactive-color="#ff4949"
+							active-text="是"
+							inactive-text="否"
+							active-value="1"
+							inactive-value="0">
+					</el-switch>
 				</el-form-item>
 				</el-form-item>
-				<!--<el-form-item label="创建日期">-->
-					<!--<el-date-picker type="date" placeholder="创建日期" v-model="editForm.creattime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"></el-date-picker>-->
-				<!--</el-form-item>-->
 			</el-form>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 			<div slot="footer" class="dialog-footer">
 				<el-button @click.native="editFormVisible = false">取消</el-button>
 				<el-button @click.native="editFormVisible = false">取消</el-button>
@@ -72,25 +89,36 @@
 		</el-dialog>
 		</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 :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
-				<el-form-item label="权限名称" prop="permissionName">
-					<el-input v-model="addForm.roleName" auto-complete="off" placeholder="请输入权限名称：例如:用户新增权限"></el-input>
+				<el-form-item label="权限名称" prop="name">
+					<el-input v-model="addForm.name" auto-complete="off" placeholder="请输入权限名称：例如:用户新增权限"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item label="权限描述" prop="description">
 				<el-form-item label="权限描述" prop="description">
 					<el-input v-model="addForm.description" auto-complete="off" placeholder="请输入权限描述：例如:用户管理员"></el-input>
 					<el-input v-model="addForm.description" auto-complete="off" placeholder="请输入权限描述：例如:用户管理员"></el-input>
 				</el-form-item>
 				</el-form-item>
+				<el-form-item label="权限总路径" prop="path">
+					<el-input v-model="addForm.path" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
+				</el-form-item>
 				<el-form-item label="权限路径" prop="url">
 				<el-form-item label="权限路径" prop="url">
 					<el-input v-model="addForm.url" auto-complete="off" placeholder="请输入权限描述：例如:/user/update"></el-input>
 					<el-input v-model="addForm.url" auto-complete="off" placeholder="请输入权限描述：例如:/user/update"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="权限排序" prop="permissionSign">
-					<el-input v-model="addForm.permissionSign" auto-complete="off" placeholder="请输入权限排序：例如:123"></el-input>
+				<el-form-item label="权限排序" prop="permissionOrder">
+					<el-input v-model="addForm.permissionOrder" auto-complete="off" placeholder="请输入权限排序：例如:123"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item label="父目录ID" prop="parentId">
 				<el-form-item label="父目录ID" prop="parentId">
 					<el-input v-model="addForm.parentId" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
 					<el-input v-model="addForm.parentId" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="父目录ID" prop="parentId">
-					<el-input v-model="addForm.parentId" auto-complete="off" placeholder="请输入父目录ID：例如:123"></el-input>
+				<el-form-item label="ismenu" prop="ismenu">
+					<el-switch
+							v-model="addForm.ismenu"
+							active-color="#13ce66"
+							inactive-color="#ff4949"
+							active-text="是"
+							inactive-text="否"
+							active-value="1"
+							inactive-value="0">
+					</el-switch>
 				</el-form-item>
 				</el-form-item>
 			</el-form>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 			<div slot="footer" class="dialog-footer">
@@ -110,12 +138,12 @@
 		data() {
 		data() {
 			return {
 			return {
 				filters: {
 				filters: {
-                    permName: ''
+                    name: ''
 				},
 				},
 				tableList: [],
 				tableList: [],
 				total: 0,
 				total: 0,
                 pageNum: 1,
                 pageNum: 1,
-                pageSize: 5,
+                pageSize: 10,
 				listLoading: false,
 				listLoading: false,
 				sels: [],//列表选中列
 				sels: [],//列表选中列
 				//编辑界面是否显示
 				//编辑界面是否显示
@@ -128,27 +156,48 @@
 				},
 				},
 				//编辑界面数据
 				//编辑界面数据
 				editForm: {
 				editForm: {
-                    roleId: 1,
+                    permissionId:'',
                     description: '',
                     description: '',
-                    roleName: '',
-                    roleSign: 1
+                    name: '',
+                    url: '',
+                    path: '',
+                    parentId: '',
+                    ismenu: '',
+                    permissionOrder:''
 				},
 				},
 
 
 				addFormVisible: false,//新增界面是否显示
 				addFormVisible: false,//新增界面是否显示
 				addLoading: false,
 				addLoading: false,
 				addFormRules: {
 				addFormRules: {
-                    roleName: [
+                    name: [
 						{ required: true, message: '请输入权限名称', trigger: 'blur' }
 						{ required: true, message: '请输入权限名称', trigger: 'blur' }
 					],
 					],
                     description: [
                     description: [
                         { required: true, message: '请输入权限描述', trigger: 'blur' }
                         { required: true, message: '请输入权限描述', trigger: 'blur' }
-					]
+					],
+                    paht: [
+                        { required: true, message: '请输入总路径', trigger: 'blur' }
+                    ],
+                    url: [
+                        { required: true, message: '请输入权限路径', trigger: 'blur' }
+                    ],
+                    permissionOrder: [
+                        { required: true, message: '请输入排序字段', trigger: 'blur' }
+                    ],
+                    parentId: [
+                        { required: true, message: '请输入父类ID', trigger: 'blur' }
+                    ]
 				},
 				},
 				//新增界面数据
 				//新增界面数据
 				addForm: {
 				addForm: {
                     description: '',
                     description: '',
-                    roleName: '',
-                    roleSign: 1
+                    name: '',
+                    url: '',
+					path: '',
+					parentId: '',
+                    ismenu: '',
+                    permissionOrder:''
+
 				}
 				}
 
 
 			}
 			}
@@ -170,7 +219,7 @@
 				let para = {
 				let para = {
                     pageNum: this.pageNum,
                     pageNum: this.pageNum,
                     pageSize: this.pageSize,
                     pageSize: this.pageSize,
-                    name: this.filters.permName
+                    name: this.filters.name
 				};
 				};
 				this.listLoading = true;
 				this.listLoading = true;
 				//NProgress.start();
 				//NProgress.start();
@@ -202,7 +251,7 @@
 				}).then(() => {
 				}).then(() => {
 					this.listLoading = true;
 					this.listLoading = true;
 					//NProgress.start();
 					//NProgress.start();
-					let para = { userId: row.userId };
+					let para = { permissionId: row.permissionId };
                     remove(para).then((res) => {
                     remove(para).then((res) => {
 						this.listLoading = false;
 						this.listLoading = false;
 						//NProgress.done();
 						//NProgress.done();
@@ -210,7 +259,7 @@
 							message: '删除成功',
 							message: '删除成功',
 							type: 'success'
 							type: 'success'
 						});
 						});
-						this.getRoles();
+						this.getTableList();
 					}).catch((error) => {
 					}).catch((error) => {
                         this.listLoading = false;
                         this.listLoading = false;
                         alert(error);
                         alert(error);
@@ -248,18 +297,6 @@
 							this.editLoading = true;
 							this.editLoading = true;
 							//NProgress.start();
 							//NProgress.start();
 							let para = Object.assign({}, this.editForm);
 							let para = Object.assign({}, this.editForm);
-							//不需要提交的 去掉，后端不好接收
-							para.authorities = null;
-							para.permissions = null;
-							para.roles = null;
-//							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
-                            /*
-        					查询之后格式this.filters.column.create_start_date中日期发生变化;
-        					Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) 变成了 "2017-08-08T16:00:00.000Z";
-        					所以使用 moment 日期格式化插件将时间转换成 [ Wed Aug 09 2017 00:00:00 GMT+0800 (中国标准时间) ] 格
-        					式;
-    						*/
-							/*moment 安装 npm install moment --save*/
                             para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
                             para.creattime = moment(para.creattime).format('YYYY-MM-DD HH:mm:ss');
                             this.editLoading = false;
                             this.editLoading = false;
                             edit(para).then((res) => {
                             edit(para).then((res) => {
@@ -271,7 +308,7 @@
 								});
 								});
 								this.$refs['editForm'].resetFields();
 								this.$refs['editForm'].resetFields();
 								this.editFormVisible = false;
 								this.editFormVisible = false;
-								this.getRoles();
+								this.getTableList();
 							}).catch(error => alert(error));
 							}).catch(error => alert(error));
 						});
 						});
 					}
 					}
@@ -295,7 +332,7 @@
 								});
 								});
 								this.$refs['addForm'].resetFields();
 								this.$refs['addForm'].resetFields();
 								this.addFormVisible = false;
 								this.addFormVisible = false;
-								this.getRoles();
+								this.getTableList();
 							}).catch(error => alert(error));
 							}).catch(error => alert(error));
 						});
 						});
 					}
 					}
@@ -306,7 +343,7 @@
 			},
 			},
 			//批量删除
 			//批量删除
 			batchRemove: function () {
 			batchRemove: function () {
-				var ids = this.sels.map(item => item.id).toString();
+				var ids = this.sels.map(item => item.permissionId).toString();
 				this.$confirm('确认删除选中记录吗？', '提示', {
 				this.$confirm('确认删除选中记录吗？', '提示', {
 					type: 'warning'
 					type: 'warning'
 				}).then(() => {
 				}).then(() => {
@@ -320,7 +357,7 @@
 							message: '删除成功',
 							message: '删除成功',
 							type: 'success'
 							type: 'success'
 						});
 						});
-						this.getRoles();
+						this.getTableList();
 					});
 					});
 				}).catch(() => {
 				}).catch(() => {
 
 

@@ -4,7 +4,7 @@
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 			<el-form :inline="true" :model="filters">
 			<el-form :inline="true" :model="filters">
 				<el-form-item>
 				<el-form-item>
-					<el-input v-model="filters.roleName" placeholder="角色名称"></el-input>
+					<el-input v-model="filters.roleName" placeholder="岗位/角色名称"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item>
 				<el-form-item>
 					<el-button type="primary" v-on:click="getRoles()">查询</el-button>
 					<el-button type="primary" v-on:click="getRoles()">查询</el-button>
@@ -23,11 +23,11 @@
 			</el-table-column>
 			</el-table-column>
 			<el-table-column prop="roleId" label="ID" width="100" sortable>
 			<el-table-column prop="roleId" label="ID" width="100" sortable>
 			</el-table-column>
 			</el-table-column>
-			<el-table-column prop="roleName" label="角色名称" min-width="200" sortable>
+			<el-table-column prop="roleName" label="岗位/角色名称" min-width="200" sortable>
 			</el-table-column>
 			</el-table-column>
-			<el-table-column prop="description" label="角色描述" min-width="200" sortable>
+			<el-table-column prop="departmentName" label="部门名称" min-width="200" sortable>
 			</el-table-column>
 			</el-table-column>
-			<el-table-column prop="roleSign" label="排序" width="100" sortable>
+			<el-table-column prop="description" label="岗位/角色描述" min-width="200" sortable>
 			</el-table-column>
 			</el-table-column>
 			<el-table-column label="操作" min-width="260">
 			<el-table-column label="操作" min-width="260">
 				<template slot-scope="scope">
 				<template slot-scope="scope">
@@ -41,28 +41,32 @@
 		<!--工具条-->
 		<!--工具条-->
 		<el-col :span="24" class="toolbar">
 		<el-col :span="24" class="toolbar">
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
-			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
+			<el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
 			</el-pagination>
 			</el-pagination>
 		</el-col>
 		</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 :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 				<el-form-item label="ID">
 					<span>{{editForm.roleId}}</span>
 					<span>{{editForm.roleId}}</span>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="角色名称">
-					<el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入角色名称：例如:ROLE_name"></el-input>
+				<el-form-item label="岗位名称">
+					<el-input v-model="editForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="角色描述">
-					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入角色描述：例如:用户管理员"></el-input>
+				<el-form-item label="岗位描述">
+					<el-input v-model="editForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="角色排序">
-					<el-input v-model="editForm.roleSign" auto-complete="off" placeholder="请输入角色排序：例如:数字123"></el-input>
+				<el-form-item label="部门名称">
+					<el-select v-model="editForm.departmentId" placeholder="请选择">
+						<el-option
+								v-for="item in departmentNameList"
+								:key="item.departmentId"
+								:label="item.departmentName"
+								:value="item.departmentId">
+						</el-option>
+					</el-select>
 				</el-form-item>
 				</el-form-item>
-				<!--<el-form-item label="创建日期">-->
-					<!--<el-date-picker type="date" placeholder="创建日期" v-model="editForm.creattime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"></el-date-picker>-->
-				<!--</el-form-item>-->
 			</el-form>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 			<div slot="footer" class="dialog-footer">
 				<el-button @click.native="editFormVisible = false">取消</el-button>
 				<el-button @click.native="editFormVisible = false">取消</el-button>
@@ -71,16 +75,23 @@
 		</el-dialog>
 		</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 :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>
+				<el-form-item label="岗位/角色名称" prop="roleName">
+					<el-input v-model="addForm.roleName" auto-complete="off" placeholder="请输入岗位/角色名称：例如:ROLE_name"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="角色描述" prop="description">
-					<el-input v-model="addForm.description" auto-complete="off" placeholder="请输入角色描述：例如:用户管理员"></el-input>
+				<el-form-item label="岗位/角色描述" prop="description">
+					<el-input v-model="addForm.description" auto-complete="off" placeholder="请输入岗位/角色描述：例如:用户管理员"></el-input>
 				</el-form-item>
 				</el-form-item>
-				<el-form-item label="角色排序" prop="roleSign">
-					<el-input v-model="addForm.roleSign" auto-complete="off" placeholder="请输入角色排序：例如:数字123"></el-input>
+				<el-form-item label="部门名称" prop="roleSign">
+					<el-select v-model="addForm.departmentId" placeholder="请选择">
+						<el-option
+								v-for="item in departmentNameList"
+								:key="item.departmentId"
+								:label="item.departmentName"
+								:value="item.departmentId">
+						</el-option>
+					</el-select>
 				</el-form-item>
 				</el-form-item>
 			</el-form>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 			<div slot="footer" class="dialog-footer">
@@ -90,7 +101,7 @@
 		</el-dialog>
 		</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-form :model="permForm" label-width="80px"  ref="permForm">
 				<el-checkbox-group v-model="permIds" size="small">
 				<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>
 					<el-checkbox v-for="perm in permissons" :label="perm.permissionId" :key="perm.permissionId">{{perm.name}}</el-checkbox>
@@ -108,6 +119,7 @@
 	import util from '../../common/js/util'
 	import util from '../../common/js/util'
 	import NProgress from 'nprogress'
 	import NProgress from 'nprogress'
 	import { getList, remove, batchRemove, edit, add, updateRolePerm } from '../../api/role_api';
 	import { getList, remove, batchRemove, edit, add, updateRolePerm } from '../../api/role_api';
+	import { getList as getDepartmentList} from '../../api/department';
     import { getList as permList } from '../../api/perm_api';
     import { getList as permList } from '../../api/perm_api';
     import moment from 'moment'
     import moment from 'moment'
 	export default {
 	export default {
@@ -116,6 +128,7 @@
 				filters: {
 				filters: {
                     roleName: ''
                     roleName: ''
 				},
 				},
+                departmentNameList:[],
 				roles: [],
 				roles: [],
 				permissons: [],
 				permissons: [],
 				permIds: [],
 				permIds: [],
@@ -129,7 +142,7 @@
 				editLoading: false,
 				editLoading: false,
 				editFormRules: {
 				editFormRules: {
                     roleName: [
                     roleName: [
-						{ required: true, message: '请输入角色名称', trigger: 'blur' }
+						{ required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
 					]
 					]
 				},
 				},
 				//编辑界面数据
 				//编辑界面数据
@@ -137,10 +150,10 @@
                     roleId: 1,
                     roleId: 1,
                     description: '',
                     description: '',
                     roleName: '',
                     roleName: '',
-                    roleSign: 1
+                    roleSign: 1,
+					departmentId:''
 				},
 				},
-				//设置权限数据
-                setPermForm: {},
+
                 //新增界面是否显示
                 //新增界面是否显示
 				addFormVisible: false,
 				addFormVisible: false,
 				//设置权限界面是否显示
 				//设置权限界面是否显示
@@ -148,17 +161,18 @@
 				addLoading: false,
 				addLoading: false,
 				addFormRules: {
 				addFormRules: {
                     roleName: [
                     roleName: [
-						{ required: true, message: '请输入角色名称', trigger: 'blur' }
+						{ required: true, message: '请输入岗位/角色名称', trigger: 'blur' }
 					],
 					],
                     description: [
                     description: [
-                        { required: true, message: '请输入角色描述', trigger: 'blur' }
+                        { required: true, message: '请输入岗位/角色描述', trigger: 'blur' }
 					]
 					]
 				},
 				},
 				//新增界面数据
 				//新增界面数据
 				addForm: {
 				addForm: {
                     description: '',
                     description: '',
                     roleName: '',
                     roleName: '',
-                    roleSign: 1
+                    roleSign: 1,
+                    departmentId:''
 				},
 				},
                 permForm: {
                 permForm: {
                     roleId: 1,
                     roleId: 1,
@@ -207,11 +221,36 @@
                         alert(error);
                         alert(error);
 					}
 					}
 
 
-
-
 				});
 				});
 
 
 			},
 			},
+
+
+            //获取部门列表
+            getdepartmentNames() {
+
+                this.listLoading = true;
+                //NProgress.start();
+                getDepartmentList().then((res) => {
+                    this.total = res.data.total;
+                    this.departmentNameList = 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);
+                    }
+
+                });
+
+            },
+
 			//获取权限列表
 			//获取权限列表
             getPermList() {
             getPermList() {
                 let para = {
                 let para = {
@@ -240,7 +279,7 @@
 				}).then(() => {
 				}).then(() => {
 					this.listLoading = true;
 					this.listLoading = true;
 					//NProgress.start();
 					//NProgress.start();
-					let para = { userId: row.userId };
+					let para = { roleId: row.roleId };
                     remove(para).then((res) => {
                     remove(para).then((res) => {
 						this.listLoading = false;
 						this.listLoading = false;
 						//NProgress.done();
 						//NProgress.done();
@@ -263,6 +302,7 @@
 			handleEdit: function (index, row) {
 			handleEdit: function (index, row) {
 				this.editFormVisible = true;
 				this.editFormVisible = true;
 				this.editForm = Object.assign({}, row);
 				this.editForm = Object.assign({}, row);
+				this.getdepartmentNames();
 			},
 			},
             setPerm: function (index, row) {
             setPerm: function (index, row) {
 				var _this = this;
 				var _this = this;
@@ -292,6 +332,7 @@
                     mobilephone: '',
                     mobilephone: '',
                     age: 1
                     age: 1
 				};
 				};
+				this.getdepartmentNames();
 			},
 			},
 			//编辑
 			//编辑
 			editSubmit: function () {
 			editSubmit: function () {
@@ -386,7 +427,7 @@
 			},
 			},
 			//批量删除
 			//批量删除
 			batchRemove: function () {
 			batchRemove: function () {
-				var ids = this.sels.map(item => item.id).toString();
+				var ids = this.sels.map(item => item.roleId).toString();
 				this.$confirm('确认删除选中记录吗？', '提示', {
 				this.$confirm('确认删除选中记录吗？', '提示', {
 					type: 'warning'
 					type: 'warning'
 				}).then(() => {
 				}).then(() => {

@@ -4,10 +4,10 @@
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 		<el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
 			<el-form :inline="true" :model="filters">
 			<el-form :inline="true" :model="filters">
 				<el-form-item>
 				<el-form-item>
-					<el-input v-model="filters.realname" placeholder="姓名"></el-input>
+					<el-input v-model="filters.realName" placeholder="姓名"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item>
 				<el-form-item>
-					<el-input v-model="filters.username" placeholder="账号"></el-input>
+					<el-input v-model="filters.userName" placeholder="账号"></el-input>
 				</el-form-item>
 				</el-form-item>
 				<el-form-item>
 				<el-form-item>
 					<el-button type="primary" v-on:click="getUsers">查询</el-button>
 					<el-button type="primary" v-on:click="getUsers">查询</el-button>
@@ -56,12 +56,12 @@
 		<!--工具条-->
 		<!--工具条-->
 		<el-col :span="24" class="toolbar">
 		<el-col :span="24" class="toolbar">
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
 			<el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
-			<el-pagination layout="prev, pager, next" @current-change="handleCurrentChange" :page-size="10" :total="total" style="float:right;">
+			<el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="10" :total="total" style="float:right;">
 			</el-pagination>
 			</el-pagination>
 		</el-col>
 		</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 :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
 				<el-form-item label="ID">
 				<el-form-item label="ID">
 					<span>{{editForm.userId}}</span>
 					<span>{{editForm.userId}}</span>
@@ -123,7 +123,7 @@
 		</el-dialog>
 		</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 :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
 				<el-form-item label="账号" prop="username">
 				<el-form-item label="账号" prop="username">
 					<el-input v-model="addForm.username"></el-input>
 					<el-input v-model="addForm.username"></el-input>
@@ -160,7 +160,7 @@
 		</el-dialog>
 		</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 :model="roleEditForm" label-width="80px"  ref="roleEditForm" >
 				<el-form-item label="ID">
 				<el-form-item label="ID">
 					<span>{{roleEditForm.userId}}</span>
 					<span>{{roleEditForm.userId}}</span>
@@ -168,9 +168,9 @@
 				<el-form-item label="账号">
 				<el-form-item label="账号">
 					<span>{{roleEditForm.username}}</span>
 					<span>{{roleEditForm.username}}</span>
 				</el-form-item>
 				</el-form-item>
-					<el-checkbox-group v-model="roleIds" size="small">
-						<el-checkbox-button v-for="role in roles" :label="role.roleId"  :key="role.roleId" >{{role.description}}</el-checkbox-button>
-					</el-checkbox-group>
+				<el-checkbox-group v-model="roleIds" size="small">
+					<el-checkbox-button v-for="role in roles" :label="role.roleId"  :key="role.roleId" >{{role.description}}</el-checkbox-button>
+				</el-checkbox-group>
 			</el-form>
 			</el-form>
 			<div slot="footer" class="dialog-footer">
 			<div slot="footer" class="dialog-footer">
 				<el-button @click.native="roleFormVisible = false">取消</el-button>
 				<el-button @click.native="roleFormVisible = false">取消</el-button>
@@ -190,8 +190,8 @@
 		data() {
 		data() {
 			return {
 			return {
 				filters: {
 				filters: {
-                    username: '',
-					realname: ''
+                    userName: '',
+					realName: ''
 				},
 				},
 				users: [],
 				users: [],
 				total: 0,
 				total: 0,
@@ -269,8 +269,8 @@
 				let para = {
 				let para = {
                     pageNum: this.pageNum,
                     pageNum: this.pageNum,
                     pageSize: this.pageSize,
                     pageSize: this.pageSize,
-                    username: this.filters.username,
-                    realname: this.filters.realname
+                    userName: this.filters.userName,
+                    realName: this.filters.realName
 				};
 				};
 				this.listLoading = true;
 				this.listLoading = true;
                 getUserList(para).then((res) => {
                 getUserList(para).then((res) => {
@@ -346,9 +346,6 @@
                     }else {
                     }else {
                         alert(error);
                         alert(error);
                     }
                     }
-
-
-
                 });
                 });
 
 
             },
             },
@@ -409,9 +406,8 @@
 					if (valid) {
 					if (valid) {
 						this.$confirm('确认提交吗？', '提示', {}).then(() => {
 						this.$confirm('确认提交吗？', '提示', {}).then(() => {
 							this.addLoading = true;
 							this.addLoading = true;
-							//NProgress.start();
 							let para = Object.assign({}, this.addForm);
 							let para = Object.assign({}, this.addForm);
-							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
+//							para.birth = (!para.birth || para.birth == '') ? '' : util.formatDate.format(new Date(para.birth), 'yyyy-MM-dd');
 							addUser(para).then((res) => {
 							addUser(para).then((res) => {
 								this.addLoading = false;
 								this.addLoading = false;
 								//NProgress.done();
 								//NProgress.done();

+<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.cometovisitname" 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="datetime" label="日期"  sortable>
+            </el-table-column>
+            <el-table-column prop="cometovisitdate" label="来访时间"  sortable>
+            </el-table-column>
+            <el-table-column prop="leavedate" label="离开时间"  sortable>
+            </el-table-column>
+            <el-table-column prop="cometovisitname" label="姓名"  sortable>
+            </el-table-column>
+            <el-table-column prop="carnumber" label="车辆牌号"  sortable>
+            </el-table-column>
+            <el-table-column prop="phone" label="联系电话"  sortable>
+            </el-table-column>
+            <el-table-column prop="comematter" label="来访事由"  sortable>
+            </el-table-column>
+            <el-table-column prop="warchkeeper" 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="datetime">
+                    <el-date-picker
+                            v-model="editForm.datetime"
+                            type="date"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="来访时间" prop="cometovisitdate">
+                    <el-date-picker
+                            v-model="editForm.cometovisitdate"
+                            type="date"
+                            format="yyyy-MM-dd HH:mm:ss"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="离开时间" prop="leavedate">
+                    <el-date-picker
+                            v-model="editForm.leavedate"
+                            type="date"
+                            format="yyyy-MM-dd HH:mm:ss"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="姓名" prop="cometovisitname">
+                    <el-input v-model="editForm.cometovisitname" auto-complete="off" placeholder="请输入姓名"></el-input>
+                </el-form-item>
+                <el-form-item label="车辆牌号" prop="carnumber">
+                    <el-input v-model="editForm.carnumber" 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="comematter">
+                    <el-input v-model="editForm.comematter" auto-complete="off" placeholder="请输入来访事由"></el-input>
+                </el-form-item>
+                <el-form-item label="值班人员" prop="warchkeeper">
+                    <el-input v-model="editForm.warchkeeper" 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="false">提交</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="datetime">
+                    <el-date-picker
+                            v-model="addForm.datetime"
+                            type="date"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="来访时间" prop="cometovisitdate">
+                    <el-date-picker
+                            v-model="addForm.cometovisitdate"
+                            type="date"
+                            format="yyyy-MM-dd HH:mm:ss"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="离开时间" prop="leavedate">
+                    <el-date-picker
+                            v-model="addForm.leavedate"
+                            type="date"
+                            format="yyyy-MM-dd HH:mm:ss"
+                            value-format="yyyy-MM-dd HH:mm:ss"
+                            placeholder="选择日期时间">
+                    </el-date-picker>
+                </el-form-item>
+                <el-form-item label="姓名" prop="cometovisitname">
+                    <el-input v-model="addForm.cometovisitname" auto-complete="off" placeholder="请输入姓名"></el-input>
+                </el-form-item>
+                <el-form-item label="车辆牌号" prop="carnumber">
+                    <el-input v-model="addForm.carnumber" 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="comematter">
+                    <el-input v-model="addForm.comematter" auto-complete="off" placeholder="请输入来访事由"></el-input>
+                </el-form-item>
+                <el-form-item label="值班人员" prop="warchkeeper">
+                    <el-input v-model="addForm.warchkeeper" 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/come_car';
+    import moment from 'moment'
+
+    export default {
+        data() {
+            return {
+                filters: {
+                    cometovisitname: ''
+                },
+                userid: '',
+                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: {
+                    id:'',
+                    datetime:'',
+                    cometovisitdate:'',
+                    leavedate:'',
+                    cometovisitname: '',
+                    carnumber: '',
+                    phone: '',
+                    comematter: '',
+                    warchkeeper: ''
+
+                },
+                //新增界面是否显示
+                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: {
+                    datetime:'',
+                    cometovisitdate:'',
+                    leavedate:'',
+                    cometovisitname: '',
+                    carnumber: '',
+                    phone: '',
+                    comematter: '',
+                    warchkeeper: '',
+                    userid: this.userid
+                }
+            }
+        },
+        mounted() {
+            this.userid = 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,
+                    cometovisitname: this.filters.cometovisitname
+                };
+                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 = {
+                    userid: this.userid
+                };
+                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>

+<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: true,
+                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>