朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 549a1db9fae5e98a3d375c46b52b510aece8eef1 1 个父辈 14f237e0

易通链快速通关申报平台页面优化

内嵌 并排对比
正在显示 16 个修改的文件 包含 84 行增加 和 38 行删除
... ... @@ -8,7 +8,7 @@
<div class="tools" @click.prevent="collapse" style="width: 15px;margin-top: 72px;margin-left:1px;z-index:9999;position:absolute;">
<!-- ;margin-top: 80px;z-index:9999;margin-left: 170px-->
<!-- <i class="el-icon-s-operation" style="color: rgb(38,56,76)"></i>-->
<img :class="[rotate?'go':'aa']" @click="start" width="23" height="49" src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAArklEQVRYhe3YIQ4CMRBG4b+IOhyS26DXEjySBE6A4QSINasRSAx3guBJECTdLMn6dtp0Be8loz/Tjhh3OLVBEzSbAhUwMDAwMDAwMDAw8B/A5+PuNzEtF/NycGwDut9u6sIj6r2vB6eiRWALmg1b0SzYOWndrExoFhyC1F3vejxfdeGh9+er9nIz4dmPy4oX+U4WvNgCScWLrswRj4k7FzAwMDAwMDAwMDBwYnLqAfLHOpMP7/PBAAAAAElFTkSuQmCC">
<img :class="[rotate?'go':'aa']" @click="start" width="20" height="44" src="data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABCCAYAAABAfGYuAAAArklEQVRYhe3YIQ4CMRBG4b+IOhyS26DXEjySBE6A4QSINasRSAx3guBJECTdLMn6dtp0Be8loz/Tjhh3OLVBEzSbAhUwMDAwMDAwMDAw8B/A5+PuNzEtF/NycGwDut9u6sIj6r2vB6eiRWALmg1b0SzYOWndrExoFhyC1F3vejxfdeGh9+er9nIz4dmPy4oX+U4WvNgCScWLrswRj4k7FzAwMDAwMDAwMDBwYnLqAfLHOpMP7/PBAAAAAElFTkSuQmCC">
</div>
<!-- 标签i的图标 fa-align-justify-->
</el-col>
... ... @@ -80,7 +80,7 @@
</li>
</ul>
</aside>
<div class="tabM" v-bind:style="{width: myWidth}">
<div class="tabM">
<TabMenu></TabMenu>
</div>
... ... @@ -506,8 +506,9 @@
}
.tabM{
display: inline-block;
min-width: 870px;
min-width: 758px;
max-width: 1190px;
padding-right: 15px;
}
.go{
transform:rotate(-180deg);
... ...
... ... @@ -29,7 +29,10 @@
</el-col>
<!--列表-->
<el-table :data="processList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="processList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="index" width="60">
... ... @@ -40,7 +43,7 @@
</el-table-column>
<el-table-column prop="auditresuld" label="执行状态" min-width="80" :formatter="formatType" sortable>
</el-table-column>
<el-table-column label="操作" min-width="260">
<el-table-column label="操作" min-width="260" fixed="right">
<template slot-scope="scope">
<el-button size="small" @click="startJob(scope.$index, scope.row)">开始执行</el-button>
<el-button size="small" @click="setPerm(scope.$index, scope.row)">完成任务</el-button>
... ...
... ... @@ -28,7 +28,10 @@
</el-col>
<!--列表-->
<el-table :data="processList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="processList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<el-table-column type="index" width="60">
... ... @@ -54,7 +57,7 @@
</el-table-column>
<el-table-column prop="processstatus" label="工单状态" min-width="80" :formatter="formatState" sortable>
</el-table-column>
<el-table-column label="操作" min-width="260">
<el-table-column label="操作" min-width="260" fixed="right">
<template slot-scope="scope">
<!--<el-button size="small" @click="setPerm(scope.$index, scope.row)">分配工单</el-button>-->
<el-button size="small" @click="shwoDialog(scope.$index, scope.row)">查看内容</el-button>
... ...
... ... @@ -42,7 +42,9 @@
</el-row>
</div>
<tree-table v-loading="listLoading" :data="manifestData" :eval-func="func" :expand-all="true"
style="font-size: 13px" border @selection-change="handleSelectionChange"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
tooltip-effect="dark" border @selection-change="handleSelectionChange"
:row-class-name="tableRowClassName">
<el-table-column label="航班号" width="80px" align="center">
<template slot-scope="scope">
... ... @@ -115,7 +117,7 @@
<!--</div>-->
</template>
</el-table-column>
<el-table-column label="操作" width="180px" align="center">
<el-table-column label="操作" width="180px" align="center" fixed="right">
<template slot-scope="scope">
<a style="color: #1d8ce0; margin-right: 5px" v-if="scope.row.messageType==='MT2201'" @click="handleUpdate(scope.row)">预配舱单</a>
<a style="color: #1d8ce0; margin-right: 5px" v-if="scope.row.messageType==='MT3201'" @click="handleUpdate(scope.row)">出港运抵</a>
... ...
... ... @@ -10,7 +10,9 @@
<span style="color: red">注：主分单必须同时为空或者同时不为空</span>
</div>
<tree-table v-loading="listLoading" :data="lostLoadData" :eval-func="func" :expand-all="true"
style="font-size: 12px" border>
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
tooltip-effect="dark" border>
<el-table-column label="航班号" width="70px" align="center">
<template slot-scope="scope">
<span>{{ scope.row.carrier }}{{ scope.row.flightno }}</span>
... ... @@ -86,7 +88,7 @@
<span>{{ scope.row.ext5 }}</span>
</template>
</el-table-column>
<el-table-column label="操作" width="220px" align="center">
<el-table-column label="操作" width="220px" align="center" fixed="right">
<template slot-scope="scope">
<el-button size="mini" type="primary" @click="handleLostLoad(scope.row)"
:disabled="scope.row.offload ==='002'">落装申请
... ...
... ... @@ -15,7 +15,10 @@
</el-form>
</el-col>
<!--列表-->
<el-table :data="logs" highlight-current-row border v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="logs" highlight-current-row border v-loading="listLoading" @selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="index" width="60" align="center">
</el-table-column>
<el-table-column prop="logid" label="ID" width="80" sortable align="center">
... ...
... ... @@ -16,7 +16,10 @@
</el-col>
<!--列表-->
<el-table :data="tableList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;height:600px;overflow: scroll"
<el-table :data="tableList" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
row-key="permissionId"
border
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
... ... @@ -35,7 +38,7 @@
</el-table-column>
<el-table-column prop="url" label="访问路径" width="300" sortable>
</el-table-column>
<el-table-column label="操作" min-width="100">
<el-table-column label="操作" min-width="100" fixed="right">
<template slot-scope="scope">
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
... ...
... ... @@ -16,10 +16,13 @@
</el-col>
<!--列表-->
<el-table :data="roles" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;"
<el-table :data="roles" highlight-current-row v-loading="listLoading" @selection-change="selsChange"
default-expand-all
row-key="roleId"
border
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column type="selection" width="55">
</el-table-column>
... ... @@ -41,7 +44,7 @@
</el-table-column>
<el-table-column prop="mqcode" label="海关通道编号" min-width="150" >
</el-table-column>
<el-table-column label="操作" min-width="260">
<el-table-column label="操作" min-width="260" fixed="right">
<template slot-scope="scope">
<el-button type="primary" size="small" @click="handleAdd(scope.$index, scope.row)">新增下级</el-button>
<el-button size="small" @click="setPerm(scope.$index, scope.row)">设置权限</el-button>
... ...
... ... @@ -19,7 +19,11 @@
</el-col>
<!--列表-->
<el-table :data="users" highlight-current-row border v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
<el-table :data="users" highlight-current-row border v-loading="listLoading"
@selection-change="selsChange"
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column type="selection" width="55">
</el-table-column>
<!--<el-table-column type="index" width="60">-->
... ... @@ -44,7 +48,7 @@
</el-table-column>
<el-table-column prop="state" label="启用" width="100" :formatter="formatState" sortable>
</el-table-column>
<el-table-column label="操作" width="250">
<el-table-column label="操作" width="250" fixed="right">
<template slot-scope="scope">
<el-button size="small" @click="roleEdit(scope.$index, scope.row)">角色配置</el-button>
<el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
... ...
... ... @@ -57,6 +57,8 @@
<el-table-column prop="receiptinformation" label="回执内容" width="280px">
</el-table-column>
</el-table>
<div style="margin-left: 1190px">
</div>
</el-row>
<!-- 申请表单信息-->
<el-row style="padding-bottom: 0px;">
... ...
<template>
<div style="height: 850px;overflow: scroll;">
<div style="height: 850px;overflow: scroll;margin-left: 25px">
<table class="tl" style="margin-top: 40px;font-size:small" border="1px" cellspacing="0px">
<tbody>
<tr>
... ...
... ... @@ -516,6 +516,8 @@
</el-tab-pane>
</el-tabs>
</el-col>
<div style="margin-left: 1190px">
</div>
</el-row>
</el-main>
</el-container>
... ...
<template>
<el-container>
<el-container style="height: 550px;overflow:auto;">
<el-main style="background-color: #EAEAEA">
<!-- 航班号查询-->
<el-row style="height: 180px">
... ... @@ -62,7 +62,9 @@
<el-col :span="23">
<el-table
:data="listDate"
style="width: 100%">
tooltip-effect="dark"
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small">
<el-table-column prop="fplt" label="计划离港">
</el-table-column>
<el-table-column label="航班号">
... ...
... ... @@ -4,22 +4,24 @@
<!-- 搜素区域 -->
<div>
<el-row :gutter="10">
<el-col :span="4">
<el-col :span="5">
<el-input v-model="bayonet_queryInfo.stationName" prefix-icon="el-icon-search" size="small"
placeholder="场站名称" clearable></el-input>
</el-col>
<el-col :span="4">
<el-col :span="5">
<el-input v-model="bayonet_queryInfo.name" prefix-icon="el-icon-search" size="small"
placeholder="卡口名称" clearable></el-input>
</el-col>
<el-col :span="4">
<el-col :span="5">
<el-input v-model="bayonet_queryInfo.channel" prefix-icon="el-icon-search" size="small"
placeholder="通道编号" clearable></el-input>
</el-col>
<el-col :span="8">
<el-col :span="5">
<el-button type="success" style="width:120px" size="small" @click="bayonet_getList">
查询
</el-button>
</el-col>
<el-col :span="4">
<el-button type="primary" style="width:120px" size="small" @click="bayonet_toAddDialog">
卡口添加
</el-button>
... ... @@ -29,7 +31,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="bayonet_page.bayonetList" border size="mini"
<el-table :data="bayonet_page.bayonetList" border
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
tooltip-effect="dark"
v-loading="bayonet_loading.listLoading" element-loading-text="获取卡口列表，拼命加载中">
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="场站名称" prop="yard.name" align="center" width="120"></el-table-column>
... ... @@ -43,7 +48,7 @@
</template>
</el-table-column>
<el-table-column label="备注信息" prop="remarks" align="center" width="200"></el-table-column>
<el-table-column label="操作" width="140px" align="center">
<el-table-column label="操作" align="center" fixed="right">
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-edit" size="mini"
... ...
... ... @@ -4,19 +4,20 @@
<!-- 搜素区域 -->
<div>
<el-row :gutter="10">
<el-col :span="4">
<el-col :span="5">
<el-input v-model="warehouse_queryInfo.stationName" prefix-icon="el-icon-search" size="small"
placeholder="场站名称" clearable></el-input>
</el-col>
<el-col :span="4">
<el-col :span="5">
<el-input v-model="warehouse_queryInfo.name" prefix-icon="el-icon-search" size="small"
placeholder="仓库名称" clearable></el-input>
</el-col>
<el-col :span="8">
<el-col :span="5">
<el-button type="success" style="width:120px" size="small" @click="warehouse_getList">
查询
</el-button>
</el-col>
<el-col :span="5">
<el-button type="primary" style="width:120px" size="small" @click="warehouse_toAddDialog">
仓库添加
</el-button>
... ... @@ -26,7 +27,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="warehouse_page.warehouseList" border size="mini"
<el-table :data="warehouse_page.warehouseList" border
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
tooltip-effect="dark"
v-loading="warehouse_loading.listLoading" element-loading-text="获取仓库列表，拼命加载中">
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="场站名称" prop="yard.name" align="center" width="120"></el-table-column>
... ... @@ -45,7 +49,7 @@
<el-table-column label="仓库面积（平方米）" prop="warehouseArea" align="center" width="140"></el-table-column>
<el-table-column label="仓库体积（立方米）" prop="warehouseVolume" align="center" width="140"></el-table-column>
<el-table-column label="备注信息" prop="remarks" align="center" width="200"></el-table-column>
<el-table-column label="操作" width="160px" align="center" fixed="right">
<el-table-column label="操作" align="center" fixed="right">
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-edit" size="mini"
... ... @@ -61,6 +65,7 @@
</template>
</el-table-column>
</el-table>
<div style="margin-left: 1190px"></div>
</div>
<!-- 分页区域 -->
... ...
... ... @@ -4,18 +4,20 @@
<!-- 搜素区域 -->
<div>
<el-row :gutter="10">
<el-col :span="4">
<el-col :span="5">
<el-input v-model="yard_queryInfo.name" prefix-icon="el-icon-search" size="small"
placeholder="场站名称" clearable></el-input>
</el-col>
<el-col :span="4">
<el-col :span="5">
<el-input v-model="yard_queryInfo.customsCode" prefix-icon="el-icon-search" size="small"
placeholder="关区代码" clearable></el-input>
</el-col>
<el-col :span="8">
<el-col :span="5">
<el-button type="success" style="width:120px" size="small" @click="yard_getList">
查询
</el-button>
</el-col>
<el-col :span="5">
<el-button type="primary" style="width:120px" size="small" @click="yard_toAddDialog">
场站添加
</el-button>
... ... @@ -25,7 +27,10 @@
<!-- 列表区域 -->
<div style="margin-top: 20px;">
<el-table :data="yard_page.yardList" border size="mini"
<el-table :data="yard_page.yardList" border
style="border-radius: 10px 10px 0px 0px;line-height: 25px;"
:header-cell-style="{background:'#6F8294',color:'#FFFFFF'}" size="small"
tooltip-effect="dark"
v-loading="yard_loading.listLoading" element-loading-text="获取场站列表，拼命加载中">
<el-table-column type="index" align="center"></el-table-column>
<el-table-column label="场站名称" prop="name" align="center" width="120"></el-table-column>
... ... @@ -33,7 +38,7 @@
<el-table-column label="场站编号" prop="stationId" align="center" width="120"></el-table-column>
<el-table-column label="关区代码" prop="customsCode" align="center" width="120"></el-table-column>
<el-table-column label="备注信息" prop="remarks" align="center" width="200"></el-table-column>
<el-table-column label="操作" width="140px" align="center">
<el-table-column label="操作" align="center" fixed="right">
<template slot-scope="scope">
<el-tooltip effect="dark" content="编辑" placement="top-start" :enterable="false">
<el-button type="text" icon="el-icon-edit" size="mini"
... ... @@ -49,6 +54,7 @@
</template>
</el-table-column>
</el-table>
<div style="margin-left: 1190px"></div>
</div>
<!-- 分页区域 -->
... ...