4.6
zhuyao
commit
315e69e13a
|
|
@ -0,0 +1,10 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
|
||||
export function faultList(data) {
|
||||
return request({
|
||||
url: 'fault/sysFault/FaultList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
|
||||
|
||||
export function FaultLogList(data) {
|
||||
return request({
|
||||
url: '/fault/faultLog/FaultLogList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function insertFaultLog(data) {
|
||||
return request({
|
||||
url: '/fault/faultLog/insertFaultLog',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateFaultLog(data) {
|
||||
return request({
|
||||
url: '/fault/faultLog/updateFaultLog',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteFaultLog(carFaultCodeId) {
|
||||
return request({
|
||||
url: '/fault/faultLog/deleteFaultLog/' + carFaultCodeId,
|
||||
method: 'post',
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,206 @@
|
|||
import Vue from 'vue'
|
||||
import Router from 'vue-router'
|
||||
/* Layout */
|
||||
import Layout from '@/layout'
|
||||
|
||||
Vue.use(Router)
|
||||
|
||||
/**
|
||||
* Note: 路由配置项
|
||||
*
|
||||
* hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401，login等页面，或者如一些编辑页面/edit/1
|
||||
* alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时，自动会变成嵌套的模式--如组件页面
|
||||
* // 只有一个时，会将那个子路由当做根路由显示在侧边栏--如引导页面
|
||||
* // 若你想不管路由下面的 children 声明的个数都显示你的根路由
|
||||
* // 你可以设置 alwaysShow: true，这样它就会忽略之前定义的规则，一直显示根路由
|
||||
* redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
|
||||
* name:'router-name' // 设定路由的名字，一定要填写不然使用<keep-alive>时会出现各种问题
|
||||
* query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
|
||||
* roles: ['admin', 'common'] // 访问路由的角色权限
|
||||
* permissions: ['a:a:a', 'b:b:b'] // 访问路由的菜单权限
|
||||
* meta : {
|
||||
noCache: true // 如果设置为true，则不会被 <keep-alive> 缓存(默认 false)
|
||||
title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字
|
||||
icon: 'svg-name' // 设置该路由的图标，对应路径src/assets/icons/svg
|
||||
breadcrumb: false // 如果设置为false，则不会在breadcrumb面包屑中显示
|
||||
activeMenu: '/system/user' // 当路由设置了该属性，则会高亮相对应的侧边栏。
|
||||
}
|
||||
*/
|
||||
|
||||
// 公共路由
|
||||
export const constantRoutes = [
|
||||
{
|
||||
path: '/redirect',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
children: [
|
||||
{
|
||||
path: '/redirect/:path(.*)',
|
||||
component: () => import('@/views/redirect')
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/login',
|
||||
component: () => import('@/views/login'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/register',
|
||||
component: () => import('@/views/register'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/404',
|
||||
component: () => import('@/views/error/404'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '/401',
|
||||
component: () => import('@/views/error/401'),
|
||||
hidden: true
|
||||
},
|
||||
{
|
||||
path: '',
|
||||
component: Layout,
|
||||
redirect: 'index',
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
component: () => import('@/views/index'),
|
||||
name: 'Index',
|
||||
meta: {title: '首页', icon: 'dashboard', affix: true}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/faultcode',
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'Form',
|
||||
component: () => import('@/views/faultcode/index'),
|
||||
meta: { title: '故障码管理', icon: 'form' }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/faultlog',
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'Form',
|
||||
component: () => import('@/views/faultlog/index'),
|
||||
meta: { title: '故障日志', icon: 'form' }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/user',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
redirect: 'noredirect',
|
||||
children: [
|
||||
{
|
||||
path: 'profile',
|
||||
component: () => import('@/views/system/user/profile/index'),
|
||||
name: 'Profile',
|
||||
meta: {title: '个人中心', icon: 'user'}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
export const dynamicRoutes = [
|
||||
{
|
||||
path: '/system/user-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:user:edit'],
|
||||
children: [
|
||||
{
|
||||
path: 'role/:userId(\\d+)',
|
||||
component: () => import('@/views/system/user/authRole'),
|
||||
name: 'AuthRole',
|
||||
meta: {title: '分配角色', activeMenu: '/system/user'}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/role-auth',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:role:edit'],
|
||||
children: [
|
||||
{
|
||||
path: 'user/:roleId(\\d+)',
|
||||
component: () => import('@/views/system/role/authUser'),
|
||||
name: 'AuthUser',
|
||||
meta: {title: '分配用户', activeMenu: '/system/role'}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/system/dict-data',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['system:dict:list'],
|
||||
children: [
|
||||
{
|
||||
path: 'index/:dictId(\\d+)',
|
||||
component: () => import('@/views/system/dict/data'),
|
||||
name: 'Data',
|
||||
meta: {title: '字典数据', activeMenu: '/system/dict'}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/monitor/job-log',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['monitor:job:list'],
|
||||
children: [
|
||||
{
|
||||
path: 'index/:jobId(\\d+)',
|
||||
component: () => import('@/views/monitor/job/log'),
|
||||
name: 'JobLog',
|
||||
meta: {title: '调度日志', activeMenu: '/monitor/job'}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/tool/gen-edit',
|
||||
component: Layout,
|
||||
hidden: true,
|
||||
permissions: ['tool:gen:edit'],
|
||||
children: [
|
||||
{
|
||||
path: 'index/:tableId(\\d+)',
|
||||
component: () => import('@/views/tool/gen/editTable'),
|
||||
name: 'GenEdit',
|
||||
meta: {title: '修改生成配置', activeMenu: '/tool/gen'}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
|
||||
// 防止连续点击多次路由报错
|
||||
let routerPush = Router.prototype.push;
|
||||
let routerReplace = Router.prototype.replace;
|
||||
// push
|
||||
Router.prototype.push = function push(location) {
|
||||
return routerPush.call(this, location).catch(err => err)
|
||||
}
|
||||
// replace
|
||||
Router.prototype.replace = function push(location) {
|
||||
return routerReplace.call(this, location).catch(err => err)
|
||||
}
|
||||
|
||||
export default new Router({
|
||||
mode: 'history', // 去掉url中的#
|
||||
scrollBehavior: () => ({y: 0}),
|
||||
routes: constantRoutes
|
||||
})
|
||||
|
|
@ -0,0 +1,152 @@
|
|||
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-form ref="listFrom" :model="listFrom" label-width="80px">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="listFrom.carFaultCode"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障位">
|
||||
<el-input v-model="listFrom.carFaultLocation"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="SelonSubmit">查询</el-button>
|
||||
<el-button type="primary" @click="DelonSubmit">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="insertfaultLog">新增</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="delfaultLog">删除</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="updfaultLog">修改</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="OutfaultLog">导出</el-button>
|
||||
<el-table
|
||||
:data="tableDate"
|
||||
border
|
||||
style="width: 100%">
|
||||
<el-table-column label="请选择">
|
||||
<template slot-scope="scope">
|
||||
<input type="checkbox" v-model="selectedItems" :value="scope.row.carFaultCodeId">
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="ID">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.carFaultCodeId }}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column label="故障码">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultCode }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障类型">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultType }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障组">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultGroup }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障位">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultLocation }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障值">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultValue }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障标签">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultLabel }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="是否警告">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carIsWarn }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="角色名称">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.isDel }}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column label="故障等级">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultLevel }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
|
||||
<el-button type="text" size="small">修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="this.listFrom.pageNum"
|
||||
:page-sizes="[1, 2, 3, 4]"
|
||||
:page-size="this.listFrom.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { faultList } from '../../api/fault/faultcode'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
tableDate: [],
|
||||
listFrom: {
|
||||
carFaultLocation: null,
|
||||
carFaultCode: null,
|
||||
pageNum: 1,
|
||||
pageSize: 4
|
||||
},
|
||||
total: 0,
|
||||
selectedItems: [],
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.fetchDate()
|
||||
},
|
||||
|
||||
methods: {
|
||||
DelonSubmit() {
|
||||
this.fetchDate()
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.listFrom.pageSize = val
|
||||
this.fetchDate()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.listFrom.pageNum = val
|
||||
this.fetchDate()
|
||||
},
|
||||
SelonSubmit() {
|
||||
this.fetchDate()
|
||||
},
|
||||
fetchDate() {
|
||||
faultList(this.listFrom).then(response => {
|
||||
this.tableDate = response.data.list
|
||||
this.total = response.data.total
|
||||
})
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,191 @@
|
|||
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-form ref="listFrom" :model="listFrom" label-width="80px">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="listFrom.carLogFaultCode"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆VIN">
|
||||
<el-input v-model="listFrom.carLogVin"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆故障时间">
|
||||
<el-col :span="11">
|
||||
<el-date-picker type="datetime" placeholder="车辆故障开始时间" v-model="listFrom.carBeginTime" style="width: 100%;"></el-date-picker>
|
||||
</el-col>
|
||||
<el-col class="line" :span="1">-</el-col>
|
||||
<el-col :span="11">
|
||||
<el-date-picker type="datetime" placeholder="车辆故障结束时间" v-model="listFrom.carEndTime" style="width: 100%;"></el-date-picker>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="SelonSubmit">查询</el-button>
|
||||
<el-button type="primary" @click="DelonSubmit">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="insertonSubmit">新增</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="delfaultLog">删除</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="updfaultLog">修改</el-button>
|
||||
<el-button type="primary" size="small" v-model="selectedItems" @click="OutfaultLog">导出</el-button>
|
||||
<el-table
|
||||
:data="tableDatee"
|
||||
border
|
||||
style="width: 100%">
|
||||
<el-table-column label="请选择">
|
||||
<template slot-scope="scope">
|
||||
<input type="checkbox" v-model="selectedItems" :value="scope.row.carFaultLogId">
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="ID">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carFaultLogId }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障码">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carLogFaultCode }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="车辆VIN">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carLogVin }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障开始时间">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carBeginTime }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="故障结束时间">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.carEndTime }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column label="角色名称">-->
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.isDel }}-->
|
||||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<el-table-column
|
||||
fixed="right"
|
||||
label="操作"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
|
||||
<el-button type="text" size="small">修改</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="this.listFrom.pageNum"
|
||||
:page-sizes="[1, 2, 3, 4]"
|
||||
:page-size="this.listFrom.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="total">
|
||||
</el-pagination>
|
||||
<el-dialog title="新增对话框" :visible.sync="dialogFormVisiblea">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="车辆故障码">
|
||||
<el-input v-model="form.carLogFaultCode"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆VIN">
|
||||
<el-input v-model="form.carLogVin"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始报警时间">
|
||||
<el-input v-model="form.carBeginTime"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisiblea = false">取 消</el-button>
|
||||
<el-button type="primary" @click="insertfaultLoga">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
|
||||
<!-- <el-dialog title="修改对话框" :visible.sync="dialogFormVisibleb">-->
|
||||
<!-- <el-form :model="form">-->
|
||||
<!-- <el-form-item label="活动名称">-->
|
||||
<!-- <el-input v-model="form.name"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- <el-form-item label="活动区域">-->
|
||||
<!-- <el-select v-model="form.region" placeholder="请选择活动区域">-->
|
||||
<!-- <el-option label="区域一" value="shanghai"></el-option>-->
|
||||
<!-- <el-option label="区域二" value="beijing"></el-option>-->
|
||||
<!-- </el-select>-->
|
||||
<!-- </el-form-item>-->
|
||||
<!-- </el-form>-->
|
||||
<!-- <div slot="footer" class="dialog-footer">-->
|
||||
<!-- <el-button @click="dialogFormVisibleb = false">取 消</el-button>-->
|
||||
<!-- <el-button type="primary" @click="dialogFormVisibleb = false">确 定</el-button>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-dialog>-->
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { FaultLogList, insertFaultLog } from '../../api/fault/faultlog'
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
|
||||
},
|
||||
dialogFormVisibleb: false,
|
||||
dialogFormVisiblea: false,
|
||||
tableDatee: [],
|
||||
listFrom: {
|
||||
carLogFaultCode: null,
|
||||
carLogVin: null,
|
||||
carBeginTime: null,
|
||||
carEndTime: null,
|
||||
pageNum: 1,
|
||||
pageSize: 4
|
||||
},
|
||||
total: 0,
|
||||
selectedItems: [],
|
||||
}
|
||||
},
|
||||
|
||||
created() {
|
||||
this.fetchDatee()
|
||||
},
|
||||
|
||||
methods: {
|
||||
insertonSubmit() {
|
||||
this.dialogFormVisiblea = true
|
||||
},
|
||||
insertfaultLoga() {
|
||||
insertFaultLog().then(response => {
|
||||
this.$message.success(response.msg)
|
||||
})
|
||||
},
|
||||
DelonSubmit() {
|
||||
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
this.listFrom.pageSize = val
|
||||
this.fetchDatee()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.listFrom.pageNum = val
|
||||
this.fetchDatee()
|
||||
},
|
||||
SelonSubmit() {
|
||||
this.fetchDatee()
|
||||
},
|
||||
fetchDatee() {
|
||||
FaultLogList(this.listFrom).then(response => {
|
||||
this.tableDatee = response.data.rows
|
||||
this.total = response.data.total
|
||||
})
|
||||
},
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
</script>
|
||||
Loading…
Reference in New Issue