|
@@ -3,6 +3,24 @@
|
|
|
<div id="endMaintenance">
|
|
|
<page-title>新增计划</page-title>
|
|
|
<div>
|
|
|
+ <div class="truckList1">
|
|
|
+ <div class="truckList from">
|
|
|
+ <span class="text">选择承运商:</span>
|
|
|
+ <el-autocomplete
|
|
|
+ class="inline-input"
|
|
|
+ v-model="state2"
|
|
|
+ :fetch-suggestions="querySearch"
|
|
|
+ placeholder="请输入承运商名称"
|
|
|
+ :trigger-on-focus="false"
|
|
|
+ @select="handleSelect"
|
|
|
+ @input="oninput"
|
|
|
+ >
|
|
|
+ <template slot-scope="{ item }">
|
|
|
+ <div class="name">{{ item.value }}</div>
|
|
|
+ </template>
|
|
|
+ </el-autocomplete>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="form-box">
|
|
|
<dil-form :formId="305" v-model="form"></dil-form>
|
|
|
</div>
|
|
@@ -26,6 +44,9 @@ export default {
|
|
|
components: { PageTitle },
|
|
|
data() {
|
|
|
return {
|
|
|
+ restaurants: [],
|
|
|
+ state2:null,
|
|
|
+ carrierId:null,
|
|
|
form: {},
|
|
|
first:{
|
|
|
requestUrl:"/api/v1/ams/getTruckRequirementList?apiId=250&requirementStatus=2",
|
|
@@ -35,6 +56,32 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ handleSelect(item){
|
|
|
+ this.carrierId = item.carrierId
|
|
|
+ item.carrierName = this.state2
|
|
|
+ },
|
|
|
+ oninput(){
|
|
|
+ this.axios.post('/api/v1/uc/getCarrierMesByLike?index='+this.state2).then((res)=>{
|
|
|
+ if(res.data.code == "200"){
|
|
|
+ console.log(res)
|
|
|
+ this.restaurants = res.data.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //搜索
|
|
|
+ querySearch(queryString, cb) {
|
|
|
+ var restaurants = this.restaurants;
|
|
|
+ console.log(this.restaurants,"this.restaurants");
|
|
|
+ var results = queryString ? restaurants.filter(this.createFilter(queryString)) :restaurants;
|
|
|
+ // 调用 callback 返回建议列表的数据
|
|
|
+ console.log(results,"results");
|
|
|
+ cb(results);
|
|
|
+ },
|
|
|
+ createFilter(queryString) {
|
|
|
+ return (restaurants) => {
|
|
|
+ return (restaurants.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
|
|
|
+ };
|
|
|
+ },
|
|
|
currentRadioChange(selection){
|
|
|
this.mapList = selection
|
|
|
},
|
|
@@ -44,7 +91,7 @@ export default {
|
|
|
let plan = {
|
|
|
requirementId : this.mapList.requirementId,
|
|
|
planTruckNumber: this.form.planTruckNumber,
|
|
|
- carrierId: this.form.carrierId
|
|
|
+ carrierId: this.carrierId
|
|
|
};
|
|
|
|
|
|
this.axios
|
|
@@ -74,6 +121,9 @@ export default {
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
+.el-form-item{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
.form-box,
|
|
|
.button-box
|
|
|
{
|
|
@@ -84,4 +134,19 @@ export default {
|
|
|
margin-top: 0.3125rem;
|
|
|
margin-bottom: 1.25rem;
|
|
|
}
|
|
|
+.truckList1 {
|
|
|
+ margin-left: 35%;
|
|
|
+ width: 100%;
|
|
|
+ .truckList {
|
|
|
+ width: 96%;
|
|
|
+ .text {
|
|
|
+ display: inline-block;
|
|
|
+ width: 120px;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ .truckBtn {
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|