朱兆平 / vue_cli · 提交

转到一个项目

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

卡口申请 添加列表

内嵌 并排对比
正在显示 3 个修改的文件 包含 475 行增加 和 3 行删除
... ... @@ -43,6 +43,9 @@ 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 Page6 from './views/nav3/Page6.vue'
import Page7 from './views/nav3/Page7.vue'
... ... @@ -114,7 +117,17 @@ let routes = [
},
// { path: '/test', component: Main },
// 货运系统--航班预配
{
path: '/',
component: Home,
name: '海关货物流转',
iconCls: 'el-icon-delete-location',
children: [
{ path: '/Page6', component: Page6, name: '申请列表' },
{ path: '/Page7', component: Page7, name: '申请添加' },
]
},
{
path: '/domdep',
component: Home,
... ... @@ -127,6 +140,9 @@ let routes = [
]
},
// 货运系统--航班预配
{
path: '/domdep',
... ... @@ -308,6 +324,7 @@ let routes = [
iconCls: 'fa fa-id-card-o',
children: [
{ path: '/location', component: Location, name: '能源缴费' },
]
},
{
... ...
<template>
<section>page6...
<section>
<!-- 工具条-->
<el-row class="toolbar" style="padding-bottom: 0px;">
<el-form :inline="true" ref="form" :model="form">
<el-row>
<el-col span="5">
<el-form-item label="车牌号：">
<el-input v-model="form.input" placeholder="" size="small"style="width: 120px"></el-input>
</el-form-item>
</el-col>
<el-col span="5">
<el-form-item label="挂靠名称:">
<el-input v-model="form.input" placeholder="" size="small" style="width: 120px"></el-input>
</el-form-item>
</el-col>
<el-col span="5">
<el-form-item label="目的场站:">
<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
<el-option label="综保区货站" value="zongbaoqu"></el-option>
<el-option label="三号货站" value="sanhao"></el-option>
<el-option label="冷链货站" value="lenglian"></el-option>
<el-option label="快邮货站" value="kuaiyou"></el-option>
<el-option label="西货站" value="xi"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col span="5">
<el-form-item label="卡 口:" style="margin-left: 10px">
<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 120px">
</el-select>
</el-form-item>
</el-col>
<el-col span="2">
<el-form-item>
<el-button type="primary" @click="" size="small">查&nbsp;&nbsp;&nbsp;询</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-row>
<!-- 列表-->
<el-row>
<el-table
:data="tableData"
border
style="width: 100%">
<el-table-column
fixed
prop="date"
label="操作">
<el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
</el-table-column>
<el-table-column
prop="name"
label="是否失效">
</el-table-column>
<el-table-column
prop="province"
label="车牌号"
width="100">
</el-table-column>
<el-table-column
prop="city"
label="挂靠单位">
</el-table-column>
<el-table-column
prop="zip"
label="目的关区">
</el-table-column>
<el-table-column
prop="name"
label="卡口">
</el-table-column>
<el-table-column
prop="province"
label="地磅称重">
</el-table-column>
<el-table-column
prop="city"
label="总货重">
</el-table-column>
<el-table-column
prop="address"
label="进出差值">
</el-table-column>
<el-table-column
prop="zip"
label="备案车重">
</el-table-column>
<el-table-column
prop="name"
label="业务类型">
</el-table-column>
<el-table-column
prop="province"
label="货物类型">
</el-table-column>
<el-table-column
prop="city"
label="二维码编号"
width="110">
</el-table-column>
<el-table-column
prop="address"
label="进出场站">
</el-table-column>
<el-table-column
prop="zip"
label="已进已出">
</el-table-column>
<el-table-column
prop="zip"
label="更新时间">
</el-table-column>
<el-table-column
fixed="right"
label="操作"
width="150">
<template slot-scope="scope">
<el-button type="success" size="mini">修改</el-button>
<el-button type="danger" size="mini">删除</el-button>
<el-button type="warning" size="mini" style="margin-top: 2px;margin-left: 0px">审核</el-button>
<el-button type="info" size="mini">异常</el-button>
</template>
</el-table-column>
</el-table>
</el-row>
<!-- 分页-->
<div class="block">
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage4"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
</el-pagination>
</div>
</section>
</template>
\ No newline at end of file
</template>
<script>
export default {
data() {
return {
tableData:[
{
date: '',
name: '未失效',
province: '晋A5ES6',
city: '河南诺畅',
address: '4604',
zip: '西货站'
}
],
currentPage4: 4,
form: {
name: '',
region: '',
date1: '',
date2: '',
delivery: false,
type: [],
resource: '',
desc: ''
}
}
},
methods: {
onSubmit() {
console.log('submit!');
},
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
}
}
}
</script>
<style scoped>
</style>
... ...
<template>
<section>
<!-- 工具条-->
<el-row class="toolbar" style="padding-bottom: 0px;">
<el-form :inline="true" ref="form" :model="form" >
<el-row>
<el-col span="8">
<el-form-item label="主单号：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 240px"></el-input>
</el-form-item>
</el-col>
<el-col span="8">
<el-form-item>
<el-button type="primary" @click="" size="small" style="margin-left: 40px">查&nbsp;&nbsp;&nbsp;询</el-button>
<span style="color: red;margin-left: 10px">查询单号前请先选定业务类型</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-row>
<!-- 列表-->
<el-row>
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
fixed
prop="date"
label="操作">
<el-button @click="handleClick(scope.row)" type="primary" size="small">查看</el-button>
</el-table-column>
<el-table-column
prop="date"
label="航班号">
</el-table-column>
<el-table-column
prop="name"
label="航班日期">
</el-table-column>
<el-table-column
prop="address"
label="航段">
</el-table-column>
<el-table-column
prop="date"
label="主单号">
</el-table-column>
<el-table-column
prop="name"
label="件数">
</el-table-column>
<el-table-column
prop="address"
label="重量">
</el-table-column>
<el-table-column
prop="date"
label="关区">
</el-table-column>
<el-table-column
prop="name"
label="时间">
</el-table-column>
<el-table-column
prop="address"
label="回执内容">
</el-table-column>
</el-table>
</el-row>
<!-- 申请表单信息-->
<el-row style="padding-bottom: 0px;">
<el-form ref="form" :model="form">
<el-row>
<el-col span="8">
<el-row>
<el-form-item label="输入备注：">
<el-input
type="text"
placeholder=""
v-model="form.text"
maxlength="10"
show-word-limit
size="small" style="width: 180px">
</el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="车牌号码：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="货物类型：">
<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 180px">
<el-option label="转关货" value="zongbaoqu"></el-option>
<el-option label="换单货" value="sanhao"></el-option>
<el-option label="普通货" value="lenglian"></el-option>
<el-option label="退库货" value="kuaiyou"></el-option>
<el-option label="查验货" value="xi"></el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="运输公司：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="挂靠单位：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
</el-form-item>
</el-row>
</el-col>
<el-col span="7">
<el-row>
<el-form-item label="是否空车：">
<el-radio v-model="radio" label="1" style="margin-left: 20px">是</el-radio>
<el-radio v-model="radio" label="2">否</el-radio>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="业务类型：">
<el-select v-model="form.region" placeholder="请选择" size="small" style="width: 180px">
<el-option label="进口提货" value="zongbaoqu"></el-option>
<el-option label="出口送货" value="sanhao"></el-option>
<el-option label="分拨业务" value="lenglian"></el-option>
<el-option label="调拨业务" value="kuaiyou"></el-option>
</el-select>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="申请单位：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="备案单位：">
<el-input v-model="form.input" placeholder="" size="small" style="width: 180px"></el-input>
</el-form-item>
</el-row>
<el-row>
<el-form-item label="主单列表：">
<el-input
type="textarea"
:rows="4"
placeholder="请输入主单号，例如17212341234，多个单号以‘，’（英文）分割"
v-model="textarea"
style="width: 180px">
</el-input>
</el-form-item>
</el-row>
</el-col>
<el-col span="3">
<el-row>
<el-form-item label="选择场站信息：" >
</el-form-item>
</el-row>
</el-col>
<el-col span="4">
<el-row>
<el-tree
:data="data"
show-checkbox
node-key="id"
:default-expanded-keys="[2, 3]">
</el-tree>
</el-row>
</el-col>
</el-row>
<el-row style="margin-left: 320px">
<el-button type="success">保&nbsp;&nbsp;&nbsp;&nbsp;存</el-button>
<el-button type="info">返&nbsp;&nbsp;&nbsp;&nbsp;回</el-button>
</el-row>
</el-form>
</el-row>
</section>
</template>
<script>
export default {
data() {
return {
form: {
input: '',
},
radio:'',
tableData:[],
data: [{
id: 1,
label: '4604',
children: [{
id: 3,
label: '西货站',
children: [{
id: 4,
label: '一号卡口进'
}, {
id: 5,
label: '一号卡口出',
}]
}, {
id: 2,
label: '军投货站',
children: [{
id: 6,
label: '一号卡口进'
}, {
id: 7,
label: '一号卡口出',
}]
}]
},
{
id: 1,
label: '4620',
children: [{
id: 3,
label: '综保区货站仓库',
children: [{
id: 4,
label: '内三卡口进'
}, {
id: 5,
label: '内三卡口出',
}]
}]
},
{
id: 1,
label: '4612',
children: [{
id: 3,
label: '综保区',
children: [{
id: 4,
label: '六号主卡口进'
}, {
id: 5,
label: '六号主卡口出',
}]
}]
}],
defaultProps: {
children: 'children',
label: 'label'
},
textarea: ''
}
},
methods: {
},
}
</script>
<style scoped>
/*.father{*/
/* position: relative;*/
/*}*/
/*.sun{*/
/* position: absolute;*/
/* top:-220px;*/
/* right:80px*/
/*}*/
</style>
... ...