|
@@ -5,59 +5,57 @@
|
|
|
|
|
|
<div class="form">
|
|
<div class="form">
|
|
<div class="form_box">
|
|
<div class="form_box">
|
|
- <dil-form :formId="122" v-model="form1"></dil-form>
|
|
|
|
|
|
+ <dil-form label-width="60px" :formId="122" v-model="form1"></dil-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="formOther">
|
|
<div class="formOther">
|
|
<div class="form_box">
|
|
<div class="form_box">
|
|
- <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="请输入发货单位名称"
|
|
|
|
- :trigger-on-focus="false"
|
|
|
|
- @select="handleSelectSupplier"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-form label-width="70px">
|
|
|
|
+ <div class="preview-group">
|
|
|
|
+ <el-form-item label="发货单位">
|
|
|
|
+ <el-autocomplete
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model="stateSupplier"
|
|
|
|
+ :fetch-suggestions="querySearchSupplier"
|
|
|
|
+ placeholder="请输入发货单位名称"
|
|
|
|
+ :trigger-on-focus="false"
|
|
|
|
+ @select="handleSelectSupplier"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
+ <div class="name">{{ item.supplierName }}</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-autocomplete>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="发站">
|
|
|
|
+ <el-autocomplete
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model="sendStation"
|
|
|
|
+ :fetch-suggestions="querySearchSendStation"
|
|
|
|
+ placeholder="请输入发站名称"
|
|
|
|
+ :trigger-on-focus="false"
|
|
|
|
+ @select="handleSelectSendStation"
|
|
|
|
+ >
|
|
<template slot-scope="{ item }">
|
|
<template slot-scope="{ item }">
|
|
- <div class="name">{{ item.supplierName }}</div>
|
|
|
|
|
|
+ <div class="name">{{ item.arrivalName }}</div>
|
|
</template>
|
|
</template>
|
|
- </el-autocomplete>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="发站">
|
|
|
|
- <el-autocomplete
|
|
|
|
- class="inline-input"
|
|
|
|
- v-model="sendStation"
|
|
|
|
- :fetch-suggestions="querySearchSendStation"
|
|
|
|
- placeholder="请输入发站名称"
|
|
|
|
- :trigger-on-focus="false"
|
|
|
|
- @select="handleSelectSendStation"
|
|
|
|
- >
|
|
|
|
- <template slot-scope="{ item }">
|
|
|
|
- <div class="name">{{ item.arrivalName }}</div>
|
|
|
|
- </template>
|
|
|
|
- </el-autocomplete>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="到站">
|
|
|
|
- <el-autocomplete
|
|
|
|
- class="inline-input"
|
|
|
|
- v-model="toTheStation"
|
|
|
|
- :fetch-suggestions="querySearchToTheStation"
|
|
|
|
- placeholder="请输入到站名称"
|
|
|
|
- :trigger-on-focus="false"
|
|
|
|
- @select="handleSelectToTheStation"
|
|
|
|
- >
|
|
|
|
- <template slot-scope="{ item }">
|
|
|
|
- <div class="name">{{ item.arrivalName }}</div>
|
|
|
|
- </template>
|
|
|
|
- </el-autocomplete>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ </el-autocomplete>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="到站">
|
|
|
|
+ <el-autocomplete
|
|
|
|
+ class="inline-input"
|
|
|
|
+ v-model="toTheStation"
|
|
|
|
+ :fetch-suggestions="querySearchToTheStation"
|
|
|
|
+ placeholder="请输入到站名称"
|
|
|
|
+ :trigger-on-focus="false"
|
|
|
|
+ @select="handleSelectToTheStation"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
+ <div class="name">{{ item.arrivalName }}</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-autocomplete>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </div>
|
|
</el-form>
|
|
</el-form>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
@@ -268,11 +266,8 @@ export default {
|
|
width: 70px !important;
|
|
width: 70px !important;
|
|
}
|
|
}
|
|
.el-form-item__content {
|
|
.el-form-item__content {
|
|
- .el-select {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
|
|
+ .inline-input{
|
|
|
|
+ width:270px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.button_box {
|
|
.button_box {
|
|
@@ -287,7 +282,8 @@ export default {
|
|
}
|
|
}
|
|
.trainTransport {
|
|
.trainTransport {
|
|
margin-left: 41.25%;
|
|
margin-left: 41.25%;
|
|
- width: 50%;
|
|
|
|
|
|
+ margin-top: 30px;
|
|
|
|
+ width: 300px;
|
|
.inline-input {
|
|
.inline-input {
|
|
width: 300px;
|
|
width: 300px;
|
|
.button_box {
|
|
.button_box {
|
|
@@ -300,7 +296,7 @@ export default {
|
|
display: flex;
|
|
display: flex;
|
|
.form_box {
|
|
.form_box {
|
|
width: 340px;
|
|
width: 340px;
|
|
- margin-left: 35%;
|
|
|
|
|
|
+ margin-left: 36%;
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
margin-right: 20px;
|
|
margin-right: 20px;
|
|
.el-form {
|
|
.el-form {
|
|
@@ -311,17 +307,10 @@ export default {
|
|
width: 70px !important;
|
|
width: 70px !important;
|
|
}
|
|
}
|
|
.el-form-item__content {
|
|
.el-form-item__content {
|
|
- .el-select {
|
|
|
|
- width: 250px;
|
|
|
|
- }
|
|
|
|
- .el-input {
|
|
|
|
- width: 250px;
|
|
|
|
|
|
+ .inline-input{
|
|
|
|
+ width:250px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- .button_box {
|
|
|
|
- margin-left: 42%;
|
|
|
|
- margin-top: 55px;
|
|
|
|
- }
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|