|
@@ -8,7 +8,7 @@
|
|
|
<div style="text-align: center; font-size:15px; margin-top:15px; color:red">
|
|
|
<span>温馨提示:卸货到达钢请选择一厂,达兴二焦化、化工厂请选择二厂<br>如选错厂区将会影响车辆上秤计量!!!</span>
|
|
|
</div>
|
|
|
- <div class="orderType from" style="margin-top: 15px;">
|
|
|
+ <div class="orderType_transportationReservation from_transportationReservation" style="margin-top: 15px;">
|
|
|
<span class="text">卸货厂区:</span>
|
|
|
<el-select
|
|
|
class="select"
|
|
@@ -26,15 +26,13 @@
|
|
|
</el-select>
|
|
|
<span class="span"></span>
|
|
|
</div>
|
|
|
- <div class="supplieUnit">
|
|
|
+ <div class="supplieUnit_transportationReservation">
|
|
|
<el-form
|
|
|
:inline="true"
|
|
|
- class="demo-form-inline"
|
|
|
label-width="80px"
|
|
|
>
|
|
|
<el-form-item label="发货单位:">
|
|
|
<el-autocomplete
|
|
|
- class="inline-input"
|
|
|
v-model="stateSupplier"
|
|
|
:fetch-suggestions="querySearchSupplier"
|
|
|
placeholder="请输入发货单位名称"
|
|
@@ -48,43 +46,43 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
- <div class="material from">
|
|
|
+ <div class="material_transportationReservation from_transportationReservation">
|
|
|
<span class="text">物资:</span>
|
|
|
<el-input class="input" v-model="materialName" disabled> </el-input>
|
|
|
<el-button type="primary" @click="ondrawer(1)">浏览</el-button>
|
|
|
</div>
|
|
|
- <div class="remark from">
|
|
|
+ <div class="remark_transportationReservation from_transportationReservation">
|
|
|
<span class="text">船名:</span>
|
|
|
<el-input class="input" v-model="remark" @blur="onBlur" :disabled="true"> </el-input>
|
|
|
<span class="span"></span>
|
|
|
</div>
|
|
|
- <div class="forwardingUnit from">
|
|
|
+ <div class="forwardingUnit_transportationReservation from_transportationReservation">
|
|
|
<span class="text">卸货点:</span>
|
|
|
<el-input class="input" v-model="unloadPointName" disabled> </el-input>
|
|
|
<el-button type="primary" @click="ondrawer(4)">浏览</el-button>
|
|
|
</div>
|
|
|
- <div class="lineId from">
|
|
|
+ <div class="lineId_transportationReservation from_transportationReservation">
|
|
|
<span class="text">选择路线:</span>
|
|
|
<el-input class="input" v-model="lineName" disabled> </el-input>
|
|
|
<el-button type="primary" @click="ondrawer(5)">浏览</el-button>
|
|
|
</div>
|
|
|
- <div class="lineId from">
|
|
|
+ <div class="lineId_transportationReservation from_transportationReservation">
|
|
|
<span class="text">采购订单号:</span>
|
|
|
<el-input class="input" v-model="purchaseOrderNo" disabled> </el-input>
|
|
|
<el-button type="primary" @click="ondrawer(6)">浏览</el-button>
|
|
|
</div>
|
|
|
- <div class="contractTitle from">
|
|
|
+ <div class="contractTitle_transportationReservation from_transportationReservation">
|
|
|
<dil-form :formId="219" v-model="form1"></dil-form>
|
|
|
</div>
|
|
|
- <div class="truckList1">
|
|
|
- <div class="truckList from">
|
|
|
+ <div class="truckList1_transportationReservation">
|
|
|
+ <div class="truckList_transportationReservation from_transportationReservation">
|
|
|
<span class="text">选择车辆:</span>
|
|
|
<el-button type="primary" @click="ondrawer(3)" class="truckBtn"
|
|
|
>浏览</el-button
|
|
|
>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="truckListTable">
|
|
|
+ <div class="truckListTable_transportationReservation">
|
|
|
<el-table
|
|
|
:data="selectionList"
|
|
|
border
|
|
@@ -142,7 +140,7 @@
|
|
|
<i class="el-icon-search"></i>查询
|
|
|
</el-button>
|
|
|
</div>
|
|
|
- <div class="drawer_table1" v-show="onDrawerNumber == 1">
|
|
|
+ <div class="drawer_table1_transportationReservation" v-show="onDrawerNumber == 1">
|
|
|
<dilTable
|
|
|
v-bind.sync="frist"
|
|
|
@radio-change="currentRadioChange1"
|
|
@@ -209,7 +207,7 @@
|
|
|
></dilTable>
|
|
|
</div>
|
|
|
</el-drawer>
|
|
|
- <div class="button_box">
|
|
|
+ <div class="button_box_transportationReservation">
|
|
|
<el-button @click="onClickCancel">返回</el-button>
|
|
|
<el-button type="primary" @click="onClickConfirm">确认</el-button>
|
|
|
</div>
|
|
@@ -665,14 +663,14 @@ export default {
|
|
|
.el-drawer__container ::-webkit-scrollbar {
|
|
|
display: none;
|
|
|
}
|
|
|
-.from {
|
|
|
+.from_transportationReservation {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
margin-top: 5px;
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
-.remark {
|
|
|
+.remark_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
.text {
|
|
@@ -685,7 +683,7 @@ export default {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
}
|
|
|
-.lineId {
|
|
|
+.lineId_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
.text {
|
|
@@ -703,7 +701,7 @@ export default {
|
|
|
height: 1px;
|
|
|
}
|
|
|
}
|
|
|
-.material {
|
|
|
+.material_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
margin-top: 20px;
|
|
@@ -717,7 +715,7 @@ export default {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
}
|
|
|
-.orderType {
|
|
|
+.orderType_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
.text {
|
|
@@ -734,7 +732,7 @@ export default {
|
|
|
height: 10px;
|
|
|
}
|
|
|
}
|
|
|
-.contractTitle {
|
|
|
+.contractTitle_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
.el-form-item {
|
|
@@ -749,7 +747,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.forwardingUnit {
|
|
|
+.forwardingUnit_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
.text {
|
|
@@ -762,9 +760,9 @@ export default {
|
|
|
margin-right: 20px;
|
|
|
}
|
|
|
}
|
|
|
-.truckList1 {
|
|
|
+.truckList1_transportationReservation {
|
|
|
width: 100%;
|
|
|
- .truckList {
|
|
|
+ .truckList_transportationReservation {
|
|
|
width: 96%;
|
|
|
.text {
|
|
|
display: inline-block;
|
|
@@ -776,7 +774,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
-.supplieUnit {
|
|
|
+.supplieUnit_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|
|
@@ -791,10 +789,10 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.drawer_table1{
|
|
|
+.drawer_table1_transportationReservation{
|
|
|
width: 100%;height: 500px;
|
|
|
}
|
|
|
-.button_box {
|
|
|
+.button_box_transportationReservation {
|
|
|
display: flex;
|
|
|
justify-content: center;
|
|
|
align-items: center;
|