master
parent
e54a42be3b
commit
10c2ab40cc
|
|
@ -0,0 +1,15 @@
|
|||
import request from '@/utils/request'
|
||||
export function faultCodeList(data) {
|
||||
return request({
|
||||
url: '/fault/faultCode/list',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
export function addFaultCode(data) {
|
||||
return request({
|
||||
url: '/fault/faultCode/add',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-form ref="form" :model="faultCode" label-width="80px">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="faultCode.faultBh"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="onSubmit">查询</el-button>
|
||||
<el-button @click="qx">取消</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-table
|
||||
:data="list"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
prop="faultCodeId"
|
||||
label="主键ID">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultBh"
|
||||
label="故障id">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultTypeName"
|
||||
label="故障类型名称">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultGroup"
|
||||
label="故障组">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultSeat"
|
||||
label="故障位">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultValue"
|
||||
label="故障值">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultTag"
|
||||
label="故障标签">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="isWarn"
|
||||
label="警告状态">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="faultGrade"
|
||||
label="故障报警等级">
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="carVin"
|
||||
label="车辆vin">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-button type="text" @click="dialogFormVisible = true">添加</el-button>
|
||||
|
||||
<el-dialog title="添加故障码" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="form.faultBh"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障类型id">
|
||||
<el-input v-model="form.faultTypeId"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障组">
|
||||
<el-input v-model="form.faultGroup"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障位">
|
||||
<el-input v-model="form.faultSeat"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障值">
|
||||
<el-input v-model="form.faultValue"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障标签">
|
||||
<el-input v-model="form.faultTag"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="警告状态">
|
||||
<el-input v-model="form.isWarn"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障警告等级">
|
||||
<el-input v-model="form.faultGrade"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆vin">
|
||||
<el-input v-model="form.carVin"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="addFaultCode">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
|
||||
import { addFaultCode, faultCodeList } from '@/api/car/fault'
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
list:[],
|
||||
faultCode:{
|
||||
faultBh:"",
|
||||
faultSeat:""
|
||||
},
|
||||
dialogFormVisible:false,
|
||||
form:{
|
||||
|
||||
}
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
addFaultCode(){
|
||||
addFaultCode(this.form).then(res=>{
|
||||
console.log(res)
|
||||
this.dialogFormVisible=false
|
||||
this.faultCodeList()
|
||||
|
||||
})
|
||||
},
|
||||
faultCodeList(){
|
||||
faultCodeList(this.faultCode).then(res=>{
|
||||
console.log(res)
|
||||
this.list=res.data
|
||||
})
|
||||
},
|
||||
onSubmit(){
|
||||
this.faultCodeList()
|
||||
},
|
||||
qx(){
|
||||
location.reload()
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.faultCodeList()
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -35,7 +35,7 @@ module.exports = {
|
|||
proxy: {
|
||||
// detail: https://cli.vuejs.org/config/#devserver-proxy
|
||||
[process.env.VUE_APP_BASE_API]: {
|
||||
target: `http://localhost:8085`,
|
||||
target: `http://localhost:8087`,
|
||||
changeOrigin: true,
|
||||
pathRewrite: {
|
||||
['^' + process.env.VUE_APP_BASE_API]: ''
|
||||
|
|
|
|||
Loading…
Reference in New Issue