朱兆平 / vue_cli · 提交

转到一个项目

作者 王勇
提交 e520094c6f719feda298aa08d15133381b2a4496 1 个父辈 19dd49c7

陆运运输，基础环境

内嵌 并排对比
正在显示 7 个修改的文件 包含 1255 行增加 和 285 行删除
import http from './http.js'
let baseUrl = 'vehicle-manage'
// 车辆信息，分页查询
export const selectVehicleList = params =>{return http.get(`${baseUrl}/vehicle/page`, params);};
// 车辆信息，新增
export const insertVehicle = params =>{return http.post(`${baseUrl}/vehicle/insert`, params);};
// 车辆信息，编辑
export const updateVehicle = params =>{return http.put(`${baseUrl}/vehicle/update`, params);};
// 车辆信息，删除
export const deleteVehicle = params =>{return http.del(`${baseUrl}/vehicle/delete`, params);};
// 车辆信息，批量删除
export const batchRemoveVehicle = params =>{return http.del(`${baseUrl}/vehicle/batchRemove`, params);};
// 挂车信息，分页查询
export const selectTrailerList = params =>{return http.get(`${baseUrl}/trailer/page`, params);};
// 挂车信息，新增
export const insertTrailer = params =>{return http.post(`${baseUrl}/trailer/insert`, params);};
// 挂车信息，编辑
export const updateTrailer = params =>{return http.put(`${baseUrl}/trailer/update`, params);};
// 挂车信息，删除
export const deleteTrailer = params =>{return http.del(`${baseUrl}/trailer/delete`, params);};
// 挂车信息，批量删除
export const batchRemoveTrailer = params =>{return http.del(`${baseUrl}/trailer/batchRemove`, params);};
// 企业信息，分页查询
export const selectCorporationList = params =>{return http.get(`${baseUrl}/corporation/page`, params);};
// 企业信息，新增
export const insertCorporation = params =>{return http.post(`${baseUrl}/corporation/insert`, params);};
// 企业信息，编辑
export const updateCorporation = params =>{return http.put(`${baseUrl}/corporation/update`, params);};
// 企业信息，删除
export const deleteCorporation = params =>{return http.del(`${baseUrl}/corporation/delete`, params);};
// 企业信息，批量删除
export const batchRemoveCorporation = params =>{return http.del(`${baseUrl}/corporation/batchRemove`, params);};
// 驾驶员信息，分页查询
export const selectDriverList = params =>{return http.get(`${baseUrl}/driver/page`, params);};
// 驾驶员信息，新增
export const insertDriver = params =>{return http.post(`${baseUrl}/driver/insert`, params);};
// 驾驶员信息，编辑
export const updateDriver = params =>{return http.put(`${baseUrl}/driver/update`, params);};
// 驾驶员信息，删除
export const deleteDriver = params =>{return http.del(`${baseUrl}/driver/delete`, params);};
// 驾驶员信息，批量删除
export const batchRemoveDriver = params =>{return http.del(`${baseUrl}/driver/batchRemove`, params);};
\ No newline at end of file
... ...
... ... @@ -10,83 +10,14 @@ import PreManifest from './views/agent/PreManifest.vue'
import Company from './views/nav1/company.vue'
import Department from './views/nav1/department.vue'
import Group from './views/nav1/groupcompany.vue'
import Process from './views/hqpt/Process.vue'
import Job from './views/hqpt/Job.vue'
// import Form from './views/nav1/Form.vue'
import OrgManifest from './views/nmms/orgManifest.vue'
import ExitFlight from './views/nmms/ExitFlight.vue'
import ExitPre from './views/nmms/ExitPre.vue'
import ExitTidy from './views/nmms/ExitTidy.vue'
import ExitArrive from './views/nmms/ExitArrive.vue'
import ExitManifest from './views/nmms/ExitManifest.vue'
import ExitLoading from './views/nmms/ExitLoading.vue'
import ExitFlightDesc from './views/nmms/ExitFlightDesc.vue'
import LostLoad from './views/lostLoadChange/lostLoading.vue'
import LostLoadChange from './views/lostLoadChange/lostLoadChange.vue'
import OrigFlightList from './views/nmms_import/OrigFlightList.vue'
import EnterFlightInfo from './views/nmms_import/EnterFlightInfo.vue'
import OrigMaster from './views/nmms_import/OrigMaster.vue'
import EnterTally from './views/nmms_import/EnterFlightTally.vue'
import TallyMster from './views/nmms_import/TallyMster.vue'
import Waybill from './views/nmms_import/Waybill.vue'
import AllocateSearch from './views/nmms_import/AllocateSearch.vue'
import Importallocation from './views/nmms_import/Importallocation.vue'
import Allocatearrive from './views/nmms_import/Allocatearrive.vue'
import User from './views/nav1/user.vue'
import preConfiguration from './views/nav2/preConfiguration.vue'
import allocate from './views/nav2/allocate.vue'
import charge from './views/nav2/charge.vue'
import documents from './views/nav2/documents.vue'
import booking from './views/nav4/booking.vue'
import order from './views/nav4/order.vue'
import airlift from './views/nav4/airlift.vue'
import inquiry from './views/nav4/inquiry.vue'
import echarts from './views/charts/echarts.vue'
import SecrityInspection from './views/staff/security_inspection.vue'
import Key from './views/staff/key.vue'
import Maintain from './views/staff/maintain.vue'
import ComeCar from './views/staff/come_car.vue'
import OnDuty from './views/staff/on_duty.vue'
import WaterStationsPatrol from './views/water/water_stations_patrol.vue'
import Location from './views/empt/Location.vue'
//运输工具 通用业务申报
import Route from './views/airtransport/route.vue'
import Bill from './views/airtransport/bill.vue'
import Flight from './views/airtransport/flight.vue'
import Flightplan from './views/airtransport/flightplan.vue'
import Aircraft from './views/airtransport/aircraft.vue'
import Routeaircraft from './views/airtransport/routeaircraft'
//通用业务查询
import queryRoute from './views/airtransport/queryRoute.vue'
import queryBill from './views/airtransport/queryBill.vue'
import queryFlight from './views/airtransport/queryFlight.vue'
import queryFlightplan from './views/airtransport/queryFlightplan.vue'
import queryAircraft from './views/airtransport/queryAircraft.vue'
import queryRouteaircraft from './views/airtransport/queryRouteaircraft.vue'
import arrival from './views/airtransport/arrival.vue'
import confirmatory from './views/airtransport/confirmatory.vue'
import queryArrival from './views/airtransport/queryArrival.vue'
import queryConfirmatory from './views/airtransport/queryConfirmatory.vue'
import configure from './views/airtransport/configure.vue'
import queryConfigure from './views/airtransport/queryConfigure.vue'
import departure from './views/airtransport/departure.vue'
import declare from './views/airtransport/declare.vue'
import queryDeparture from './views/airtransport/queryDeparture.vue'
import queryDeclare from './views/airtransport/queryDeclare.vue'
import outConfigure from './views/airtransport/outConfigure.vue'
import queryFlightConfigure from './views/airtransport/queryFlightConfigure.vue'
import Consigner from './views/consigner/consigner.vue'
import Consignee from './views/consigner/consignee.vue'
// 陆运运输
import Vehicle from './views/vehicle_manage/Vehicle.vue'
import Trailer from './views/vehicle_manage/Trailer.vue'
import Corporation from './views/vehicle_manage/Corporation.vue'
import Driver from './views/vehicle_manage/Driver.vue'
let routes = [
{
... ... @@ -111,229 +42,32 @@ let routes = [
{path: '/main', component: Main, name: '首页'},
]
},
// { path: '/test', component: Main },
// 货运系统--航班预配
{
path: '/domdep',
component: Home,
name: '订舱系统',
iconCls: 'el-icon-delete-location',
children: [
{ path: '/booking', component: booking, name: '在线订舱' },
{ path: '/order', component: order, name: '订舱信息' },
{ path: '/airlift', component: airlift, name: '空运专线' },
]
},
// 货运系统--航班预配
{
path: '/domdep',
component: Home,
name: '国内出港',
iconCls: 'el-icon-position',
children: [
{ path: '/preConfiguration', component: preConfiguration, name: '航班预配' },
{ path: '/allocate', component: allocate, name: '航班配载' },
{ path: '/documents', component: documents, name: '航班文件' },
{ path: '/charge', component: charge, name: '付费处理' },
// { path: '/perm', component: Perm, name: '权限管理' },
// { path: '/log', component: LOG, name: '系统日志' },
// { path: '/department', component: Department, name: '部门管理' },
// { path: '/company', component: Company, name: '公司管理'},
// { path: '/group', component: Group, name: '集团管理'}
]
},
{
path: '/admin',
component: Home,
name: '系统设置',
iconCls: 'el-icon-setting',//图标样式class
children: [
{ path: '/user', component: User, name: '用户管理' },
{ path: '/role', component: Role, name: '组织机构' },
{ path: '/perm', component: Perm, name: '权限管理' },
{ path: '/log', component: LOG, name: '系统日志' },
{ path: '/department', component: Department, name: '部门管理' },
{ path: '/company', component: Company, name: '公司管理'},
{ path: '/group', component: Group, name: '集团管理'}
]
},
{
path: '/guestService',
component: Home,
name: '客服系统',
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/process', component: Process, name: '工单管理' },
{ path: '/job', component: Job, name: '任务管理' },
{path: '/pre1', component: PreManifest, name: '预配'},
]
},
{
path: '/output',
component: Home,
name: '出港业务申报',
iconCls: 'el-icon-collection',
children: [
{path: '/flight', component: ExitFlight, name: '出港航班申报'},
{path: '/manifest', component: ExitManifest, name: '出港运单申报'},
{path: '/pre', component: ExitPre, name: '出港预配舱单'},
{path: '/arrive', component: ExitArrive, name: '出港运抵'},
{path: '/loadingView', component: ExitFlightDesc, name: '出港航班信息'},
{path: '/loading', component: ExitLoading, name: '出港装载'},
{path: '/tidy', component: ExitTidy, name: '出港理货'}
]
},
{
path: '/nmms2',
component: Home,
name: '进港业务申报',
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/orig', component: OrigFlightList, name: '进港航班申报' },
{path:'/waybill',component:Waybill,name:'进港运单申报'},
{path:'/allocateSearch',component:AllocateSearch,name:'运单分拨申报'},
{ path: '/enter', component: EnterFlightInfo, name: '原始舱单'},
{ path:'/origmaster',component:OrigMaster,name:'进港原始舱单'},
{path:'/entertall',component:EnterTally,name:'进港理货'},
{path:'/tallymaster',component:TallyMster,name:'进港理货舱单'},
{path:'/importallocation',component:Importallocation,name:'进港分拨'},
{path:'/allocatearrive',component:Allocatearrive,name:'分拨运抵'},
]
},
// 货运系统--航班预配
{
path: '/flight_scheduling',
component: Home,
name: '航班计划',
iconCls: 'el-icon-delete-location',
children: [
{ path: '/inquiry', component: inquiry, name: '航班计划查询' },
]
},
{
path: '/lost',
component: Home,
name: '落装改配申报',
iconCls:'el-icon-goods',
children:[
{path:'/lostLoad',component:LostLoad,name:'落装业务申报'},
{path:'/lostLoadChange',component:LostLoadChange,name:'改配业务申报'}
]
},
{
path: '/airtransport',
component: Home,
name: '通用业务申报',
iconCls:'el-icon-goods',
children:[
{path:'/route',component:Route,name:'航线申报'},
{path:'/bill',component:Bill,name:'单据申报'},
{path:'/flights',component:Flight,name:'航班申报'},
{path:'/flightplan',component:Flightplan,name:'当日飞行计划'},
{path:'/aircraft',component:Aircraft,name:'通用航空器申报'},
{path:'/routeaircraft',component:Routeaircraft,name:'航线航空器申报'},
]
},
{
path: '/querytransport',
component: Home,
name: '通用业务查询',
iconCls:'el-icon-goods',
children:[
{path:'/queryRoute',component:queryRoute,name:'航线查询'},
{path:'/queryBill',component:queryBill,name:'单据查询'},
{path:'/queryFlights',component:queryFlight,name:'航班查询'},
{path:'/queryFlightplan',component:queryFlightplan,name:'当日飞行计划查询'},
{path:'/queryAircraft',component:queryAircraft,name:'通用航空器查询'},
{path:'/queryRouteaircraft',component:queryRouteaircraft,name:'航线航空器查询'},
]
},
{
path: '/input',
component: Home,
name: '进港航班申报',
iconCls:'el-icon-goods',
children:[
{path:'/arrival',component:arrival,name:'进港预报申报'},
{path:'/confirmatory',component:confirmatory,name:'进港确报申报'},
{path:'/queryArrival',component:queryArrival,name:'进港预报查询'},
{path:'/queryConfirmatory',component:queryConfirmatory,name:'进港确报查询'},
{path:'/configure',component:configure,name:'进港航班配置'},
{path:'/queryConfigure',component:queryConfigure,name:'航班配置查询'},
]
},
{
path: '/con',
component: Home,
name: '收发货人管理',
iconCls:'el-icon-goods',
children:[
{path:'/consigner',component:Consigner,name:'发货人管理'},
{path:'/consignee',component:Consignee,name:'收货人管理'},
]
},
{
path: '/out',
component: Home,
name: '出港申报',
iconCls:'el-icon-goods',
children:[
{path:'/departure',component:departure,name:'出港预报申报'},
{path:'/declare',component:declare,name:'出港确报申报'},
{path:'/queryDeparture',component:queryDeparture,name:'出港预报查询'},
{path:'/queryDeclare',component:queryDeclare,name:'出港确报查询'},
{path:'/outConfigure',component:outConfigure,name:'出港航班配置'},
{path:'/queryFlightConfigure',component:queryFlightConfigure,name:'航班配置查询'},
]
},
{
path: '/empt',
component: Home,
name: '能源管理',
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/location', component: Location, name: '能源缴费' },
]
},
{
path: '/satff',
component: Home,
name: '生活保障部门',
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/security_inspection', component: SecrityInspection, name: '职工公寓安全巡视管理' },
{ path: '/key', component: Key, name: '职工公寓备用钥匙使用登记管理' },
{ path: '/maintain', component: Maintain, name: '职工公寓设施设备维修记录管理' },
{ path: '/come_car', component: ComeCar, name: '职工公寓外来人员车辆登记管理' },
{ path: '/on_duty', component: OnDuty, name: '职工公寓值班巡视记录管理' },
]
},
{
path: '/water_heating_chamber',
component: Home,
name: '水暖室',
iconCls: 'fa fa-address-card',
// leaf: true,//只有一个节点
children: [
{ path: '/water_stations_patrol', component: WaterStationsPatrol, name: '二水厂-水站巡视记录单管理' },
// { path: '/page6', component: Page6, name: '水质量检测' },
// { path: '/page6', component: Page6, name: '污水站' },
// { path: '/page6', component: Page6, name: '一水厂' },
// { path: '/page6', component: Page6, name: '综合楼空调站' },
{path: '/user', component: User, name: '用户管理'},
{path: '/role', component: Role, name: '组织机构'},
{path: '/perm', component: Perm, name: '权限管理'},
{path: '/log', component: LOG, name: '系统日志'},
{path: '/department', component: Department, name: '部门管理'},
{path: '/company', component: Company, name: '公司管理'},
{path: '/group', component: Group, name: '集团管理'}
]
},
{
path: '/',
component: Home,
name: 'Charts',
iconCls: 'fa fa-bar-chart',
name: '陆运运输',
iconCls: 'el-icon-setting',//图标样式class
children: [
{path: '/echarts', component: echarts, name: 'echarts'}
{path: '/vehicle', component: Vehicle, name: '车辆管理'},
{path: '/trailer', component: Trailer, name: '挂车管理'},
{path: '/corporation', component: Corporation, name: '企业管理'},
{path: '/driver', component: Driver, name: '驾驶员管理'},
]
},
{
... ...
... ... @@ -44,7 +44,7 @@
</el-table-column>
<el-table-column prop="state" label="启用" width="100" :formatter="formatState" sortable>
</el-table-column>
<el-table-column label="操作" width="250">
<el-table-column label="操作" width="250" fixed="right">
<template slot-scope="scope">
<el-button size="small" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
... ...
<template>
</template>
<script>
export default {
name: "Corporation"
}
</script>
<style scoped>
</style>
\ No newline at end of file
... ...
<template>
</template>
<script>
export default {
name: "Driver"
}
</script>
<style scoped>
</style>
\ No newline at end of file
... ...
<template>
<el-container>
<el-main>
<el-card style="background-color: #F5F7FA">
<!-- 搜素区域 -->
<div>
<el-row :gutter="10">
<el-col :span="4">
<el-input v-model="trailer_queryInfo.trailerLicenseNo" prefix-icon="el-icon-search" size="small"
placeholder="挂车牌号" clearable></el-input>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:120px" size="small" @click="trailer_getList">
查询
</el-button>
<el-button type="primary" style="width:120px" size="small" @click="trailer_toAddDialog">
备案添加
</el-button>
</el-col>
</el-row>
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="trailer_page.trailerList" border size="mini" @selection-change="trailer_selectChange"
v-loading="trailer_loading.listLoading" element-loading-text="获取挂车列表，拼命加载中">
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="主管海关代码" prop="mainPort" align="center" width="100"></el-table-column>
<el-table-column label="挂车车牌号" prop="trailerLicenseNo" align="center" width="110"></el-table-column>
<el-table-column label="挂车车架号" prop="frameNo" align="center" width="150"></el-table-column>
<el-table-column label="挂车注册地" prop="trailerRegPlace" align="center" width="120"></el-table-column>
<el-table-column label="挂车重量" prop="trailerWt" align="center" width="80"></el-table-column>
<el-table-column label="挂车类型" prop="trailerClassFlag" align="center" width="100"></el-table-column>
<el-table-column label="挂车颜色" prop="trailerColor" align="center" width="100"></el-table-column>
<el-table-column label="更新时间" prop="updateDate" align="center" width="140"></el-table-column>
<el-table-column label="操作" width="180px" align="center" fixed="right">
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-edit" size="mini"
@click="trailer_toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-delete" size="mini"
:loading="trailer_loading.delLoading"
@click="trailer_delete(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区域 -->
<div style="margin-top: 10px">
<el-row :gutter="24">
<el-col :span="5">
<el-button type="danger" icon="el-icon-delete"
:loading="trailer_loading.listLoading"
:disabled="this.trailer_page.selectList.length===0"
size="small"
@click="trailer_batchRemove">批量删除
</el-button>
</el-col>
<el-col :span="10" style="margin-top: 5px">
<el-pagination
@size-change="trailer_handleSizeChange"
@current-change="trailer_handleCurrentChange"
:current-page="trailer_queryInfo.pageNum"
:page-sizes="[10,30,50,100]"
:page-size="trailer_queryInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="trailer_page.total">
</el-pagination>
</el-col>
</el-row>
</div>
</el-card>
</el-main>
<!-- 备案添加 -->
<div>
<el-dialog title="挂车信息：备案添加"
:visible.sync="trailer_dialog.addDialog"
style="margin-top: -80px" text-align="center" width="65%"
@close="trailer_addDialogClosed">
<el-form :inline="true" label-width="150px" status-icon style="margin-top: -10px;margin-left: 60px"
:model="trailer_addForm" :rules="trailer_addFormRules" ref="trailer_addFormRef">
<el-form-item label="海关代码：" prop="mainPort">
<el-input v-model="trailer_addForm.mainPort" style="width:240px" size="mini" clearable
placeholder="请输入海关代码">
</el-input>
</el-form-item>
<el-form-item label="挂车牌号：" prop="trailerLicenseNo">
<el-input v-model="trailer_addForm.trailerLicenseNo" style="width:240px" size="mini" clearable
placeholder="请输入挂车牌号">
</el-input>
</el-form-item>
<el-form-item label="挂车注册地：" prop="trailerRegPlace">
<el-input v-model="trailer_addForm.trailerRegPlace" style="width:240px" size="mini" clearable
placeholder="请输入挂车注册地">
</el-input>
</el-form-item>
<el-form-item label="车架号码：" prop="frameNo">
<el-input v-model="trailer_addForm.frameNo" style="width:240px" size="mini" clearable
placeholder="请输入车架号码">
</el-input>
</el-form-item>
<el-form-item label="挂车重量：" prop="trailerWt">
<el-input v-model="trailer_addForm.trailerWt" style="width:240px" size="mini" clearable
placeholder="请输入挂车重量">
</el-input>
</el-form-item>
<el-form-item label="挂车颜色：" prop="trailerColor">
<el-input v-model="trailer_addForm.trailerColor" style="width:240px" size="mini" clearable
placeholder="请输入挂车颜色">
</el-input>
</el-form-item>
<el-form-item label="申请人：" prop="proposer">
<el-input v-model="trailer_addForm.proposer" style="width:240px" size="mini" clearable
placeholder="请输入申请人">
</el-input>
</el-form-item>
<el-form-item label="申请时间：" prop="proposeTime">
<el-date-picker v-model="trailer_addForm.proposeTime" clearable type="datetime"
value-format="yyyy-MM-dd HH:mm:ss" placeholder="申请时间" size="mini" style="width:240px"></el-date-picker>
</el-form-item>
<el-form-item label="挂车备案类别：" prop="trailerClassFlag">
<el-input v-model="trailer_addForm.trailerClassFlag" style="width:240px" size="mini" clearable
placeholder="请输入挂车备案类别">
</el-input>
</el-form-item>
<el-form-item label="数据操作类型：" prop="operationType">
<el-input v-model="trailer_addForm.operationType" style="width:240px" size="mini" clearable
placeholder="请输入数据操作类型">
</el-input>
</el-form-item>
<el-form-item label="挂车牌号图片：" prop="trailerLicenseNoPic">
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -30px">
<el-button type="info" @click="trailer_dialog.addDialog = false" size="medium"
style="width: 100px">取消
</el-button>
<el-button type="primary" @click="trailer_add" :loading="trailer_loading.addLoading"
size="medium" style="width: 100px">保存
</el-button>
</div>
</el-dialog>
</div>
<!-- 修改，对话框 -->
<div>
<el-dialog title="挂车信息：备案修改"
:visible.sync="trailer_dialog.editDialog"
style="margin-top: -80px" text-align="center" width="65%"
@close="trailer_editDialogClosed">
<el-form :inline="true" label-width="150px" status-icon style="margin-top: -10px;margin-left: 60px"
:model="trailer_editForm" :rules="trailer_editFormRules" ref="trailer_editFormRef">
<el-form-item label="海关代码：" prop="mainPort">
<el-input v-model="trailer_editForm.mainPort" style="width:240px" size="mini" clearable
placeholder="请输入海关代码">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -30px">
<el-button type="info" @click="trailer_dialog.editDialog = false" size="medium"
style="width: 100px">取消
</el-button>
<el-button type="primary" @click="trailer_edit" :loading="trailer_loading.editLoading"
size="medium" style="width: 100px">保存
</el-button>
</div>
</el-dialog>
</div>
</el-container>
</template>
<script>
import {
selectTrailerList,
insertTrailer,
updateTrailer,
deleteTrailer,
batchRemoveTrailer,
} from "../../api/vehicle_dispatch";
export default {
name: "Trailer",
data() {
return {
/**
* 搜索参数
*/
trailer_queryInfo: {
// 挂车车牌号
trailerLicenseNo: '',
// 当前页数
pageNum: 1,
// 每页大小
pageSize: 10,
},
/**
* trailer，分页
*/
trailer_page: {
trailerList: [],
total: 0,
selectList: [],
},
/**
* 加载
*/
trailer_loading: {
listLoading: false,
addLoading: false,
editLoading: false,
delLoading: false,
batchDelLoading: false,
},
/**
* 对话框
*/
trailer_dialog: {
addDialog: false,
editDialog: false,
},
/**
* 备案添加，表单
*/
trailer_addForm: {
// 海关代码
mainPort: '',
// 挂车牌号
trailerLicenseNo: '',
// 挂车注册地
trailerRegPlace: '',
// 车架号码
frameNo: '',
// 挂车重量
trailerWt: '',
// 挂车颜色
trailerColor: '',
// 申请人
proposer: '',
// 申请时间
proposeTime: undefined,
// 挂车备案类别
trailerClassFlag: '',
// 数据操作类型
operationType: '',
// 挂车牌号图片
trailerLicenseNoPic: '',
},
/**
* 备案添加，表单验证规则
*/
trailer_addFormRules: {},
/**
* 车辆属性，（使用的是 车辆分类 字段）一错全错
*/
veClassFlagList: [
{
value: '1',
label: '普通车辆'
},
{
value: '2',
label: '调拨车辆'
},
],
/**
* 备案修改，表单
*/
trailer_editForm: {},
/**
* 备案修改，表单验证规则
*/
trailer_editFormRules: {},
}
},
methods: {
/**
* 分页查询，监听 pageSize 改变的事件
* 刷新列表
*/
trailer_handleSizeChange(newSize) {
this.trailer_queryInfo.pageSize = newSize;
this.trailer_getList();
},
/**
* 分页查询，监听 pageNum 改变的事件
* 刷新列表
*/
trailer_handleCurrentChange(newPage) {
this.trailer_queryInfo.pageNum = newPage;
this.trailer_getList();
},
/**
* 列表查询
*/
trailer_getList() {
this.trailer_loading.listLoading = true;
selectTrailerList(this.trailer_queryInfo).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.trailer_loading.listLoading = false;
return this.$message.error(res.msg);
}
this.trailer_page.trailerList = res.data.list;
this.trailer_page.total = res.data.total;
this.trailer_loading.listLoading = false;
}).catch(error => {
this.trailer_loading.listLoading = false;
this.$message.error(error.toString());
});
},
/**
* 对话框，备案添加，打开事件
*/
trailer_toAddDialog() {
this.trailer_dialog.addDialog = true;
},
/**
* 对话框，备案添加，关闭事件
*/
trailer_addDialogClosed() {
this.$refs.trailer_addFormRef.resetFields();
},
/**
* 备案添加
*/
trailer_add() {
this.$refs.trailer_addFormRef.validate(valid => {
if (!valid) return;
this.trailer_loading.addLoading = true;
insertTrailer(this.trailer_addForm).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.trailer_loading.addLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.trailer_loading.addLoading = false;
this.trailer_dialog.addDialog = false;
this.trailer_getList();
}).catch(error => {
this.trailer_loading.addLoading = false;
this.$message.error(error.toString());
});
})
},
/**
* 备案修改，对话框，打开事件
*/
trailer_toEditDialog(index, row) {
this.trailer_editForm = Object.assign({}, row);
this.trailer_dialog.editDialog = true;
},
/**
* 备案修改，对话框，关闭事件
*/
trailer_editDialogClosed() {
this.$refs.trailer_editFormRef.resetFields();
},
/**
* 备案修改
*/
trailer_edit() {
this.$refs.trailer_editFormRef.validate(valid => {
if (!valid) return;
this.trailer_loading.editLoading = true;
updateTrailer(this.trailer_editForm).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.trailer_loading.editLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.trailer_loading.editLoading = false;
this.trailer_dialog.editDialog = false;
this.trailer_getList();
}).catch(error => {
this.trailer_loading.editLoading = false;
this.$message.error(error.toString());
});
})
},
/**
* trailer，批量删除---选中
*/
trailer_selectChange: function (selectList) {
this.trailer_page.selectList = selectList;
},
/**
* trailer，批量删除功能
*/
trailer_batchRemove() {
const ids = this.trailer_page.selectList.map(item => item.id).toString();
this.$confirm('此操作将永久删除选中的挂车信息, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
this.trailer_loading.listLoading = true;
let params = {id: ids};
batchRemoveTrailer(params).then(response => {
let res = response.data;
if (res.code !== '200') {
this.trailer_loading.listLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.trailer_loading.listLoading = false;
this.trailer_getList();
}).catch(error => {
this.trailer_loading.listLoading = false;
this.$message.error(error.toString());
});
}).catch(() => {
});
},
/**
* trailer，删除功能
*/
trailer_delete(index, row) {
this.$confirm('此操作永久删除该挂车信息, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
this.trailer_loading.delLoading = true;
deleteTrailer(row).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.trailer_loading.delLoading = false;
return this.$message.error(res.msg);
}
this.trailer_loading.delLoading = false;
this.$message.success(res.msg);
this.trailer_getList();
}).catch(error => {
this.trailer_loading.delLoading = false;
this.$message.error(error.toString());
});
}).catch(() => {
});
},
},
created() {
},
mounted() {
},
}
</script>
<style scoped>
</style>
\ No newline at end of file
... ...
<template>
<el-container>
<el-card style="background-color: #F5F7FA">
<!-- 搜素区域 -->
<div>
<el-row :gutter="10">
<el-col :span="4">
<el-input v-model="vehicle_queryInfo.domesticLisenceNo" prefix-icon="el-icon-search" size="small"
placeholder="国内车牌号" clearable></el-input>
</el-col>
<el-col :span="8">
<el-button type="success" style="width:120px" size="small" @click="vehicle_getList">
查询
</el-button>
<el-button type="primary" style="width:120px" size="small" @click="vehicle_toAddDialog">
备案添加
</el-button>
</el-col>
</el-row>
</div>
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="vehicle_page.vehicleList" border size="mini" @selection-change="vehicle_selectChange"
v-loading="vehicle_loading.listLoading" element-loading-text="获取车辆列表，拼命加载中">
<el-table-column type="selection" width="55" align="center"></el-table-column>
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="运输公司名称" prop="coCode" align="center" width="100"></el-table-column>
<el-table-column label="挂靠单位" prop="proposer" align="center" width="100"></el-table-column>
<el-table-column label="备案单位" prop="" align="center" width="100"></el-table-column>
<el-table-column label="国内车牌" prop="domesticLisenceNo" align="center" width="80"></el-table-column>
<el-table-column label="车主姓名" prop="veOwnerName" align="center" width="80"></el-table-column>
<el-table-column label="车主联系方式" prop="ownerInsideTel" align="center" width="100"></el-table-column>
<el-table-column label="本地关代码" prop="mainPort" align="center" width="90"></el-table-column>
<el-table-column label="自重" prop="selfWt" align="center" width="90"></el-table-column>
<el-table-column label="载重" prop="veTon" align="center" width="90"></el-table-column>
<el-table-column label="备案结果" prop="returnmessage" align="center" width="90"></el-table-column>
<el-table-column label="备案编号" prop="" align="center" width="90"></el-table-column>
<el-table-column label="申报状态" prop="" align="center" width="90"></el-table-column>
<el-table-column label="更新时间" prop="updateDate" align="center" width="150"></el-table-column>
<el-table-column label="操作" width="180px" align="center" fixed="right">
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-edit" size="mini"
@click="vehicle_toEditDialog(scope.$index,scope.row)">编辑
</el-button>
</el-tooltip>
<el-tooltip effect="dark" content="删除" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-delete" size="mini"
:loading="vehicle_loading.delLoading"
@click="vehicle_delete(scope.$index,scope.row)">删除
</el-button>
</el-tooltip>
<el-tooltip effect="dark" content="审批" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-star-off" size="mini"
@click="vehicle_audit">审批
</el-button>
</el-tooltip>
</template>
</el-table-column>
</el-table>
</div>
<!-- 分页区域 -->
<div style="margin-top: 10px">
<el-row :gutter="24">
<el-col :span="5">
<el-button type="danger" icon="el-icon-delete"
:loading="vehicle_loading.listLoading"
:disabled="this.vehicle_page.selectList.length===0"
size="small"
@click="vehicle_batchRemove">批量删除
</el-button>
</el-col>
<el-col :span="10" style="margin-top: 5px">
<el-pagination
@size-change="vehicle_handleSizeChange"
@current-change="vehicle_handleCurrentChange"
:current-page="vehicle_queryInfo.pageNum"
:page-sizes="[10,30,50,100]"
:page-size="vehicle_queryInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="vehicle_page.total">
</el-pagination>
</el-col>
</el-row>
</div>
</el-card>
<!-- 备案添加 -->
<div>
<el-dialog title="车辆信息：备案添加"
:visible.sync="vehicle_dialog.addDialog"
style="margin-top: -80px" text-align="center" width="65%"
@close="vehicle_addDialogClosed">
<el-form :inline="true" label-width="150px" status-icon style="margin-top: -10px;margin-left: 60px"
:model="vehicle_addForm" :rules="vehicle_addFormRules" ref="vehicle_addFormRef">
<el-form-item label="海关代码：" prop="mainPort">
<el-input v-model="vehicle_addForm.mainPort" style="width:240px" size="mini" clearable
placeholder="请输入海关代码">
</el-input>
</el-form-item>
<br>
<el-form-item label="挂靠单位：" prop="proposer">
<el-input v-model="vehicle_addForm.proposer" style="width:240px" size="mini" clearable
placeholder="请输入挂靠单位">
</el-input>
</el-form-item>
<el-form-item label="运输公司名称：" prop="coCode">
<el-input v-model="vehicle_addForm.coCode" style="width:240px" size="mini" clearable
placeholder="请输入运输公司名称">
</el-input>
</el-form-item>
<el-form-item label="国内车牌：" prop="domesticLisenceNo">
<el-input v-model="vehicle_addForm.domesticLisenceNo" style="width:240px" size="mini" clearable
placeholder="请输入国内车牌">
</el-input>
</el-form-item>
<el-form-item label="车主姓名：" prop="veOwnerName">
<el-input v-model="vehicle_addForm.veOwnerName" style="width:240px" size="mini" clearable
placeholder="请输入车主姓名">
</el-input>
</el-form-item>
<el-form-item label="车主联系方式：" prop="ownerInsideTel">
<el-input v-model="vehicle_addForm.ownerInsideTel" style="width:240px" size="mini" clearable
placeholder="请输入车主联系方式">
</el-input>
</el-form-item>
<el-form-item label="行驶证有效期：" prop="veFactoryDate">
<el-date-picker v-model="vehicle_addForm.veFactoryDate" placeholder="行驶证有效期"
type="date" value-format="yyyy-MM-dd"
size="mini" style="width:240px"></el-date-picker>
</el-form-item>
<el-form-item label="自重（空车重量）：" prop="selfWt">
<el-input v-model="vehicle_addForm.selfWt" style="width:240px" size="mini" clearable
placeholder="单位：KG">
</el-input>
</el-form-item>
<el-form-item label="核定载货重量：" prop="veTon">
<el-input v-model="vehicle_addForm.veTon" style="width:240px" size="mini" clearable
placeholder="货车核载单位为：KG">
</el-input>
</el-form-item>
<el-form-item label="挂车牌号：" prop="trailerLicenseNo">
<el-input v-model="vehicle_addForm.trailerLicenseNo" style="width:240px" size="mini" clearable
placeholder="请输入挂车牌号">
</el-input>
</el-form-item>
<el-form-item label="挂车车架号：" prop="trailerFrameNo">
<el-input v-model="vehicle_addForm.trailerFrameNo" style="width:240px" size="mini" clearable
placeholder="请输入挂车车架号">
</el-input>
</el-form-item>
<el-form-item label="车辆备案编号：" prop="veCardNo">
<el-input v-model="vehicle_addForm.veCardNo" style="width:240px" size="mini" clearable
placeholder="请输入车辆备案编号">
</el-input>
</el-form-item>
<el-form-item label="车辆属性：" prop="veClassFlag">
<el-select v-model="vehicle_addForm.veClassFlag" style="width: 240px" clearable size="small"
placeholder="请选择车辆属性">
<el-option
v-for="item in veClassFlagList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注：" prop="memo">
<el-input v-model="vehicle_addForm.memo" style="width:645px" clearable size="mini"
type="textarea" :rows="3">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -30px">
<el-button type="info" @click="vehicle_dialog.addDialog = false" size="medium"
style="width: 100px">取消
</el-button>
<el-button type="primary" @click="vehicle_add" :loading="vehicle_loading.addLoading"
size="medium" style="width: 100px">保存
</el-button>
</div>
</el-dialog>
</div>
<!-- 修改，对话框 -->
<div>
<el-dialog title="车辆信息：备案修改"
:visible.sync="vehicle_dialog.editDialog"
style="margin-top: -80px" text-align="center" width="65%"
@close="vehicle_editDialogClosed">
<el-form :inline="true" label-width="150px" status-icon style="margin-top: -10px;margin-left: 60px"
:model="vehicle_editForm" :rules="vehicle_editFormRules" ref="vehicle_editFormRef">
<el-form-item label="海关代码：" prop="mainPort">
<el-input v-model="vehicle_editForm.mainPort" style="width:240px" size="mini" clearable
placeholder="请输入海关代码">
</el-input>
</el-form-item>
<br>
<el-form-item label="挂靠单位：" prop="proposer">
<el-input v-model="vehicle_editForm.proposer" style="width:240px" size="mini" clearable
placeholder="请输入挂靠单位">
</el-input>
</el-form-item>
<el-form-item label="运输公司名称：" prop="coCode">
<el-input v-model="vehicle_editForm.coCode" style="width:240px" size="mini" clearable
placeholder="请输入运输公司名称">
</el-input>
</el-form-item>
<el-form-item label="国内车牌：" prop="domesticLisenceNo">
<el-input v-model="vehicle_editForm.domesticLisenceNo" style="width:240px" size="mini" clearable
placeholder="请输入国内车牌">
</el-input>
</el-form-item>
<el-form-item label="车主姓名：" prop="veOwnerName">
<el-input v-model="vehicle_editForm.veOwnerName" style="width:240px" size="mini" clearable
placeholder="请输入车主姓名">
</el-input>
</el-form-item>
<el-form-item label="车主联系方式：" prop="ownerInsideTel">
<el-input v-model="vehicle_editForm.ownerInsideTel" style="width:240px" size="mini" clearable
placeholder="请输入车主联系方式">
</el-input>
</el-form-item>
<el-form-item label="行驶证有效期：" prop="veFactoryDate">
<el-date-picker v-model="vehicle_editForm.veFactoryDate" placeholder="行驶证有效期"
type="date" value-format="yyyy-MM-dd"
size="mini" style="width:240px"></el-date-picker>
</el-form-item>
<el-form-item label="自重（空车重量）：" prop="selfWt">
<el-input v-model="vehicle_editForm.selfWt" style="width:240px" size="mini" clearable
placeholder="单位：KG">
</el-input>
</el-form-item>
<el-form-item label="核定载货重量：" prop="veTon">
<el-input v-model="vehicle_editForm.veTon" style="width:240px" size="mini" clearable
placeholder="货车核载单位为：KG">
</el-input>
</el-form-item>
<el-form-item label="挂车牌号：" prop="trailerLicenseNo">
<el-input v-model="vehicle_editForm.trailerLicenseNo" style="width:240px" size="mini" clearable
placeholder="请输入挂车牌号">
</el-input>
</el-form-item>
<el-form-item label="挂车车架号：" prop="trailerFrameNo">
<el-input v-model="vehicle_editForm.trailerFrameNo" style="width:240px" size="mini" clearable
placeholder="请输入挂车车架号">
</el-input>
</el-form-item>
<el-form-item label="车辆备案编号：" prop="veCardNo">
<el-input v-model="vehicle_editForm.veCardNo" style="width:240px" size="mini" clearable
placeholder="请输入车辆备案编号">
</el-input>
</el-form-item>
<el-form-item label="车辆属性：" prop="veClassFlag">
<el-select v-model="vehicle_editForm.veClassFlag" style="width: 240px" clearable size="small"
placeholder="请选择车辆属性">
<el-option
v-for="item in veClassFlagList"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item label="备注：" prop="memo">
<el-input v-model="vehicle_editForm.memo" style="width:645px" clearable size="mini"
type="textarea" :rows="3">
</el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer" style="text-align: center;margin-top: -30px">
<el-button type="info" @click="vehicle_dialog.editDialog = false" size="medium"
style="width: 100px">取消
</el-button>
<el-button type="primary" @click="vehicle_edit" :loading="vehicle_loading.editLoading"
size="medium" style="width: 100px">保存
</el-button>
</div>
</el-dialog>
</div>
</el-container>
</template>
<script>
import {selectVehicleList, insertVehicle, updateVehicle, batchRemoveVehicle, deleteVehicle} from "../../api/vehicle_dispatch";
export default {
name: "Vehicle",
data() {
return {
/**
* 搜索参数
*/
vehicle_queryInfo: {
// 国内车牌号
domesticLisenceNo: '',
// 车辆类型
veType: '',
// 车辆状态
veState: '',
// 当前页数
pageNum: 1,
// 每页大小
pageSize: 10,
},
/**
* vehicle，分页
*/
vehicle_page: {
vehicleList: [],
total: 0,
selectList: [],
},
/**
* 加载
*/
vehicle_loading: {
listLoading: false,
addLoading: false,
editLoading: false,
delLoading: false,
batchDelLoading: false,
},
/**
* 对话框
*/
vehicle_dialog: {
addDialog: false,
editDialog: false,
},
/**
* 备案添加，表单
*/
vehicle_addForm: {
// 海关代码
mainPort: '4604',
// 挂靠单位
proposer: '',
// 运输公司名称
coCode: '',
// 国内车牌
domesticLisenceNo: '',
// 车主姓名
veOwnerName: '',
// 车主联系方式
ownerInsideTel: '',
// 行驶证有效期
veFactoryDate: undefined,
// 自重，单位KG
selfWt: '',
// 核定载货重量，单位KG
veTon: '',
// 挂车牌号
trailerLicenseNo: '',
// 挂车车架号
trailerFrameNo: '',
// 车辆备案编号，不知道哪个字段，选择 车辆行驶证编号 字段，一错全错
veCardNo: '',
// 车辆属性，不知道哪个字段，使用的字段是 车辆分类
veClassFlag: '1',
// 备注
memo: '',
},
/**
* 备案添加，表单验证规则
*/
vehicle_addFormRules: {
// 海关代码
mainPort: [
{required: true, message: '请输入海关代码', trigger: ['blur', 'change']},
],
// 挂靠单位
proposer: [
{required: true, message: '请输入挂靠单位', trigger: ['blur', 'change']},
],
// 运输公司名称
coCode: [
{required: true, message: '请输入运输公司名称', trigger: ['blur', 'change']},
],
// 国内车牌
domesticLisenceNo: [
{required: true, message: '请输入国内车牌', trigger: ['blur', 'change']},
],
// 车主姓名
veOwnerName: [
{required: true, message: '请输入车主姓名', trigger: ['blur', 'change']},
],
// 车主联系方式
ownerInsideTel: [
{required: true, message: '请输入车主联系方式', trigger: ['blur', 'change']},
],
// 行驶证有效期
veFactoryDate: [
{required: true, message: '请选择行驶证有效期', trigger: ['blur', 'change']},
],
// 自重，单位KG
selfWt: [
{required: true, message: '请输入自重', trigger: ['blur', 'change']},
],
},
/**
* 车辆属性，（使用的是 车辆分类 字段）一错全错
*/
veClassFlagList: [
{
value: '1',
label: '普通车辆'
},
{
value: '2',
label: '调拨车辆'
},
],
/**
* 备案修改，表单
*/
vehicle_editForm: {},
/**
* 备案修改，表单验证规则
*/
vehicle_editFormRules: {
// 海关代码
mainPort: [
{required: true, message: '请输入海关代码', trigger: ['blur', 'change']},
],
// 挂靠单位
proposer: [
{required: true, message: '请输入挂靠单位', trigger: ['blur', 'change']},
],
// 运输公司名称
coCode: [
{required: true, message: '请输入运输公司名称', trigger: ['blur', 'change']},
],
// 国内车牌
domesticLisenceNo: [
{required: true, message: '请输入国内车牌', trigger: ['blur', 'change']},
],
// 车主姓名
veOwnerName: [
{required: true, message: '请输入车主姓名', trigger: ['blur', 'change']},
],
// 车主联系方式
ownerInsideTel: [
{required: true, message: '请输入车主联系方式', trigger: ['blur', 'change']},
],
// 行驶证有效期
veFactoryDate: [
{required: true, message: '请选择行驶证有效期', trigger: ['blur', 'change']},
],
// 自重，单位KG
selfWt: [
{required: true, message: '请输入自重', trigger: ['blur', 'change']},
],
},
}
},
methods: {
/**
* 分页查询，监听 pageSize 改变的事件
* 刷新列表
*/
vehicle_handleSizeChange(newSize) {
this.vehicle_queryInfo.pageSize = newSize;
this.vehicle_getList();
},
/**
* 分页查询，监听 pageNum 改变的事件
* 刷新列表
*/
vehicle_handleCurrentChange(newPage) {
this.vehicle_queryInfo.pageNum = newPage;
this.vehicle_getList();
},
/**
* 列表查询
*/
vehicle_getList() {
this.vehicle_loading.listLoading = true;
selectVehicleList(this.vehicle_queryInfo).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.vehicle_loading.listLoading = false;
return this.$message.error(res.msg);
}
this.vehicle_page.vehicleList = res.data.list;
this.vehicle_page.total = res.data.total;
this.vehicle_loading.listLoading = false;
}).catch(error => {
this.vehicle_loading.listLoading = false;
this.$message.error(error.toString());
});
},
/**
* 对话框，备案添加，打开事件
*/
vehicle_toAddDialog() {
this.vehicle_dialog.addDialog = true;
},
/**
* 对话框，备案添加，关闭事件
*/
vehicle_addDialogClosed() {
this.$refs.vehicle_addFormRef.resetFields();
},
/**
* 备案添加
*/
vehicle_add() {
this.$refs.vehicle_addFormRef.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
// 通过，表单预检验
this.vehicle_loading.addLoading = true;
insertVehicle(this.vehicle_addForm).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.vehicle_loading.addLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.vehicle_loading.addLoading = false;
this.vehicle_dialog.addDialog = false;
this.vehicle_getList();
}).catch(error => {
this.vehicle_loading.addLoading = false;
this.$message.error(error.toString());
});
})
},
/**
* 备案修改，对话框，打开事件
*/
vehicle_toEditDialog(index, row) {
this.vehicle_editForm = Object.assign({}, row);
this.vehicle_dialog.editDialog = true;
},
/**
* 备案修改，对话框，关闭事件
*/
vehicle_editDialogClosed() {
this.$refs.vehicle_editFormRef.resetFields();
},
/**
* 备案修改
*/
vehicle_edit() {
this.$refs.vehicle_editFormRef.validate(valid => {
// 未通过，表单预校验
if (!valid) return;
// 通过，表单预检验
this.vehicle_loading.editLoading = true;
updateVehicle(this.vehicle_editForm).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.vehicle_loading.editLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.vehicle_loading.editLoading = false;
this.vehicle_dialog.editDialog = false;
this.vehicle_getList();
}).catch(error => {
this.vehicle_loading.editLoading = false;
this.$message.error(error.toString());
});
})
},
/**
* vehicle，批量删除---选中
*/
vehicle_selectChange: function (selectList) {
this.vehicle_page.selectList = selectList;
},
/**
* vehicle，批量删除功能
*/
vehicle_batchRemove() {
const ids = this.vehicle_page.selectList.map(item => item.id).toString();
this.$confirm('此操作将永久删除选中的车辆信息, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
this.vehicle_loading.listLoading = true;
let params = {id: ids};
batchRemoveVehicle(params).then(response => {
let res = response.data;
if (res.code !== '200') {
this.vehicle_loading.listLoading = false;
return this.$message.error(res.msg);
}
this.$message.success(res.msg);
this.vehicle_loading.listLoading = false;
this.vehicle_getList();
}).catch(error => {
this.vehicle_loading.listLoading = false;
this.$message.error(error.toString());
});
}).catch(() => {
});
},
/**
* vehicle，删除功能
*/
vehicle_delete(index, row) {
this.$confirm('此操作永久删除该车辆信息, 是否继续?', '警告', {
confirmButtonText: '确定删除',
cancelButtonText: '取消',
type: 'warning'
}
).then(() => {
this.vehicle_loading.delLoading = true;
deleteVehicle(row).then((response) => {
let res = response.data;
if (res.code !== '200') {
this.vehicle_loading.delLoading = false;
return this.$message.error(res.msg);
}
this.vehicle_loading.delLoading = false;
this.$message.success(res.msg);
this.vehicle_getList();
}).catch(error => {
this.vehicle_loading.delLoading = false;
this.$message.error(error.toString());
});
}).catch(() => {
});
},
/**
* 审计
*/
vehicle_audit() {
this.$confirm('确认要审批吗?', '系统提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}
)
},
},
created() {
},
mounted() {
},
}
</script>
<style scoped>
</style>
\ No newline at end of file
... ...