朱兆平 / vue_cli · 提交

转到一个项目

作者 xudada
提交 2cdcb0674930d8dc57f96280d405a1917d9d24c8 1 个父辈 e2b98490

车载运单

内嵌 并排对比
正在显示 2 个修改的文件 包含 251 行增加 和 0 行删除
... ... @@ -111,6 +111,7 @@ import myTask from './views/technological/myTask.vue'
import definition from './views/technological/definition.vue'
//仓库场站管理
import VehicleWaybill from './views/deploy/VehicleWaybill.vue'
import vehicle from './views/deploy/vehicle.vue'
import trajectory from './views/deploy/trajectory.vue'
import attendance from './views/deploy/attendance.vue'
... ... @@ -570,6 +571,7 @@ let routes = [
name: '仓库场站管理',
iconCls:'el-icon-goods',
children:[
{path:'/VehicleWaybill',component:VehicleWaybill,name:'车载运单'},
{path:'/vehicle',component:vehicle,name:'车辆定位'},
{path:'/trajectory',component:trajectory,name:'车辆轨迹'},
{path:'/attendance',component:attendance,name:'出勤历史'},
... ...
<template>
<div>
<div>
<el-form :inline="true" :model="formInline" class="demo-form-inline">
<el-form-item label="主单号">
<el-input v-model="formInline.awba" placeholder="主单号"></el-input>
</el-form-item>
<el-form-item label="车号">
<el-input v-model="formInline.licenseno" placeholder="车号"></el-input>
</el-form-item>
<el-form-item>
<div class="block">
<span class="demonstration">时间</span>
<el-date-picker
v-model="value2"
type="datetimerange"
:picker-options="pickerOptions"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
align="right">
</el-date-picker>
</div>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="onSubmit">查询</el-button>
</el-form-item>
<el-form-item>
<el-button type="success" @click="dialogVisible = true">新增</el-button>
</el-form-item>
<el-form-item>
<el-button type="danger" @click="onPaidan">派单</el-button>
</el-form-item>
</el-form>
</div>
<div>
<el-table
ref="multipleTable"
:data="tableData"
tooltip-effect="dark"
style="width: 100%"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
prop="name"
label="客户名称"
width="120">
</el-table-column>
<el-table-column
label="日期"
width="120">
<template slot-scope="scope">{{ scope.row.taketime }}</template>
</el-table-column>
<el-table-column
prop="orig"
label="始发地"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="dest"
label="目的地"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="licenseno"
label="车号"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="dispatch"
label="派单号"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="awbh"
label="分单号"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="awba"
label="主单号"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="deststation"
label="目的港"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="pcs"
label="件数"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="weight"
label="毛重"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="vol"
label="体积"
show-overflow-tooltip>
</el-table-column>
<el-table-column
prop="charge"
label="应收"
show-overflow-tooltip>
</el-table-column>
</el-table>
</div>
<div>
<div class="block">
<el-row>
<el-col :span="14">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[20, 30, 40, 100]"
:page-size="20"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</el-col>
<el-col :span="2">
<el-button type="primary" @click="onPaidan">导入运单</el-button>
</el-col>
<el-col :span="2">
<el-button type="success" @click="onPaidan">导出</el-button>
</el-col>
</el-row>
</div>
</div>
<div>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
:before-close="handleClose">
<el-form :inline="true" :model="submitForm" class="demo-form-inline">
<el-form-item label="主单号">
<el-input v-model="formInline.awba" placeholder="主单号"></el-input>
</el-form-item>
<el-form-item label="车号">
<el-input v-model="formInline.licenseno" placeholder="车号"></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button @click="dialogVisible = false">取 消</el-button>
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
</span>
</el-dialog>
</div>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [],
multipleSelection: [],
formInline: {
awba: '',
licenseno: '',
},
pickerOptions: {
shortcuts: [{
text: '最近一周',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
picker.$emit('pick', [start, end]);
}
}]
},
value2: '',
currentPage4: 4,
submitForm: {
awba: "",
awbh: "",
charge: 0,
createtime: "",
customer: "",
dest: "",
deststation: "",
dispatch: "",
id: "",
isdangerous: 0,
licenseno: "",
means: "",
orig: "",
pcs: 0,
pic: "",
relevance: "",
remark: "",
remark1: "",
remark2: "",
taketime: "",
vol: 0,
weight: 0
},
dialogVisible: false
}
},
methods: {
//翻页
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
//多选选中
handleSelectionChange(val) {
this.multipleSelection = val;
console.log(this.multipleSelection)
},
//Dialog关闭提示
handleClose(done) {
this.$confirm('确认关闭？')
.then(_ => {
done();
})
.catch(_ => {});
}
}
}
</script>
... ...