朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 166a4132319871f82dbe123c81ac51f6a37816e0 1 个父辈 81a05f42

卡口申请 添加列表

内嵌 并排对比
正在显示 3 个修改的文件 包含 475 行增加 和 3 行删除
@@ -43,6 +43,9 @@ import booking from './views/nav4/booking.vue' @@ -43,6 +43,9 @@ import booking from './views/nav4/booking.vue'
43 import order from './views/nav4/order.vue' 43 import order from './views/nav4/order.vue'
44 import airlift from './views/nav4/airlift.vue' 44 import airlift from './views/nav4/airlift.vue'
45 import inquiry from './views/nav4/inquiry.vue' 45 import inquiry from './views/nav4/inquiry.vue'
  46 +import Page6 from './views/nav3/Page6.vue'
  47 +import Page7 from './views/nav3/Page7.vue'
  48 +
46 49
47 50
48 51
@@ -114,7 +117,17 @@ let routes = [ @@ -114,7 +117,17 @@ let routes = [
114 }, 117 },
115 // { path: '/test', component: Main }, 118 // { path: '/test', component: Main },
116 119
117 - // 货运系统--航班预配 120 + {
  121 + path: '/',
  122 + component: Home,
  123 + name: '海关货物流转',
  124 + iconCls: 'el-icon-delete-location',
  125 + children: [
  126 + { path: '/Page6', component: Page6, name: '申请列表' },
  127 + { path: '/Page7', component: Page7, name: '申请添加' },
  128 + ]
  129 + },
  130 +
118 { 131 {
119 path: '/domdep', 132 path: '/domdep',
120 component: Home, 133 component: Home,
@@ -127,6 +140,9 @@ let routes = [ @@ -127,6 +140,9 @@ let routes = [
127 ] 140 ]
128 }, 141 },
129 142
  143 +
  144 +
  145 +
130 // 货运系统--航班预配 146 // 货运系统--航班预配
131 { 147 {
132 path: '/domdep', 148 path: '/domdep',
@@ -308,6 +324,7 @@ let routes = [ @@ -308,6 +324,7 @@ let routes = [
308 iconCls: 'fa fa-id-card-o', 324 iconCls: 'fa fa-id-card-o',
309 children: [ 325 children: [
310 { path: '/location', component: Location, name: '能源缴费' }, 326 { path: '/location', component: Location, name: '能源缴费' },
  327 +
311 ] 328 ]
312 }, 329 },
313 { 330 {
1 <template> 1 <template>
2 - <section>page6... 2 + <section>
  3 +<!-- 工具条-->
  4 + <el-row class="toolbar" style="padding-bottom: 0px;">
  5 + <el-form :inline="true" ref="form" :model="form">
  6 + <el-row>
  7 + <el-col span="5">
  8 + <el-form-item label="车牌号：">
  9 + <el-input v-model="form.input" placeholder="" size="small"style="width: 120px"></el-input>
  10 + </el-form-item>
  11 + </el-col>
  12 + <el-col span="5">
  13 + <el-form-item label="挂靠名称:">
  14 + <el-input v-model="form.input" placeholder="" size="small" style="width: 120px"></el-input>
  15 + </el-form-item>
  16 + </el-col>
  17 + <el-col span="5">
  18 + <el-form-item label="目的场站:">
  19 + <el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
  20 + <el-option label="综保区货站" value="zongbaoqu"></el-option>
  21 + <el-option label="三号货站" value="sanhao"></el-option>
  22 + <el-option label="冷链货站" value="lenglian"></el-option>
  23 + <el-option label="快邮货站" value="kuaiyou"></el-option>
  24 + <el-option label="西货站" value="xi"></el-option>
  25 + </el-select>
  26 + </el-form-item>
  27 + </el-col>
  28 + <el-col span="5">
  29 + <el-form-item label="卡 口:" style="margin-left: 10px">
  30 + <el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
  31 + </el-select>
  32 + </el-form-item>
  33 + </el-col>
  34 + <el-col span="2">
  35 + <el-form-item>
  36 + <el-button type="primary" @click="" size="small">查&nbsp;&nbsp;&nbsp;询</el-button>
  37 + </el-form-item>
  38 + </el-col>
  39 + </el-row>
  40 + </el-form>
  41 + </el-row>
  42 +<!-- 列表-->
  43 + <el-row>
  44 + <el-table
  45 + :data="tableData"
  46 + border
  47 + style="width: 100%">
  48 + <el-table-column
  49 + fixed
  50 + prop="date"
  51 + label="操作">
  52 + <el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
  53 + </el-table-column>
  54 + <el-table-column
  55 + prop="name"
  56 + label="是否失效">
  57 + </el-table-column>
  58 + <el-table-column
  59 + prop="province"
  60 + label="车牌号"
  61 + width="100">
  62 + </el-table-column>
  63 + <el-table-column
  64 + prop="city"
  65 + label="挂靠单位">
  66 + </el-table-column>
  67 + <el-table-column
  68 + prop="zip"
  69 + label="目的关区">
  70 + </el-table-column>
  71 + <el-table-column
  72 + prop="name"
  73 + label="卡口">
  74 + </el-table-column>
  75 + <el-table-column
  76 + prop="province"
  77 + label="地磅称重">
  78 + </el-table-column>
  79 + <el-table-column
  80 + prop="city"
  81 + label="总货重">
  82 + </el-table-column>
  83 + <el-table-column
  84 + prop="address"
  85 + label="进出差值">
  86 + </el-table-column>
  87 + <el-table-column
  88 + prop="zip"
  89 + label="备案车重">
  90 + </el-table-column>
  91 + <el-table-column
  92 + prop="name"
  93 + label="业务类型">
  94 + </el-table-column>
  95 + <el-table-column
  96 + prop="province"
  97 + label="货物类型">
  98 + </el-table-column>
  99 + <el-table-column
  100 + prop="city"
  101 + label="二维码编号"
  102 + width="110">
  103 + </el-table-column>
  104 + <el-table-column
  105 + prop="address"
  106 + label="进出场站">
  107 + </el-table-column>
  108 + <el-table-column
  109 + prop="zip"
  110 + label="已进已出">
  111 + </el-table-column>
  112 + <el-table-column
  113 + prop="zip"
  114 + label="更新时间">
  115 + </el-table-column>
  116 + <el-table-column
  117 + fixed="right"
  118 + label="操作"
  119 + width="150">
  120 + <template slot-scope="scope">
  121 + <el-button type="success" size="mini">修改</el-button>
  122 + <el-button type="danger" size="mini">删除</el-button>
  123 + <el-button type="warning" size="mini" style="margin-top: 2px;margin-left: 0px">审核</el-button>
  124 + <el-button type="info" size="mini">异常</el-button>
  125 + </template>
  126 + </el-table-column>
  127 + </el-table>
  128 + </el-row>
  129 + <!-- 分页-->
  130 + <div class="block">
  131 + <el-pagination
  132 + @size-change="handleSizeChange"
  133 + @current-change="handleCurrentChange"
  134 + :current-page="currentPage4"
  135 + :page-sizes="[100, 200, 300, 400]"
  136 + :page-size="100"
  137 + layout="total, sizes, prev, pager, next, jumper"
  138 + :total="400">
  139 + </el-pagination>
  140 + </div>
3 </section> 141 </section>
4 -</template>  
  142 +</template>
  143 +
  144 +<script>
  145 + export default {
  146 + data() {
  147 + return {
  148 + tableData:[
  149 + {
  150 + date: '',
  151 + name: '未失效',
  152 + province: '晋A5ES6',
  153 + city: '河南诺畅',
  154 + address: '4604',
  155 + zip: '西货站'
  156 + }
  157 + ],
  158 + currentPage4: 4,
  159 + form: {
  160 + name: '',
  161 + region: '',
  162 + date1: '',
  163 + date2: '',
  164 + delivery: false,
  165 + type: [],
  166 + resource: '',
  167 + desc: ''
  168 + }
  169 + }
  170 + },
  171 + methods: {
  172 + onSubmit() {
  173 + console.log('submit!');
  174 + },
  175 + handleSizeChange(val) {
  176 + console.log(`每页 ${val} 条`);
  177 + },
  178 + handleCurrentChange(val) {
  179 + console.log(`当前页: ${val}`);
  180 + }
  181 + }
  182 + }
  183 +</script>
  184 +
  185 +<style scoped>
  186 +
  187 +
  188 +</style>
  1 +<template>
  2 + <section>
  3 + <!-- 工具条-->
  4 + <el-row class="toolbar" style="padding-bottom: 0px;">
  5 + <el-form :inline="true" ref="form" :model="form" >
  6 + <el-row>
  7 + <el-col span="8">
  8 + <el-form-item label="主单号：">
  9 + <el-input v-model="form.input" placeholder="" size="small" style="width: 240px"></el-input>
  10 + </el-form-item>
  11 + </el-col>
  12 + <el-col span="8">
  13 + <el-form-item>
  14 + <el-button type="primary" @click="" size="small" style="margin-left: 40px">查&nbsp;&nbsp;&nbsp;询</el-button>
  15 + <span style="color: red;margin-left: 10px">查询单号前请先选定业务类型</span>
  16 + </el-form-item>
  17 + </el-col>
  18 + </el-row>
  19 + </el-form>
  20 + </el-row>
  21 + <!-- 列表-->
  22 + <el-row>
  23 + <el-table
  24 + :data="tableData"
  25 + style="width: 100%">
  26 + <el-table-column
  27 + fixed
  28 + prop="date"
  29 + label="操作">
  30 + <el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
  31 + </el-table-column>
  32 + <el-table-column
  33 + prop="date"
  34 + label="航班号">
  35 + </el-table-column>
  36 + <el-table-column
  37 + prop="name"
  38 + label="航班日期">
  39 + </el-table-column>
  40 + <el-table-column
  41 + prop="address"
  42 + label="航段">
  43 + </el-table-column>
  44 + <el-table-column
  45 + prop="date"
  46 + label="主单号">
  47 + </el-table-column>
  48 + <el-table-column
  49 + prop="name"
  50 + label="件数">
  51 + </el-table-column>
  52 + <el-table-column
  53 + prop="address"
  54 + label="重量">
  55 + </el-table-column>
  56 + <el-table-column
  57 + prop="date"
  58 + label="关区">
  59 + </el-table-column>
  60 + <el-table-column
  61 + prop="name"
  62 + label="时间">
  63 + </el-table-column>
  64 + <el-table-column
  65 + prop="address"
  66 + label="回执内容">
  67 + </el-table-column>
  68 + </el-table>
  69 + </el-row>
  70 + <!-- 申请表单信息-->
  71 + <el-row style="padding-bottom: 0px;">
  72 + <el-form ref="form" :model="form">
  73 + <el-row>
  74 + <el-col span="8">
  75 + <el-row>
  76 + <el-form-item label="输入备注：">
  77 + <el-input
  78 + type="text"
  79 + placeholder=""
  80 + v-model="form.text"
  81 + maxlength="10"
  82 + show-word-limit
  83 + size="small" style="width: 180px">
  84 + </el-input>
  85 + </el-form-item>
  86 + </el-row>
  87 + <el-row>
  88 + <el-form-item label="车牌号码：">
  89 + <el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
  90 + </el-form-item>
  91 + </el-row>
  92 + <el-row>
  93 + <el-form-item label="货物类型：">
  94 + <el-select v-model="form.region" placeholder="请选择" size="small" style="width: 180px">
  95 + <el-option label="转关货" value="zongbaoqu"></el-option>
  96 + <el-option label="换单货" value="sanhao"></el-option>
  97 + <el-option label="普通货" value="lenglian"></el-option>
  98 + <el-option label="退库货" value="kuaiyou"></el-option>
  99 + <el-option label="查验货" value="xi"></el-option>
  100 + </el-select>
  101 + </el-form-item>
  102 + </el-row>
  103 + <el-row>
  104 + <el-form-item label="运输公司：">
  105 + <el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
  106 + </el-form-item>
  107 + </el-row>
  108 + <el-row>
  109 + <el-form-item label="挂靠单位：">
  110 + <el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
  111 + </el-form-item>
  112 + </el-row>
  113 + </el-col>
  114 + <el-col span="7">
  115 + <el-row>
  116 + <el-form-item label="是否空车：">
  117 + <el-radio v-model="radio" label="1" style="margin-left: 20px">是</el-radio>
  118 + <el-radio v-model="radio" label="2">否</el-radio>
  119 + </el-form-item>
  120 + </el-row>
  121 + <el-row>
  122 + <el-form-item label="业务类型：">
  123 + <el-select v-model="form.region" placeholder="请选择" size="small" style="width: 180px">
  124 + <el-option label="进口提货" value="zongbaoqu"></el-option>
  125 + <el-option label="出口送货" value="sanhao"></el-option>
  126 + <el-option label="分拨业务" value="lenglian"></el-option>
  127 + <el-option label="调拨业务" value="kuaiyou"></el-option>
  128 + </el-select>
  129 + </el-form-item>
  130 +
  131 + </el-row>
  132 + <el-row>
  133 + <el-form-item label="申请单位：">
  134 + <el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
  135 + </el-form-item>
  136 + </el-row>
  137 + <el-row>
  138 + <el-form-item label="备案单位：">
  139 + <el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
  140 + </el-form-item>
  141 +
  142 + </el-row>
  143 + <el-row>
  144 + <el-form-item label="主单列表：">
  145 + <el-input
  146 + type="textarea"
  147 + :rows="4"
  148 + placeholder="请输入主单号，例如17212341234，多个单号以‘，’（英文）分割"
  149 + v-model="textarea"
  150 + style="width: 180px">
  151 + </el-input>
  152 + </el-form-item>
  153 + </el-row>
  154 +
  155 + </el-col>
  156 + <el-col span="3">
  157 + <el-row>
  158 + <el-form-item label="选择场站信息：" >
  159 + </el-form-item>
  160 + </el-row>
  161 + </el-col>
  162 + <el-col span="4">
  163 + <el-row>
  164 + <el-tree
  165 + :data="data"
  166 + show-checkbox
  167 + node-key="id"
  168 + :default-expanded-keys="[2, 3]">
  169 + </el-tree>
  170 + </el-row>
  171 + </el-col>
  172 + </el-row>
  173 + <el-row style="margin-left: 320px">
  174 + <el-button type="success">保&nbsp;&nbsp;&nbsp;&nbsp;存</el-button>
  175 + <el-button type="info">返&nbsp;&nbsp;&nbsp;&nbsp;回</el-button>
  176 + </el-row>
  177 + </el-form>
  178 + </el-row>
  179 + </section>
  180 +
  181 +</template>
  182 +
  183 +<script>
  184 + export default {
  185 + data() {
  186 + return {
  187 + form: {
  188 + input: '',
  189 + },
  190 + radio:'',
  191 + tableData:[],
  192 + data: [{
  193 + id: 1,
  194 + label: '4604',
  195 + children: [{
  196 + id: 3,
  197 + label: '西货站',
  198 + children: [{
  199 + id: 4,
  200 + label: '一号卡口进'
  201 + }, {
  202 + id: 5,
  203 + label: '一号卡口出',
  204 + }]
  205 + }, {
  206 + id: 2,
  207 + label: '军投货站',
  208 + children: [{
  209 + id: 6,
  210 + label: '一号卡口进'
  211 + }, {
  212 + id: 7,
  213 + label: '一号卡口出',
  214 + }]
  215 + }]
  216 + },
  217 + {
  218 + id: 1,
  219 + label: '4620',
  220 + children: [{
  221 + id: 3,
  222 + label: '综保区货站仓库',
  223 + children: [{
  224 + id: 4,
  225 + label: '内三卡口进'
  226 + }, {
  227 + id: 5,
  228 + label: '内三卡口出',
  229 + }]
  230 + }]
  231 + },
  232 + {
  233 + id: 1,
  234 + label: '4612',
  235 + children: [{
  236 + id: 3,
  237 + label: '综保区',
  238 + children: [{
  239 + id: 4,
  240 + label: '六号主卡口进'
  241 + }, {
  242 + id: 5,
  243 + label: '六号主卡口出',
  244 + }]
  245 + }]
  246 + }],
  247 + defaultProps: {
  248 + children: 'children',
  249 + label: 'label'
  250 + },
  251 + textarea: ''
  252 + }
  253 + },
  254 + methods: {
  255 +
  256 + },
  257 + }
  258 +</script>
  259 +
  260 +<style scoped>
  261 + /*.father{*/
  262 + /* position: relative;*/
  263 + /*}*/
  264 + /*.sun{*/
  265 + /* position: absolute;*/
  266 + /* top:-220px;*/
  267 + /* right:80px*/
  268 + /*}*/
  269 +
  270 +
  271 +</style>