朱兆平 / vue_cli · 提交

转到一个项目

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

车载运单

内嵌 并排对比
正在显示 2 个修改的文件 包含 251 行增加 和 0 行删除
@@ -111,6 +111,7 @@ import myTask from './views/technological/myTask.vue' @@ -111,6 +111,7 @@ import myTask from './views/technological/myTask.vue'
111 import definition from './views/technological/definition.vue' 111 import definition from './views/technological/definition.vue'
112 112
113 //仓库场站管理 113 //仓库场站管理
  114 +import VehicleWaybill from './views/deploy/VehicleWaybill.vue'
114 import vehicle from './views/deploy/vehicle.vue' 115 import vehicle from './views/deploy/vehicle.vue'
115 import trajectory from './views/deploy/trajectory.vue' 116 import trajectory from './views/deploy/trajectory.vue'
116 import attendance from './views/deploy/attendance.vue' 117 import attendance from './views/deploy/attendance.vue'
@@ -570,6 +571,7 @@ let routes = [ @@ -570,6 +571,7 @@ let routes = [
570 name: '仓库场站管理', 571 name: '仓库场站管理',
571 iconCls:'el-icon-goods', 572 iconCls:'el-icon-goods',
572 children:[ 573 children:[
  574 + {path:'/VehicleWaybill',component:VehicleWaybill,name:'车载运单'},
573 {path:'/vehicle',component:vehicle,name:'车辆定位'}, 575 {path:'/vehicle',component:vehicle,name:'车辆定位'},
574 {path:'/trajectory',component:trajectory,name:'车辆轨迹'}, 576 {path:'/trajectory',component:trajectory,name:'车辆轨迹'},
575 {path:'/attendance',component:attendance,name:'出勤历史'}, 577 {path:'/attendance',component:attendance,name:'出勤历史'},
  1 +<template>
  2 + <div>
  3 + <div>
  4 + <el-form :inline="true" :model="formInline" class="demo-form-inline">
  5 + <el-form-item label="主单号">
  6 + <el-input v-model="formInline.awba" placeholder="主单号"></el-input>
  7 + </el-form-item>
  8 + <el-form-item label="车号">
  9 + <el-input v-model="formInline.licenseno" placeholder="车号"></el-input>
  10 + </el-form-item>
  11 + <el-form-item>
  12 + <div class="block">
  13 + <span class="demonstration">时间</span>
  14 + <el-date-picker
  15 + v-model="value2"
  16 + type="datetimerange"
  17 + :picker-options="pickerOptions"
  18 + range-separator="至"
  19 + start-placeholder="开始日期"
  20 + end-placeholder="结束日期"
  21 + align="right">
  22 + </el-date-picker>
  23 + </div>
  24 + </el-form-item>
  25 + <el-form-item>
  26 + <el-button type="primary" @click="onSubmit">查询</el-button>
  27 + </el-form-item>
  28 + <el-form-item>
  29 + <el-button type="success" @click="dialogVisible = true">新增</el-button>
  30 + </el-form-item>
  31 + <el-form-item>
  32 + <el-button type="danger" @click="onPaidan">派单</el-button>
  33 + </el-form-item>
  34 + </el-form>
  35 + </div>
  36 + <div>
  37 + <el-table
  38 + ref="multipleTable"
  39 + :data="tableData"
  40 + tooltip-effect="dark"
  41 + style="width: 100%"
  42 + @selection-change="handleSelectionChange">
  43 + <el-table-column
  44 + type="selection"
  45 + width="55">
  46 + </el-table-column>
  47 + <el-table-column
  48 + prop="name"
  49 + label="客户名称"
  50 + width="120">
  51 + </el-table-column>
  52 + <el-table-column
  53 + label="日期"
  54 + width="120">
  55 + <template slot-scope="scope">{{ scope.row.taketime }}</template>
  56 + </el-table-column>
  57 + <el-table-column
  58 + prop="orig"
  59 + label="始发地"
  60 + show-overflow-tooltip>
  61 + </el-table-column>
  62 + <el-table-column
  63 + prop="dest"
  64 + label="目的地"
  65 + show-overflow-tooltip>
  66 + </el-table-column>
  67 + <el-table-column
  68 + prop="licenseno"
  69 + label="车号"
  70 + show-overflow-tooltip>
  71 + </el-table-column>
  72 + <el-table-column
  73 + prop="dispatch"
  74 + label="派单号"
  75 + show-overflow-tooltip>
  76 + </el-table-column>
  77 + <el-table-column
  78 + prop="awbh"
  79 + label="分单号"
  80 + show-overflow-tooltip>
  81 + </el-table-column>
  82 + <el-table-column
  83 + prop="awba"
  84 + label="主单号"
  85 + show-overflow-tooltip>
  86 + </el-table-column>
  87 + <el-table-column
  88 + prop="deststation"
  89 + label="目的港"
  90 + show-overflow-tooltip>
  91 + </el-table-column>
  92 + <el-table-column
  93 + prop="pcs"
  94 + label="件数"
  95 + show-overflow-tooltip>
  96 + </el-table-column>
  97 + <el-table-column
  98 + prop="weight"
  99 + label="毛重"
  100 + show-overflow-tooltip>
  101 + </el-table-column>
  102 + <el-table-column
  103 + prop="vol"
  104 + label="体积"
  105 + show-overflow-tooltip>
  106 + </el-table-column>
  107 + <el-table-column
  108 + prop="charge"
  109 + label="应收"
  110 + show-overflow-tooltip>
  111 + </el-table-column>
  112 + </el-table>
  113 + </div>
  114 + <div>
  115 + <div class="block">
  116 + <el-row>
  117 + <el-col :span="14">
  118 + <el-pagination
  119 + @size-change="handleSizeChange"
  120 + @current-change="handleCurrentChange"
  121 + :current-page="currentPage4"
  122 + :page-sizes="[20, 30, 40, 100]"
  123 + :page-size="20"
  124 + layout="total, sizes, prev, pager, next, jumper"
  125 + :total="400">
  126 + </el-pagination>
  127 + </el-col>
  128 + <el-col :span="2">
  129 + <el-button type="primary" @click="onPaidan">导入运单</el-button>
  130 + </el-col>
  131 + <el-col :span="2">
  132 + <el-button type="success" @click="onPaidan">导出</el-button>
  133 + </el-col>
  134 + </el-row>
  135 + </div>
  136 + </div>
  137 + <div>
  138 + <el-dialog
  139 + title="提示"
  140 + :visible.sync="dialogVisible"
  141 + width="30%"
  142 + :before-close="handleClose">
  143 + <el-form :inline="true" :model="submitForm" class="demo-form-inline">
  144 + <el-form-item label="主单号">
  145 + <el-input v-model="formInline.awba" placeholder="主单号"></el-input>
  146 + </el-form-item>
  147 + <el-form-item label="车号">
  148 + <el-input v-model="formInline.licenseno" placeholder="车号"></el-input>
  149 + </el-form-item>
  150 + </el-form>
  151 + <span slot="footer" class="dialog-footer">
  152 + <el-button @click="dialogVisible = false">取 消</el-button>
  153 + <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
  154 + </span>
  155 + </el-dialog>
  156 + </div>
  157 + </div>
  158 +</template>
  159 +<script>
  160 + export default {
  161 + data() {
  162 + return {
  163 + tableData: [],
  164 + multipleSelection: [],
  165 + formInline: {
  166 + awba: '',
  167 + licenseno: '',
  168 + },
  169 + pickerOptions: {
  170 + shortcuts: [{
  171 + text: '最近一周',
  172 + onClick(picker) {
  173 + const end = new Date();
  174 + const start = new Date();
  175 + start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
  176 + picker.$emit('pick', [start, end]);
  177 + }
  178 + }, {
  179 + text: '最近一个月',
  180 + onClick(picker) {
  181 + const end = new Date();
  182 + const start = new Date();
  183 + start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
  184 + picker.$emit('pick', [start, end]);
  185 + }
  186 + }, {
  187 + text: '最近三个月',
  188 + onClick(picker) {
  189 + const end = new Date();
  190 + const start = new Date();
  191 + start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
  192 + picker.$emit('pick', [start, end]);
  193 + }
  194 + }]
  195 + },
  196 + value2: '',
  197 + currentPage4: 4,
  198 + submitForm: {
  199 + awba: "",
  200 + awbh: "",
  201 + charge: 0,
  202 + createtime: "",
  203 + customer: "",
  204 + dest: "",
  205 + deststation: "",
  206 + dispatch: "",
  207 + id: "",
  208 + isdangerous: 0,
  209 + licenseno: "",
  210 + means: "",
  211 + orig: "",
  212 + pcs: 0,
  213 + pic: "",
  214 + relevance: "",
  215 + remark: "",
  216 + remark1: "",
  217 + remark2: "",
  218 + taketime: "",
  219 + vol: 0,
  220 + weight: 0
  221 + },
  222 + dialogVisible: false
  223 + }
  224 + },
  225 +
  226 + methods: {
  227 + //翻页
  228 + handleSizeChange(val) {
  229 + console.log(`每页 ${val} 条`);
  230 + },
  231 + handleCurrentChange(val) {
  232 + console.log(`当前页: ${val}`);
  233 + },
  234 + //多选选中
  235 + handleSelectionChange(val) {
  236 + this.multipleSelection = val;
  237 + console.log(this.multipleSelection)
  238 + },
  239 + //Dialog关闭提示
  240 + handleClose(done) {
  241 + this.$confirm('确认关闭？')
  242 + .then(_ => {
  243 + done();
  244 + })
  245 + .catch(_ => {});
  246 + }
  247 + }
  248 + }
  249 +</script>