朱兆平 / vue_cli · 提交

转到一个项目

作者 小范
提交 c14ac4f500b41f4ef068ab08ec7ee4dc55c66e1f 1 个父辈 dacfe41e

进港业务申报各界面优化

内嵌 并排对比
正在显示 7 个修改的文件 包含 315 行增加 和 292 行删除
... ... @@ -5,70 +5,76 @@
<el-col :span="24"><div class="grid-content content co">进港运单分拨申报</div></el-col>
</el-row>
<!--查询条件-->
<el-row>
<el-col :span="6">
<div class="grid-content">
<el-input placeholder="" v-model="defaultQuery.awba">
<template slot="prepend">主单号</template>
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<el-input placeholder="" v-model="defaultQuery.carrier">
<template slot="prepend">承运人</template>
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<el-input placeholder="" v-model="defaultQuery.flightno">
<template slot="prepend">航班号</template>
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<div class="block">
<el-date-picker
v-model="defaultQuery.flightdate"
value-format="yyyy-MM-dd"
type="date"
placeholder="航班日期">
</el-date-picker>
</div>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="grid-content">
<el-select v-model="defaultQuery.status" placeholder="选择状态" class="sel">
<el-row style="display: block;background-color: white;padding-left: 5px">
<el-row>
<el-col :span="6">
<span>
主单号
</span>
<el-input placeholder="" v-model="defaultQuery.awba" style="width: 150px">
</el-input>
</el-col>
<el-col :span="6">
<span>
承运人
</span>
<el-input placeholder="" v-model="defaultQuery.carrier" style="width: 150px">
</el-input>
</el-col>
<el-col :span="6">
<span>
航班号
</span>
<el-input placeholder="" v-model="defaultQuery.flightno" style="width: 150px">
</el-input>
</el-col>
<el-col :span="6">
<span>
航班日期
</span>
<el-date-picker
v-model="defaultQuery.flightdate"
value-format="yyyy-MM-dd"
type="date" style="width: 150px"
placeholder="航班日期">
</el-date-picker>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<span>
业务状态
</span>
<el-select v-model="defaultQuery.status" placeholder="选择状态" style="width: 150px">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
<el-col :span="6">
<span>
报文类型
</span>
<el-select v-model="defaultQuery.turntype" placeholder="报文类型" style="width: 150px">
<el-option
v-for="item in options"
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</el-col>
<el-col :span="5">
<el-select v-model="defaultQuery.turntype" placeholder="报文类型" class="sel">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
<el-col :span="5">
<el-col :span="8" style="margin-right: 0px">
<el-button v-on:click="Query" type="primary">查询</el-button>
</el-col>
</el-col>
<el-col :span="6">
<el-col :span="8" style="margin-right: 0px">
<el-button v-on:click="Query" type="primary">查询</el-button>
</el-col>
</el-col>
</el-row>
</el-row>
<!--查询列表-->
<el-row>
<el-col :span="24">
... ... @@ -153,65 +159,65 @@
</el-table-column>
<el-table-column
label="修改状态"
width="550">
width="480">
<template slot-scope="scope">
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="primary"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-else
size="mini"
type="primary"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="primary"
:disabled="btSendStatusFormater(scope.row.status)"
@click="importSend(scope.$index, scope.row)">申请分拨
</el-button>
<el-button
v-else
size="mini"
type="primary"
:disabled="btSendStatusFormater(scope.row.status)"
@click="arriveSend(scope.$index, scope.row)">分拨运抵
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="primary"
@click="importEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button
v-else
size="mini"
type="primary"
@click="arriveEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="primary"
:disabled="btDeleStatusFormater(scope.row.status)"
@click="importDel(scope.$index, scope.row)">申请分拨删除
</el-button>
<el-button
v-else
size="mini"
type="primary"
:disabled="btDeleStatusFormater(scope.row.status)"
@click="arriveDel(scope.$index, scope.row)">分拨运抵删除
</el-button>
<el-button
size="mini"
type="primary"
@click="UpdateStatus(scope.$index, scope.row)">更改状态
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="info"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-else
size="mini"
type="info"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="success"
@click="importEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button
v-else
size="mini"
type="success"
@click="arriveEdit(scope.$index, scope.row)">编辑
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="primary"
:disabled="btSendStatusFormater(scope.row.status)"
@click="importSend(scope.$index, scope.row)">申请分拨
</el-button>
<el-button
v-else
size="mini"
type="primary"
:disabled="btSendStatusFormater(scope.row.status)"
@click="arriveSend(scope.$index, scope.row)">分拨运抵
</el-button>
<el-button
size="mini"
type="warning"
@click="UpdateStatus(scope.$index, scope.row)">更改状态
</el-button>
<el-button
v-if="scope.row.turntype=='MT6202'"
size="mini"
type="danger"
:disabled="btDeleStatusFormater(scope.row.status)"
@click="importDel(scope.$index, scope.row)">申请分拨删除
</el-button>
<el-button
v-else
size="mini"
type="danger"
:disabled="btDeleStatusFormater(scope.row.status)"
@click="arriveDel(scope.$index, scope.row)">分拨运抵删除
</el-button>
</template>
</el-table-column>
</el-table>
... ... @@ -226,7 +232,7 @@
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-sizes="[10, 200, 300, 400]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
... ... @@ -602,7 +608,7 @@
multipleSelection: [],
labelPosition:'left',
currentPage:1,
pageSize:100,
pageSize:10,
total:0,
dialogStatus:'',
IouterVisible: false,
... ... @@ -1037,4 +1043,4 @@
this.getList();
}
}
</script>
\ No newline at end of file
</script>
... ...
... ... @@ -9,13 +9,13 @@
<el-row>
<el-col :span="24"><div class="grid-content"><h1>Please Enter The Flight Information：</h1></div></el-col>
</el-row>
<el-row type="flex" class="row-bg" justify="center">
<el-row type="flex" class="row-bg" justify="center" style="margin-top: 30px">
<el-col :span="5">
<el-form-item label="航班号" prop="flightno">
<el-input placeholder="" v-model="flightno" style="width:100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="航班日期" required>
<el-col :span="24">
<el-form-item prop="flightdate">
... ... @@ -65,7 +65,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row class="row-bg">
<el-col :span="4" :offset="10">
<div class="grid-content">
<el-button type="primary" @click="submitForm('ruleForm')">下一步</el-button>
... ...
... ... @@ -9,13 +9,13 @@
<el-row>
<el-col :span="24"><div class="grid-content"><h1>Please Enter The Flight Information：</h1></div></el-col>
</el-row>
<el-row type="flex" class="row-bg" justify="center">
<el-row type="flex" class="row-bg" justify="center" style="margin-top: 30px">
<el-col :span="5">
<el-form-item label="航班号" prop="flightno">
<el-input onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="" v-model="flightno" style="width:100%"></el-input>
</el-form-item>
</el-col>
<el-col :span="5">
<el-col :span="6">
<el-form-item label="航班日期" required>
<el-col :span="24">
<el-form-item prop="flightdate">
... ... @@ -72,7 +72,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-row class="row-bg">
<el-col :span="4" :offset="10">
<div class="grid-content">
<el-button type="primary" @click="submitForm('ruleForm')">下一步</el-button>
... ...
... ... @@ -2,28 +2,27 @@
<el-container>
<el-main >
<!--检索条件-->
<el-row>
<el-col :span="5">
<div class="block">
<el-input v-model="vcarrier" placeholder="">
<template slot="prepend">航班号</template>
<el-row class="toolbar" style="background-color: white;margin-bottom: 10px">
<el-col :span="6">
<template>
航班号
</template>
<el-input v-model="vcarrier" placeholder="航班号" style="width: 150px">
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="block">
<el-col :span="6">
<template>
航班日期
</template>
<el-date-picker
v-model="flighttime"
type="date"
value-format="yyyy-MM-dd"
placeholder="航班日期">
placeholder="航班日期" style="width: 150px">
</el-date-picker>
</div>
</el-col>
<el-col :span="2">
<div class="grid-content">
<el-button type="primary" v-on:click="getFlightList">航班查询</el-button>
</div>
<el-col :span="3">
<el-button type="primary" v-on:click="getFlightList">查询</el-button>
</el-col>
</el-row>
<!--TableList-->
... ... @@ -66,7 +65,7 @@
@click="handleEdit(scope.$index, scope.row)">原始舱单</el-button>
<el-button
size="mini"
type="primary"
type="success"
@click="handleDelete(scope.$index, scope.row)">进港理货</el-button>
</template>
</el-table-column>
... ... @@ -74,7 +73,7 @@
</template>
</el-row>
<!--分页模块-->
<el-row style="float: right">
<el-row style="float: right;margin-top: 20px">
<div class="block">
<el-pagination
@size-change="handleSizeChange"
... ... @@ -169,4 +168,4 @@
<style>
.el-main{padding: 10px 0px 10px 0px; }
.el-col{margin-right: 10px;}
</style>
\ No newline at end of file
</style>
... ...
... ... @@ -30,12 +30,15 @@
</el-col>
<el-col :span="22">
<div class="grid-content">
<el-col :span="4.5" class="pub">
<el-col :span="9" class="pub">
<div class="grid-content">
<el-input v-model="defaultQuery.awba" placeholder="请输入主单号"></el-input>
<span>
主单号:
</span>
<el-input v-model="defaultQuery.awba" placeholder="请输入主单号" style="width: 180px"></el-input>
</div>
</el-col>
<el-col :span="1.5" class="pub">
<el-col :span="2" class="pub">
<div class="grid-content">
<el-button type="primary" size="mini" v-on:click="getList">查询</el-button>
</div>
... ... @@ -43,7 +46,7 @@
<el-col :span="4" class="pub">
<div class="grid-content">
<el-dropdown @command="handleCommand">
<el-button size="mini" type="primary">
<el-button size="mini" type="success">
导出文件<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
... ... @@ -131,7 +134,7 @@
</el-table-column>
<el-table-column
label="回执内容"
width="250">
width="260">
<template slot-scope="scope">
<span v-if="scope.row.status=='01' || scope.row.status=='11'" style="color: #67C23A">
{{scope.row.ext5}}
... ... @@ -150,75 +153,81 @@
<el-table-column
prop="operation"
label="操作"
width="850"
width="450"
show-overflow-tooltip>
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="primary"
@click="handleEdit(scope.$index, scope.row)">编辑主单
</el-button>
<el-button
v-else
size="mini"
type="primary"
@click="handleFen(scope.$index, scope.row)">编辑分单
</el-button>
<el-button
size="mini"
type="primary"
@click="handleSend(scope.$index, scope.row)"
:disabled="btSendStatusFormater(scope.row.status)">发送舱单报
</el-button>
<el-button
size="mini"
type="primary"
@click="handleUpdate(scope.$index, scope.row)"
:disabled="btEditStatusFormater(scope.row.status)">发送舱单修改报
</el-button>
<el-button
size="mini"
type="primary"
@click="handleDelete(scope.$index, scope.row)"
:disabled="btDeleStatusFormater(scope.row.status)">发送舱单删除报
</el-button>
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="primary"
@click="Importallocation(scope.$index, scope.row)">分拨申请
</el-button>
<el-button
v-else
disabled=""
size="mini"
type="primary"
@click="Importallocation(scope.$index, scope.row)">分拨申请
</el-button>
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="primary"
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
</el-button>
<el-button
v-else
disabled=""
size="mini"
type="primary"
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
</el-button>
<el-button
size="mini"
type="primary"
@click="UpdateStatus(scope.$index, scope.row)">更改状态
</el-button>
<el-row>
<el-button
size="mini"
type="info"
@click="handleDetail(scope.$index, scope.row)">收发明细
</el-button>
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="success"
@click="handleEdit(scope.$index, scope.row)">编辑主单
</el-button>
<el-button
v-else
size="mini"
type="success"
@click="handleFen(scope.$index, scope.row)">编辑分单
</el-button>
<el-button
size="mini"
type="primary"
@click="handleSend(scope.$index, scope.row)"
:disabled="btSendStatusFormater(scope.row.status)">发送舱单报
</el-button>
<el-button
size="mini"
type="warning"
@click="UpdateStatus(scope.$index, scope.row)">更改状态
</el-button>
</el-row>
<el-row style="margin-bottom: 5px;margin-top: 30px">
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="success"
@click="Importallocation(scope.$index, scope.row)">分拨申请
</el-button>
<el-button
v-else
disabled=""
size="mini" type="success"
@click="Importallocation(scope.$index, scope.row)">分拨申请
</el-button>
<!-- style="background-color: #63cdda;color: white"-->
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="primary"
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
</el-button>
<el-button
v-else
disabled=""
size="mini" type="primary"
@click="Allocatearrive(scope.$index, scope.row)">分拨运抵
</el-button>
<!-- style="background-color:#778beb;color: white"-->
<el-button
size="mini"
style="background-color:#f19066;color: white"
@click="handleUpdate(scope.$index, scope.row)"
:disabled="btEditStatusFormater(scope.row.status)">发送舱单修改报
</el-button>
<el-button
size="mini"
type="danger"
@click="handleDelete(scope.$index, scope.row)"
:disabled="btDeleStatusFormater(scope.row.status)">发送舱单删除报
</el-button>
</el-row>
</template>
</el-table-column>
</el-table>
... ... @@ -580,7 +589,7 @@
</el-form>
</el-dialog>
<!--footer部分-->
<el-row>
<el-row style="margin-top: 20px">
<el-col :span="2.5" class="pub">
<div class="grid-content">
<el-button type="primary" size="mini" v-on:click="addOrig">新增原始舱单</el-button>
... ... @@ -602,7 +611,7 @@
<el-col :span="3.5" class="pub">
<div class="grid-content"><span>舱单总件数：{{sumNmmsPrice}}</span></div>
</el-col>
<el-col :span="4" class="pub">
<el-col :span="7" class="pub">
<div class="grid-content"><span>舱单总重量：{{sumNmmsWeight}}</span></div>
</el-col>
</el-row>
... ... @@ -1332,4 +1341,4 @@
this.getList();
}
}
</script>
\ No newline at end of file
</script>
... ...
... ... @@ -22,12 +22,15 @@
<el-col :span="1"><div class="grid-content"></div></el-col>
<el-col :span="22">
<div class="grid-content">
<el-col :span="4.5">
<el-col :span="9">
<div class="grid-content">
<el-input v-model="defaultQuery.awba" placeholder="请输入主单号" ></el-input>
<span>
主单号:
</span>
<el-input v-model="defaultQuery.awba" placeholder="请输入主单号" style="width: 180px"></el-input>
</div>
</el-col>
<el-col :span="1.5"><div class="grid-content"><el-button type="primary" v-on:click="getMt5201List" size="mini">查询</el-button></div></el-col>
<el-col :span="2"><div class="grid-content"><el-button type="primary" v-on:click="getMt5201List" size="mini">查询</el-button></div></el-col>
</div>
</el-col>
</div>
... ... @@ -127,17 +130,17 @@
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
type="info"
@click="handleDetail(scope.$index, scope.row)">收发明细</el-button>
<el-button
v-if="scope.row.awbh==''||scope.row.awbh==null"
size="mini"
type="primary"
type="success"
@click="handleMain(scope.$index, scope.row)">编辑主单</el-button>
<el-button
v-else
size="mini"
type="primary"
type="success"
@click="handleFen(scope.$index, scope.row)">编辑分单
</el-button>
<el-button
... ... @@ -147,12 +150,12 @@
@click="handleCreate(scope.$index, scope.row)">发送理货报</el-button>
<el-button
size="mini"
type="primary"
type="danger"
:disabled="btDeleStatusFormater(scope.row.status)"
@click="handleDelete(scope.$index, scope.row)">发送理货删除报</el-button>
<el-button
size="mini"
type="primary"
type="warning"
@click="UpdateStatus(scope.$index, scope.row)">更改状态
</el-button>
</template>
... ... @@ -347,13 +350,13 @@
</el-form>
</el-dialog>
<!--底部按钮及理货信息-->
<el-row>
<el-row style="margin-top: 20px">
<el-col :span="2.5"><div class="grid-content"><el-button type="primary" v-on:click="addTally" size="mini">新增进港理货</el-button></div></el-col>
<el-col :span="2.5"><div class="grid-content"><el-button type="primary" size="mini">批量发送删除报</el-button></div></el-col>
<el-col :span="2"><div class="grid-content"><el-button type="primary" @click="back" size="mini">返回</el-button></div></el-col>
<el-col :span="2.5"><div class="grid-content"><span>主单数：{{sumNmmsCount}}</span></div></el-col>
<el-col :span="3.5"><div class="grid-content"><span>理货总件数：{{sumNmmsPrice}}</span></div></el-col>
<el-col :span="4"><div class="grid-content"><span>理货总重量：{{sumNmmsWeight}}</span></div></el-col>
<el-col :span="7"><div class="grid-content"><span>理货总重量：{{sumNmmsWeight}}</span></div></el-col>
</el-row>
<!--对话提示框-->
<el-row>
... ... @@ -833,4 +836,4 @@
this.getMt5201List();
}
}
</script>
\ No newline at end of file
</script>
... ...
... ... @@ -5,80 +5,86 @@
<el-col :span="24"><div class="grid-content content co">进港运单申报</div></el-col>
</el-row>
<!--查询条件-->
<el-row>
<el-col :span="6">
<div class="grid-content">
<el-input placeholder="" v-model="defaultQuery.awba">
<template slot="prepend">主单号</template>
<el-row style="display: block;background-color: white">
<el-row>
<el-col :span="6">
<span>
主单号:
</span>
<el-input placeholder="" v-model="defaultQuery.awba" style="width: 150px">
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<el-input placeholder="" v-model="vcarrier">
<template slot="prepend">承运人</template>
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<el-input placeholder="" v-model="defaultQuery.flightno">
<template slot="prepend">航班号</template>
</el-col>
<el-col :span="6">
<span>
承运人:
</span>
<el-input placeholder="" v-model="vcarrier" style="width: 150px">
</el-input>
</div>
</el-col>
<el-col :span="5">
<div class="grid-content">
<div class="block">
<el-date-picker
v-model="defaultQuery.flightdate"
type="date"
value-format="yyyy-MM-dd"
placeholder="航班日期">
</el-date-picker>
</div>
</div>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<div class="grid-content">
<el-select v-model="defaultQuery.status" placeholder="选择状态" class="sel">
</el-col>
<el-col :span="6">
<span>
航班号:
</span>
<el-input placeholder="" v-model="defaultQuery.flightno" style="width: 150px">
</el-input>
</el-col>
<el-col :span="6">
<span>
航班日期:
</span>
<el-date-picker
v-model="defaultQuery.flightdate"
type="date"
value-format="yyyy-MM-dd" style="width: 150px"
placeholder="航班日期">
</el-date-picker>
</el-col>
</el-row>
<el-row >
<el-col :span="6">
<span>
业务状态:
</span>
<el-select v-model="defaultQuery.status" placeholder="选择状态" style="width: 140px">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label" style="width: 140px"
:value="item.value">
</el-option>
</el-select>
</el-col>
<el-col :span="6">
<span>
报文类型:
</span>
<el-select v-model="defaultQuery.messageType" placeholder="报文类型" style="width: 140px">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</div>
</el-col>
<el-col :span="5">
<el-select v-model="defaultQuery.messageType" placeholder="报文类型" class="sel">
<el-option
v-for="item in options2"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</el-col>
<el-col :span="5">
<el-col :span="8" style="margin-right: 0px">
<el-button type="primary" v-on:click="QueryData">查询</el-button>
</el-col>
<!--<el-col :span="16" style="margin-right: 0px">
<el-button type="primary">批量修改状态</el-button>
</el-col>-->
</el-col>
<el-col :span="6">
<el-col :span="8" style="margin-right: 0px">
<el-button type="primary" v-on:click="QueryData">查询</el-button>
</el-col>
<!--<el-col :span="16" style="margin-right: 0px">
<el-button type="primary">批量修改状态</el-button>
</el-col>-->
</el-col>
</el-row>
</el-row>
<!--查询结果样式-->
<el-row>
<el-row style="font-size: xx-small">
<el-col :span="1" class="mark"><div class="grid-content bg" style="color: red"><span>注：</span></div></el-col>
<el-col :span="2" class="mark"><div class="grid-content bg mainse" ><span>主单原始舱单</span></div></el-col>
<el-col :span="2" class="mark"><div class="grid-content bg fense" ><span>分单原始舱单</span></div></el-col>
<el-col :span="2" class="mark"><div class="grid-content bg tallse" ><span>主单理货报告</span></div></el-col>
<el-col :span="2" class="mark"><div class="grid-content bg tallfense" ><span>分单理货报告</span></div></el-col>
<el-col :span="3" class="mark"><div class="grid-content bg mainse" style="border-radius: 5px;margin-right: 5px;background-color: #63cdda" ><span>主单原始舱单</span></div></el-col>
<el-col :span="3" class="mark"><div class="grid-content bg fense" style="border-radius: 5px;margin-right: 5px;background-color: #778beb"><span>分单原始舱单</span></div></el-col>
<el-col :span="3" class="mark"><div class="grid-content bg tallse" style="border-radius: 5px;margin-right: 5px;background-color: #f3a683"><span>主单理货报告</span></div></el-col>
<el-col :span="3" class="mark"><div class="grid-content bg tallfense" style="border-radius: 5px;margin-right: 5px;background-color: #f7d794"><span>分单理货报告</span></div></el-col>
</el-row>
<!--查询列表-->
<el-row>
... ... @@ -133,16 +139,16 @@
width="115"
>
<template slot-scope="scope">
<span v-if="scope.row.stype=='MT1201'&&scope.row.awbh==''" style="background-color:#67C23A;width: 100%;height:100%;display:block">
<span v-if="scope.row.stype=='MT1201'&&scope.row.awbh==''" style="background-color:#63cdda;width: 100%;height:100%;display:block">
{{scope.row.awba}}
</span>
<span v-else-if="scope.row.stype=='MT1201'&&scope.row.awbh!=''" style="background-color:#409eff;width: 100%;height:100%;display:block;">
<span v-else-if="scope.row.stype=='MT1201'&&scope.row.awbh!=''" style="background-color:#778beb;width: 100%;height:100%;display:block;">
{{scope.row.awba}}
</span>
<span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh==''" style="background-color:#FF8C00;width: 100%;height:100%;display:block;">
<span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh==''" style="background-color:#f3a683;width: 100%;height:100%;display:block;">
{{scope.row.awba}}
</span>
<span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh!=''" style="background-color:#e6a23c;width: 100%;height:100%;display:block;">
<span v-else-if="scope.row.stype=='MT5201'&&scope.row.awbh!=''" style="background-color:#f7d794;width: 100%;height:100%;display:block;">
{{scope.row.awba}}
</span>
</template>
... ... @@ -351,4 +357,4 @@
},
}
</script>
\ No newline at end of file
</script>
... ...