正在显示
7 个修改的文件
包含
379 行增加
和
97 行删除
| @@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | <meta charset="utf-8"> | 5 | <meta charset="utf-8"> |
| 6 | - <title>易通链快速通关申报平台</title> | 6 | + <title>机场口岸通关物流辅助管理系统</title> |
| 7 | <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> | 7 | <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> |
| 8 | </head> | 8 | </head> |
| 9 | 9 |
src/api/road_verecord/verecord.js
0 → 100644
| 1 | +import axios from 'axios' | ||
| 2 | +import http from "../http"; | ||
| 3 | + | ||
| 4 | +let base = 'byonet-import/verecord'; | ||
| 5 | + | ||
| 6 | +export const list = params => {return http.get(`${base}/list`, params);}; | ||
| 7 | + | ||
| 8 | +export const remove = params => {return axios.post(`${base}/remove`, params);}; | ||
| 9 | + | ||
| 10 | +export const save = params => {return http.post(`${base}/save`, params);}; | ||
| 11 | + | ||
| 12 | + | ||
| 13 | + |
| @@ -2,99 +2,21 @@ import Login from './views/Login.vue' | @@ -2,99 +2,21 @@ import Login from './views/Login.vue' | ||
| 2 | import NotFound from './views/404.vue' | 2 | import NotFound from './views/404.vue' |
| 3 | import Home from './views/Home.vue' | 3 | import Home from './views/Home.vue' |
| 4 | import Main from './views/dashboard/index' | 4 | import Main from './views/dashboard/index' |
| 5 | -// import Table from './views/nav1/Table.vue' | ||
| 6 | import Role from './views/nav1/role.vue' | 5 | import Role from './views/nav1/role.vue' |
| 7 | import Perm from './views/nav1/perm.vue' | 6 | import Perm from './views/nav1/perm.vue' |
| 8 | import LOG from './views/nav1/Log.vue' | 7 | import LOG from './views/nav1/Log.vue' |
| 9 | -import PreManifest from './views/agent/PreManifest.vue' | ||
| 10 | import Company from './views/nav1/company.vue' | 8 | import Company from './views/nav1/company.vue' |
| 11 | import Department from './views/nav1/department.vue' | 9 | import Department from './views/nav1/department.vue' |
| 12 | import Group from './views/nav1/groupcompany.vue' | 10 | import Group from './views/nav1/groupcompany.vue' |
| 13 | -import Process from './views/hqpt/Process.vue' | ||
| 14 | -import Job from './views/hqpt/Job.vue' | ||
| 15 | -// import Form from './views/nav1/Form.vue' | ||
| 16 | - | ||
| 17 | - | ||
| 18 | -import OrgManifest from './views/nmms/orgManifest.vue' | ||
| 19 | -import ExitFlight from './views/nmms/ExitFlight.vue' | ||
| 20 | -import ExitPre from './views/nmms/ExitPre.vue' | ||
| 21 | -import ExitTidy from './views/nmms/ExitTidy.vue' | ||
| 22 | -import ExitArrive from './views/nmms/ExitArrive.vue' | ||
| 23 | -import ExitManifest from './views/nmms/ExitManifest.vue' | ||
| 24 | -import ExitLoading from './views/nmms/ExitLoading.vue' | ||
| 25 | -import ExitFlightDesc from './views/nmms/ExitFlightDesc.vue' | ||
| 26 | -import LostLoad from './views/lostLoadChange/lostLoading.vue' | ||
| 27 | -import LostLoadChange from './views/lostLoadChange/lostLoadChange.vue' | ||
| 28 | -import OrigFlightList from './views/nmms_import/OrigFlightList.vue' | ||
| 29 | -import EnterFlightInfo from './views/nmms_import/EnterFlightInfo.vue' | ||
| 30 | -import OrigMaster from './views/nmms_import/OrigMaster.vue' | ||
| 31 | -import EnterTally from './views/nmms_import/EnterFlightTally.vue' | ||
| 32 | -import TallyMster from './views/nmms_import/TallyMster.vue' | ||
| 33 | -import Waybill from './views/nmms_import/Waybill.vue' | ||
| 34 | -import AllocateSearch from './views/nmms_import/AllocateSearch.vue' | ||
| 35 | -import Importallocation from './views/nmms_import/Importallocation.vue' | ||
| 36 | -import Allocatearrive from './views/nmms_import/Allocatearrive.vue' | ||
| 37 | import User from './views/nav1/user.vue' | 11 | import User from './views/nav1/user.vue' |
| 38 | -import preConfiguration from './views/nav2/preConfiguration.vue' | ||
| 39 | -import allocate from './views/nav2/allocate.vue' | ||
| 40 | -import charge from './views/nav2/charge.vue' | ||
| 41 | -import documents from './views/nav2/documents.vue' | ||
| 42 | -import booking from './views/nav4/booking.vue' | ||
| 43 | -import order from './views/nav4/order.vue' | ||
| 44 | -import airlift from './views/nav4/airlift.vue' | ||
| 45 | -import inquiry from './views/nav4/inquiry.vue' | ||
| 46 | import Page6 from './views/nav3/Page6.vue' | 12 | import Page6 from './views/nav3/Page6.vue' |
| 47 | import Page7 from './views/nav3/Page7.vue' | 13 | import Page7 from './views/nav3/Page7.vue' |
| 48 | - | ||
| 49 | - | ||
| 50 | - | ||
| 51 | - | ||
| 52 | - | ||
| 53 | import echarts from './views/charts/echarts.vue' | 14 | import echarts from './views/charts/echarts.vue' |
| 54 | -import SecrityInspection from './views/staff/security_inspection.vue' | ||
| 55 | -import Key from './views/staff/key.vue' | ||
| 56 | -import Maintain from './views/staff/maintain.vue' | ||
| 57 | -import ComeCar from './views/staff/come_car.vue' | ||
| 58 | -import OnDuty from './views/staff/on_duty.vue' | ||
| 59 | -import WaterStationsPatrol from './views/water/water_stations_patrol.vue' | ||
| 60 | -import Location from './views/empt/Location.vue' | ||
| 61 | - | ||
| 62 | -//运输工具 通用业务申报 | ||
| 63 | -import Route from './views/airtransport/route.vue' | ||
| 64 | -import Bill from './views/airtransport/bill.vue' | ||
| 65 | -import Flight from './views/airtransport/flight.vue' | ||
| 66 | -import Flightplan from './views/airtransport/flightplan.vue' | ||
| 67 | -import Aircraft from './views/airtransport/aircraft.vue' | ||
| 68 | -import Routeaircraft from './views/airtransport/routeaircraft' | ||
| 69 | - | ||
| 70 | -//通用业务查询 | ||
| 71 | -import queryRoute from './views/airtransport/queryRoute.vue' | ||
| 72 | -import queryBill from './views/airtransport/queryBill.vue' | ||
| 73 | -import queryFlight from './views/airtransport/queryFlight.vue' | ||
| 74 | -import queryFlightplan from './views/airtransport/queryFlightplan.vue' | ||
| 75 | -import queryAircraft from './views/airtransport/queryAircraft.vue' | ||
| 76 | -import queryRouteaircraft from './views/airtransport/queryRouteaircraft.vue' | ||
| 77 | -import arrival from './views/airtransport/arrival.vue' | ||
| 78 | -import confirmatory from './views/airtransport/confirmatory.vue' | ||
| 79 | -import queryArrival from './views/airtransport/queryArrival.vue' | ||
| 80 | -import queryConfirmatory from './views/airtransport/queryConfirmatory.vue' | ||
| 81 | -import configure from './views/airtransport/configure.vue' | ||
| 82 | -import queryConfigure from './views/airtransport/queryConfigure.vue' | ||
| 83 | -import departure from './views/airtransport/departure.vue' | ||
| 84 | -import declare from './views/airtransport/declare.vue' | ||
| 85 | -import queryDeparture from './views/airtransport/queryDeparture.vue' | ||
| 86 | -import queryDeclare from './views/airtransport/queryDeclare.vue' | ||
| 87 | -import outConfigure from './views/airtransport/outConfigure.vue' | ||
| 88 | -import queryFlightConfigure from './views/airtransport/queryFlightConfigure.vue' | ||
| 89 | -import Consigner from './views/consigner/consigner.vue' | ||
| 90 | -import Consignee from './views/consigner/consignee.vue' | ||
| 91 | -import Security from './views/security/security.vue' | ||
| 92 | - | ||
| 93 | - | ||
| 94 | // 场站管理 | 15 | // 场站管理 |
| 95 | import Yard from './views/station_manage/Yard.vue' | 16 | import Yard from './views/station_manage/Yard.vue' |
| 96 | import Bayonet from './views/station_manage/Bayonet.vue' | 17 | import Bayonet from './views/station_manage/Bayonet.vue' |
| 97 | import Warehouse from './views/station_manage/Warehouse.vue' | 18 | import Warehouse from './views/station_manage/Warehouse.vue' |
| 19 | +import Verecord from './views/road_verecord/verecord' | ||
| 98 | 20 | ||
| 99 | 21 | ||
| 100 | 22 | ||
| @@ -122,16 +44,6 @@ let routes = [ | @@ -122,16 +44,6 @@ let routes = [ | ||
| 122 | ] | 44 | ] |
| 123 | }, | 45 | }, |
| 124 | { | 46 | { |
| 125 | - path: '/', | ||
| 126 | - component: Home, | ||
| 127 | - name: '海关货物流转', | ||
| 128 | - iconCls: 'el-icon-delete-location', | ||
| 129 | - children: [ | ||
| 130 | - { path: '/Page6', component: Page6, name: '申请列表' }, | ||
| 131 | - { path: '/Page7', component: Page7, name: '申请添加' }, | ||
| 132 | - ] | ||
| 133 | - }, | ||
| 134 | - { | ||
| 135 | path: '/admin', | 47 | path: '/admin', |
| 136 | component: Home, | 48 | component: Home, |
| 137 | name: '系统设置', | 49 | name: '系统设置', |
| @@ -146,7 +58,16 @@ let routes = [ | @@ -146,7 +58,16 @@ let routes = [ | ||
| 146 | { path: '/group', component: Group, name: '集团管理'} | 58 | { path: '/group', component: Group, name: '集团管理'} |
| 147 | ] | 59 | ] |
| 148 | }, | 60 | }, |
| 149 | - | 61 | + { |
| 62 | + path: '/', | ||
| 63 | + component: Home, | ||
| 64 | + name: '海关货物流转', | ||
| 65 | + iconCls: 'el-icon-delete-location', | ||
| 66 | + children: [ | ||
| 67 | + { path: '/Page6', component: Page6, name: '申请列表' }, | ||
| 68 | + { path: '/Page7', component: Page7, name: '申请添加' }, | ||
| 69 | + ] | ||
| 70 | + }, | ||
| 150 | { | 71 | { |
| 151 | path: '/', | 72 | path: '/', |
| 152 | component: Home, | 73 | component: Home, |
| @@ -158,6 +79,15 @@ let routes = [ | @@ -158,6 +79,15 @@ let routes = [ | ||
| 158 | {path: '/warehouse', component: Warehouse, name: '仓库管理'}, | 79 | {path: '/warehouse', component: Warehouse, name: '仓库管理'}, |
| 159 | ] | 80 | ] |
| 160 | }, | 81 | }, |
| 82 | + { | ||
| 83 | + path: '/', | ||
| 84 | + component: Home, | ||
| 85 | + name: '车辆备案管理', | ||
| 86 | + iconCls: 'el-icon-setting',//图标样式class | ||
| 87 | + children: [ | ||
| 88 | + {path: '/verecord', component: Verecord, name: '备案列表'} | ||
| 89 | + ] | ||
| 90 | + }, | ||
| 161 | 91 | ||
| 162 | 92 | ||
| 163 | { | 93 | { |
| @@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
| 2 | <el-row class="container darkmenu" style="margin-top: 0px;"> | 2 | <el-row class="container darkmenu" style="margin-top: 0px;"> |
| 3 | <el-col :span="24" class="header"> | 3 | <el-col :span="24" class="header"> |
| 4 | <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'"> | 4 | <el-col :span="10" class="logo" :class="collapsed?'logo-collapse-width':'logo-width'"> |
| 5 | - {{collapsed?'':sysName}} | 5 | + 机场口岸通关物流辅助管理系统 |
| 6 | </el-col> | 6 | </el-col> |
| 7 | <el-col :span="10"> | 7 | <el-col :span="10"> |
| 8 | <div class="tools" @click.prevent="collapse"> | 8 | <div class="tools" @click.prevent="collapse"> |
| @@ -348,7 +348,7 @@ | @@ -348,7 +348,7 @@ | ||
| 348 | } | 348 | } |
| 349 | } | 349 | } |
| 350 | .logo-width{ | 350 | .logo-width{ |
| 351 | - width:230px; | 351 | + width:340px; |
| 352 | } | 352 | } |
| 353 | .logo-collapse-width{ | 353 | .logo-collapse-width{ |
| 354 | width:60px | 354 | width:60px |
| @@ -90,9 +90,9 @@ | @@ -90,9 +90,9 @@ | ||
| 90 | </el-table-column> | 90 | </el-table-column> |
| 91 | <el-table-column fixed="right" label="操作" width="150"> | 91 | <el-table-column fixed="right" label="操作" width="150"> |
| 92 | <template slot-scope="scope"> | 92 | <template slot-scope="scope"> |
| 93 | - <el-button type="success" @click="(scope.$index, scope.row)" size="mini">修改</el-button> | ||
| 94 | - <el-button type="danger" @click="deleteClick(scope.$index, scope.row)" size="mini">删除</el-button> | ||
| 95 | - <el-button type="warning" size="mini" style="margin-top: 2px;margin-left: 0px">审核</el-button> | 93 | + <el-button type="success" @click="opneEdit(scope.$index, scope.row)" size="mini">修改</el-button> |
| 94 | +<!-- <el-button type="danger" @click="deleteClick(scope.$index, scope.row)" size="mini">删除</el-button>--> | ||
| 95 | +<!-- <el-button type="warning" disabled size="mini" style="margin-top: 2px;margin-left: 0px">审核</el-button>--> | ||
| 96 | <el-button type="info" @click="barCodeDelete(scope.$index, scope.row)" size="mini">异常</el-button> | 96 | <el-button type="info" @click="barCodeDelete(scope.$index, scope.row)" size="mini">异常</el-button> |
| 97 | </template> | 97 | </template> |
| 98 | </el-table-column> | 98 | </el-table-column> |
| @@ -566,6 +566,7 @@ | @@ -566,6 +566,7 @@ | ||
| 566 | trailerFrameNo: row.trailerFrameNo, | 566 | trailerFrameNo: row.trailerFrameNo, |
| 567 | barCode: row.barcode | 567 | barCode: row.barcode |
| 568 | } | 568 | } |
| 569 | + if (JSON.parse(sessionStorage.getItem('user')).loginName == 'admin'){ | ||
| 569 | barCodeDel(para).then((res) =>{ | 570 | barCodeDel(para).then((res) =>{ |
| 570 | this.$message({ | 571 | this.$message({ |
| 571 | message: res.data.msg, | 572 | message: res.data.msg, |
| @@ -580,6 +581,14 @@ | @@ -580,6 +581,14 @@ | ||
| 580 | 581 | ||
| 581 | }); | 582 | }); |
| 582 | }); | 583 | }); |
| 584 | + }else { | ||
| 585 | + this.$message({ | ||
| 586 | + message: '异常处理请联系管理员', | ||
| 587 | + type: 'error' | ||
| 588 | + | ||
| 589 | + }); | ||
| 590 | + } | ||
| 591 | + | ||
| 583 | }).catch(() =>{ | 592 | }).catch(() =>{ |
| 584 | 593 | ||
| 585 | }); | 594 | }); |
| @@ -590,6 +599,7 @@ | @@ -590,6 +599,7 @@ | ||
| 590 | let para = { | 599 | let para = { |
| 591 | id: row.id, | 600 | id: row.id, |
| 592 | } | 601 | } |
| 602 | + if (JSON.parse(sessionStorage.getItem('user')).loginName == 'admin'){ | ||
| 593 | remove(para).then((res) =>{ | 603 | remove(para).then((res) =>{ |
| 594 | this.$message({ | 604 | this.$message({ |
| 595 | message: res.data.msg, | 605 | message: res.data.msg, |
| @@ -604,6 +614,14 @@ | @@ -604,6 +614,14 @@ | ||
| 604 | 614 | ||
| 605 | }); | 615 | }); |
| 606 | }); | 616 | }); |
| 617 | + }else { | ||
| 618 | + this.$message({ | ||
| 619 | + message: '如需删除请联系管理员', | ||
| 620 | + type: 'error' | ||
| 621 | + | ||
| 622 | + }); | ||
| 623 | + } | ||
| 624 | + | ||
| 607 | }).catch(() =>{ | 625 | }).catch(() =>{ |
| 608 | 626 | ||
| 609 | }); | 627 | }); |
| @@ -150,7 +150,7 @@ | @@ -150,7 +150,7 @@ | ||
| 150 | </el-col> | 150 | </el-col> |
| 151 | </el-row> | 151 | </el-row> |
| 152 | <el-row style="margin-left: 320px"> | 152 | <el-row style="margin-left: 320px"> |
| 153 | - <el-button type="primary" @click="saveSubmit()" :disabled="disabledStr">保存</el-button> | 153 | + <el-button type="primary" @click="saveSubmit()" :loading="addloading" :disabled="disabledStr">保存</el-button> |
| 154 | <!-- <el-button type="primary" @click="saveSubmit()" :disabledStr="disabledStr" >保存</el-button>--> | 154 | <!-- <el-button type="primary" @click="saveSubmit()" :disabledStr="disabledStr" >保存</el-button>--> |
| 155 | </el-row> | 155 | </el-row> |
| 156 | 156 | ||
| @@ -204,6 +204,7 @@ | @@ -204,6 +204,7 @@ | ||
| 204 | awbaList:[], | 204 | awbaList:[], |
| 205 | yardList: [], | 205 | yardList: [], |
| 206 | commonLoading: false, | 206 | commonLoading: false, |
| 207 | + addloading: false, | ||
| 207 | textarea: '', | 208 | textarea: '', |
| 208 | disabledStr: true, | 209 | disabledStr: true, |
| 209 | waybilllist:[], | 210 | waybilllist:[], |
| @@ -408,12 +409,14 @@ | @@ -408,12 +409,14 @@ | ||
| 408 | this.addForm.masterList = this.wayBillList(); | 409 | this.addForm.masterList = this.wayBillList(); |
| 409 | this.addForm.remark = this.weightFloat.toString(); | 410 | this.addForm.remark = this.weightFloat.toString(); |
| 410 | let para = Object.assign({}, this.addForm); | 411 | let para = Object.assign({}, this.addForm); |
| 412 | + this.addloading = true; | ||
| 411 | save(para).then((res) => { | 413 | save(para).then((res) => { |
| 412 | if (res.data.code == 200){ | 414 | if (res.data.code == 200){ |
| 413 | this.$message({ | 415 | this.$message({ |
| 414 | message: '提交成功', | 416 | message: '提交成功', |
| 415 | type: 'success' | 417 | type: 'success' |
| 416 | }); | 418 | }); |
| 419 | + this.addloading = true; | ||
| 417 | this.$router.push({path:'/Page6',query:{}}); | 420 | this.$router.push({path:'/Page6',query:{}}); |
| 418 | this.$refs['addForm'].resetFields(); | 421 | this.$refs['addForm'].resetFields(); |
| 419 | }else { | 422 | }else { |
| @@ -474,6 +477,11 @@ | @@ -474,6 +477,11 @@ | ||
| 474 | this.addForm.masterList = this.addForm.masterList.replaceAll(",",","); | 477 | this.addForm.masterList = this.addForm.masterList.replaceAll(",",","); |
| 475 | this.addweight(); | 478 | this.addweight(); |
| 476 | }, | 479 | }, |
| 480 | + }, | ||
| 481 | + 'addForm.trailerFrameNo': { | ||
| 482 | + handler: function() { | ||
| 483 | + this.addForm.trailerFrameNo = this.addForm.trailerFrameNo.toUpperCase(); | ||
| 484 | + }, | ||
| 477 | } | 485 | } |
| 478 | } | 486 | } |
| 479 | } | 487 | } |
src/views/road_verecord/verecord.vue
0 → 100644
| 1 | +<template> | ||
| 2 | + <section> | ||
| 3 | + <!--工具条--> | ||
| 4 | + <el-col :span="24" class="toolbar" style="padding-bottom: 0px;"> | ||
| 5 | + <el-form :inline="true" :model="filters"> | ||
| 6 | + <el-form-item> | ||
| 7 | + <el-input v-model="filters.trailerFrameNo" placeholder="车牌号查询"></el-input> | ||
| 8 | + </el-form-item> | ||
| 9 | + <el-form-item> | ||
| 10 | + <el-button type="primary" v-on:click="getReCord()">查询</el-button> | ||
| 11 | + </el-form-item> | ||
| 12 | + <el-form-item> | ||
| 13 | + <el-button type="primary" @click="companyAdd">新增</el-button> | ||
| 14 | + </el-form-item> | ||
| 15 | + </el-form> | ||
| 16 | + </el-col> | ||
| 17 | + <!--列表--> | ||
| 18 | + <el-table :data="recordList" highlight-current-row v-loading="listLoading" style="width: 100%;"> | ||
| 19 | + <el-table-column type="selection" width="55"> | ||
| 20 | + </el-table-column> | ||
| 21 | + <el-table-column prop="coCode" label="运输公司名称" width="120px" > | ||
| 22 | + </el-table-column> | ||
| 23 | + <el-table-column prop="proposer" label="挂靠单位" width="120px" > | ||
| 24 | + </el-table-column> | ||
| 25 | + <el-table-column prop="veTargetNo" label="备案单位" width="130px" > | ||
| 26 | + </el-table-column> | ||
| 27 | + <el-table-column prop="domesticLisenceNo" label="国内车牌" width="100px"> | ||
| 28 | + </el-table-column> | ||
| 29 | + <el-table-column prop="veOwnerName" label="车主姓名" width="100px" > | ||
| 30 | + </el-table-column> | ||
| 31 | + <el-table-column prop="ownerInsideTel" label="车主联系方式" width="110px" > | ||
| 32 | + </el-table-column> | ||
| 33 | + <el-table-column prop="mainPort" label="本地关代码" width="100px" > | ||
| 34 | + </el-table-column> | ||
| 35 | + <el-table-column prop="selfWt" label="自重" width="90px"> | ||
| 36 | + </el-table-column> | ||
| 37 | + <el-table-column prop="veTon" label="载重" width="90px"> | ||
| 38 | + </el-table-column> | ||
| 39 | + <el-table-column prop="returnmessage" label="备案结果" width="100px"> | ||
| 40 | + </el-table-column> | ||
| 41 | + <el-table-column prop="apprNo" label="备案编号" width="140px"> | ||
| 42 | + </el-table-column> | ||
| 43 | + <el-table-column prop="operationType" :formatter="operationType" label="申报状态" width="110px"> | ||
| 44 | + </el-table-column> | ||
| 45 | + <el-table-column prop="updateDate" label="更新时间" width="160px"> | ||
| 46 | + </el-table-column> | ||
| 47 | + <el-table-column label="操作" min-width="150"> | ||
| 48 | + <template slot-scope="scope"> | ||
| 49 | + <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button> | ||
| 50 | + </template> | ||
| 51 | + </el-table-column> | ||
| 52 | + </el-table> | ||
| 53 | + <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false"> | ||
| 54 | + <el-form :model="addForm" label-width="100px" :rules="addFormRules" ref="addForm"> | ||
| 55 | + <el-row> | ||
| 56 | + <el-col :span="10"> | ||
| 57 | + <el-row> | ||
| 58 | + <el-form-item label="海关代码" prop="mainPort"> | ||
| 59 | + <el-input v-model="addForm.mainPort" auto-complete="on" placeholder="海关代码"></el-input> | ||
| 60 | + </el-form-item> | ||
| 61 | + </el-row> | ||
| 62 | + <el-row> | ||
| 63 | + <el-form-item label="挂靠单位" prop="proposer"> | ||
| 64 | + <el-input v-model="addForm.proposer" auto-complete="on" placeholder="挂靠单位"></el-input> | ||
| 65 | + </el-form-item> | ||
| 66 | + </el-row> | ||
| 67 | + <el-row> | ||
| 68 | + <el-form-item label="运输公司名称" label-width="130px" prop="coCode"> | ||
| 69 | + <el-input v-model="addForm.coCode" auto-complete="on" placeholder="运输公司名称"></el-input> | ||
| 70 | + </el-form-item> | ||
| 71 | + </el-row> | ||
| 72 | + <el-row> | ||
| 73 | + <el-form-item label="国内车牌" prop="domesticLisenceNo"> | ||
| 74 | + <el-input v-model="addForm.domesticLisenceNo" auto-complete="on" placeholder="国内车牌"></el-input> | ||
| 75 | + </el-form-item> | ||
| 76 | + </el-row> | ||
| 77 | + <el-row> | ||
| 78 | + <el-form-item label="车主姓名" prop="veOwnerName"> | ||
| 79 | + <el-input v-model="addForm.veOwnerName" auto-complete="on" placeholder="车主姓名"></el-input> | ||
| 80 | + </el-form-item> | ||
| 81 | + </el-row> | ||
| 82 | + <el-row> | ||
| 83 | + <el-form-item label="车主联系电话" label-width="130px" prop="ownerInsideTel"> | ||
| 84 | + <el-input v-model="addForm.ownerInsideTel" auto-complete="on" placeholder="车主联系电话"></el-input> | ||
| 85 | + </el-form-item> | ||
| 86 | + </el-row> | ||
| 87 | + <el-row> | ||
| 88 | + <el-form-item label="行驶证有效期" label-width="130px" prop="veFactoryDate"> | ||
| 89 | + <el-date-picker | ||
| 90 | + v-model="addForm.veFactoryDate" | ||
| 91 | + type="date" | ||
| 92 | + placeholder="选择日期"> | ||
| 93 | + </el-date-picker> | ||
| 94 | + </el-form-item> | ||
| 95 | + </el-row> | ||
| 96 | + </el-col> | ||
| 97 | + <el-col :span="10"> | ||
| 98 | + <el-row> | ||
| 99 | + <el-form-item label="自重(空车重量)" label-width="140px" prop="selfWt"> | ||
| 100 | + <el-input v-model="addForm.selfWt" auto-complete="on" placeholder="自重(空车重量)"></el-input> | ||
| 101 | + </el-form-item> | ||
| 102 | + </el-row> | ||
| 103 | + <el-row> | ||
| 104 | + <el-form-item label="核定载货重量" prop="veTon"> | ||
| 105 | + <el-input v-model="addForm.veTon" auto-complete="on" placeholder="核定载货重量"></el-input> | ||
| 106 | + </el-form-item> | ||
| 107 | + </el-row> | ||
| 108 | + <el-row> | ||
| 109 | + <el-form-item label="挂车牌号" prop="trailerLicenseNo"> | ||
| 110 | + <el-input v-model="addForm.trailerLicenseNo" auto-complete="on" placeholder="挂车牌号"></el-input> | ||
| 111 | + </el-form-item> | ||
| 112 | + </el-row> | ||
| 113 | + <el-row> | ||
| 114 | + <el-form-item label="挂车车架号" prop="trailerFrameNo"> | ||
| 115 | + <el-input v-model="addForm.trailerFrameNo" auto-complete="on" placeholder="挂车车架号"></el-input> | ||
| 116 | + </el-form-item> | ||
| 117 | + </el-row> | ||
| 118 | + <el-row> | ||
| 119 | + <el-form-item label="车辆备案编号" label-width="110px" prop="apprNo"> | ||
| 120 | + <el-input v-model="addForm.apprNo" auto-complete="on" placeholder="车辆备案编号"></el-input> | ||
| 121 | + </el-form-item> | ||
| 122 | + </el-row> | ||
| 123 | + <el-row> | ||
| 124 | + <el-form-item label="车辆属性" label-width="100px" prop="veClassFlag"> | ||
| 125 | + <el-select v-model="addForm.veClassFlag" placeholder="请选择"> | ||
| 126 | + <el-option | ||
| 127 | + v-for="item in options" | ||
| 128 | + :key="item.value" | ||
| 129 | + :label="item.label" | ||
| 130 | + :value="item.value"> | ||
| 131 | + </el-option> | ||
| 132 | + </el-select> | ||
| 133 | + </el-form-item> | ||
| 134 | + <el-form-item label="备注" label-width="100px" prop="memo"> | ||
| 135 | + <el-input v-model="addForm.memo" auto-complete="on" placeholder="备注"></el-input> | ||
| 136 | + </el-form-item> | ||
| 137 | + </el-row> | ||
| 138 | + </el-col> | ||
| 139 | + </el-row> | ||
| 140 | + </el-form> | ||
| 141 | + <div slot="footer" class="dialog-footer"> | ||
| 142 | + <el-button type="primary" @click.native="addSubmit()">保存</el-button> | ||
| 143 | + </div> | ||
| 144 | + </el-dialog> | ||
| 145 | + </section> | ||
| 146 | +</template> | ||
| 147 | +<script> | ||
| 148 | + import { list, save, remove} from '../../api/road_verecord/verecord'; | ||
| 149 | + export default { | ||
| 150 | + | ||
| 151 | + data() { | ||
| 152 | + return { | ||
| 153 | + filters: { | ||
| 154 | + trailerFrameNo: '' | ||
| 155 | + }, | ||
| 156 | + recordList: [], | ||
| 157 | + total: 0, | ||
| 158 | + pageSize: 1, | ||
| 159 | + limitSize: 10, | ||
| 160 | + listLoading: false, | ||
| 161 | + addFormVisible: false, | ||
| 162 | + addForm: { | ||
| 163 | + mainPort: '4604', | ||
| 164 | + proposer: '', | ||
| 165 | + coCode: '', | ||
| 166 | + domesticLisenceNo: '', | ||
| 167 | + veOwnerName: '', | ||
| 168 | + ownerInsideTel: '', | ||
| 169 | + veFactoryDate: '', | ||
| 170 | + selfWt: '', | ||
| 171 | + veTon: '', | ||
| 172 | + trailerLicenseNo: '', | ||
| 173 | + apprNo: '', | ||
| 174 | + veClassFlag: '', | ||
| 175 | + memo: '', | ||
| 176 | + createBy: '' | ||
| 177 | + }, | ||
| 178 | + options: [{ | ||
| 179 | + value: '0', | ||
| 180 | + label: '普通车辆' | ||
| 181 | + }, { | ||
| 182 | + value: '1', | ||
| 183 | + label: '调拨车辆' | ||
| 184 | + }], | ||
| 185 | + addFormRules: { | ||
| 186 | + mainPort: [ | ||
| 187 | + { required: true, message: '请输入海关关区', trigger: 'blur' } | ||
| 188 | + ], | ||
| 189 | + proposer: [ | ||
| 190 | + { required: true, message: '请输入挂靠单位', trigger: 'blur' } | ||
| 191 | + ], | ||
| 192 | + coCode: [ | ||
| 193 | + { required: true, message: '请输入运输公司名称', trigger: 'blur' } | ||
| 194 | + ], | ||
| 195 | + domesticLisenceNo: [ | ||
| 196 | + { required: true, message: '请输入国内车牌', trigger: 'blur' } | ||
| 197 | + ], | ||
| 198 | + veOwnerName: [ | ||
| 199 | + { required: true, message: '请输入车主姓名', trigger: 'blur' } | ||
| 200 | + ], | ||
| 201 | + ownerInsideTel: [ | ||
| 202 | + { required: true, message: '请输入车主联系方式', trigger: 'blur' } | ||
| 203 | + ], | ||
| 204 | + veFactoryDate: [ | ||
| 205 | + { required: true, message: '请选择驾驶证有效期', trigger: 'blur' } | ||
| 206 | + ], | ||
| 207 | + selfWt: [ | ||
| 208 | + { required: true, message: '请输入车辆自重', trigger: 'blur' } | ||
| 209 | + ], | ||
| 210 | + } | ||
| 211 | + } | ||
| 212 | + }, | ||
| 213 | + mounted() { | ||
| 214 | + this.getReCord(); | ||
| 215 | + }, | ||
| 216 | + methods: { | ||
| 217 | + //获取备案列表 | ||
| 218 | + getReCord() { | ||
| 219 | + let para = { | ||
| 220 | + pageSize: this.pageSize, | ||
| 221 | + limitSize: this.limitSize, | ||
| 222 | + trailerFrameNo: this.filters.trailerFrameNo | ||
| 223 | + }; | ||
| 224 | + this.listLoading = true; | ||
| 225 | + list(para).then((res) => { | ||
| 226 | + this.total = res.data.data.total; | ||
| 227 | + this.recordList = res.data.data.list; | ||
| 228 | + this.listLoading = false; | ||
| 229 | + }).catch((error) => { | ||
| 230 | + this.listLoading = false; | ||
| 231 | + if(null!= error.response && error.response!==undefined){ | ||
| 232 | + let status= error.response.status; | ||
| 233 | + let msg = error.response.statusText; | ||
| 234 | + alert(status+msg); | ||
| 235 | + }else { | ||
| 236 | + alert(error); | ||
| 237 | + } | ||
| 238 | + }); | ||
| 239 | + }, | ||
| 240 | + handleDel(index, row){ | ||
| 241 | + this.$confirm('确认删除吗?', '提示', {}).then(() => { | ||
| 242 | + let param = { | ||
| 243 | + id: row.id, | ||
| 244 | + domesticLisenceNo: row.domesticLisenceNo, | ||
| 245 | + mainPort: row.mainPort | ||
| 246 | + } | ||
| 247 | + remove(param).then((res) => { | ||
| 248 | + if (res.data.code == 200){ | ||
| 249 | + this.$message({ | ||
| 250 | + message: '删除成功', | ||
| 251 | + type: 'success' | ||
| 252 | + }); | ||
| 253 | + }else { | ||
| 254 | + this.$message({ | ||
| 255 | + message: '删除失败', | ||
| 256 | + type: 'error' | ||
| 257 | + }); | ||
| 258 | + } | ||
| 259 | + this.getReCord(); | ||
| 260 | + }).catch((error) => { | ||
| 261 | + | ||
| 262 | + }); | ||
| 263 | + }).catch(() =>{ | ||
| 264 | + | ||
| 265 | + }); | ||
| 266 | + }, | ||
| 267 | + | ||
| 268 | + companyAdd:function(){ | ||
| 269 | + this.addFormVisible = true; | ||
| 270 | + if (this.$refs.addForm !==undefined) { | ||
| 271 | + this.$refs.addForm.resetFields(); | ||
| 272 | + } | ||
| 273 | + this.getReCord(); | ||
| 274 | + }, | ||
| 275 | + | ||
| 276 | + addSubmit:function(){ | ||
| 277 | + this.$refs.addForm.validate((valid) => { | ||
| 278 | + if (valid) { | ||
| 279 | + this.$confirm('确认提交吗?', '提示', {}).then(() => { | ||
| 280 | + this.addForm.createBy = JSON.parse(sessionStorage.getItem('user')).id; | ||
| 281 | + let para = Object.assign({}, this.addForm); | ||
| 282 | + save(para).then((res) => { | ||
| 283 | + if (res.data.code == 200){ | ||
| 284 | + this.$message({ | ||
| 285 | + message: '提交成功', | ||
| 286 | + type: 'success' | ||
| 287 | + }); | ||
| 288 | + this.getReCord(); | ||
| 289 | + }else { | ||
| 290 | + this.$message({ | ||
| 291 | + message: res.data.msg, | ||
| 292 | + type: 'error' | ||
| 293 | + }); | ||
| 294 | + } | ||
| 295 | + }).catch(error => alert(error)); | ||
| 296 | + }) | ||
| 297 | + } else { | ||
| 298 | + console.log('error submit!!'); | ||
| 299 | + return false; | ||
| 300 | + } | ||
| 301 | + }); | ||
| 302 | + }, | ||
| 303 | + operationType:function (row, column) { | ||
| 304 | + if (row.operationType == '1'){ | ||
| 305 | + return '审批通过' | ||
| 306 | + }else if (row.operationType == '0'){ | ||
| 307 | + return '需手动审批通过' | ||
| 308 | + } | ||
| 309 | + } | ||
| 310 | + }, | ||
| 311 | + | ||
| 312 | + } | ||
| 313 | +</script> |
-
请 注册 或 登录 后发表评论