|
@@ -1,27 +1,59 @@
|
|
<template>
|
|
<template>
|
|
<!-- 新增请作业页面 -->
|
|
<!-- 新增请作业页面 -->
|
|
- <div id="contractDetails">
|
|
|
|
|
|
+ <div class="contractDetails">
|
|
<page-title>返回</page-title>
|
|
<page-title>返回</page-title>
|
|
|
|
+
|
|
<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 :formId="122" v-model="form1" ></dil-form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- <div class="button-box">
|
|
|
|
|
|
+
|
|
|
|
+ <div class="fromOther">
|
|
|
|
+ <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"
|
|
|
|
+ >
|
|
|
|
+ <template slot-scope="{ item }">
|
|
|
|
+ <div class="name">{{ item.supplierName }}</div>
|
|
|
|
+ </template>
|
|
|
|
+ </el-autocomplete>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </el-form>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="trainTransport">
|
|
|
|
+ <!-- 确定和取消 -->
|
|
|
|
+ <div class="button_box">
|
|
<el-button @click="onClickCancel">返回</el-button>
|
|
<el-button @click="onClickCancel">返回</el-button>
|
|
<el-button type="primary" @click="onClickConfirm">确认</el-button>
|
|
<el-button type="primary" @click="onClickConfirm">确认</el-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </div>
|
|
</template>
|
|
</template>
|
|
|
|
+
|
|
<script>
|
|
<script>
|
|
import PageTitle from "@/components/Page/Title";
|
|
import PageTitle from "@/components/Page/Title";
|
|
-
|
|
|
|
|
|
+import { sjTime, isNumber } from "@/utils/sharedJsFile";
|
|
|
|
+import { getCookie } from "@/utils/util.js";
|
|
export default {
|
|
export default {
|
|
components: { PageTitle },
|
|
components: { PageTitle },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
// 表单
|
|
// 表单
|
|
form1: {},
|
|
form1: {},
|
|
|
|
+ supplierId: null,
|
|
|
|
+ supplierName: "",
|
|
|
|
+ stateSupplier: "",
|
|
};
|
|
};
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -31,7 +63,37 @@ export default {
|
|
handleCheckedCitiesChange(value) {
|
|
handleCheckedCitiesChange(value) {
|
|
console.log(value);
|
|
console.log(value);
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ //发货单位弹出层
|
|
|
|
+ handleSelectSupplier(item) {
|
|
|
|
+ this.supplierId = item.supplierId;
|
|
|
|
+ item.supplierName = this.supplierName;
|
|
|
|
+ },
|
|
|
|
+ //以下是发货单位边输边查搜索
|
|
|
|
+ querySearchSupplier(queryString, cb) {
|
|
|
|
+ this.axios
|
|
|
|
+ .post("/api/v1/uc/getSupplierMesByLike?index=" + this.stateSupplier)
|
|
|
|
+ .then((res) => {
|
|
|
|
+ if (res.data.code == "200") {
|
|
|
|
+ var restaurantsSupplier = res.data.data;
|
|
|
|
+ var results = queryString
|
|
|
|
+ ? restaurantsSupplier.filter(
|
|
|
|
+ this.createFilterSupplier(queryString)
|
|
|
|
+ )
|
|
|
|
+ : restaurantsSupplier;
|
|
|
|
+ // 调用 callback 返回建议列表的数据
|
|
|
|
+ cb(results);
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ createFilterSupplier(queryString) {
|
|
|
|
+ return (restaurantsSupplier) => {
|
|
|
|
+ return (
|
|
|
|
+ restaurantsSupplier.value
|
|
|
|
+ .toLowerCase()
|
|
|
|
+ .indexOf(queryString.toLowerCase()) > -1
|
|
|
|
+ );
|
|
|
|
+ };
|
|
|
|
+ },
|
|
// 返回
|
|
// 返回
|
|
onClickCancel() {
|
|
onClickCancel() {
|
|
this.$router.go(-1);
|
|
this.$router.go(-1);
|
|
@@ -41,10 +103,11 @@ export default {
|
|
let tmstrainPleaseApproveResult = {
|
|
let tmstrainPleaseApproveResult = {
|
|
resultPlanDate: sjTime(this.form1.resultPlanDate),
|
|
resultPlanDate: sjTime(this.form1.resultPlanDate),
|
|
resultCategory: this.form1.resultCategory,
|
|
resultCategory: this.form1.resultCategory,
|
|
- shipperId: this.form1.shipperId,
|
|
|
|
|
|
+ supplierId: this.supplierId,
|
|
sendStationId: this.form1.sendStationId,
|
|
sendStationId: this.form1.sendStationId,
|
|
toTheStationId: this.form1.toTheStationId,
|
|
toTheStationId: this.form1.toTheStationId,
|
|
resultPleaseNumber: this.form1.resultPleaseNumber,
|
|
resultPleaseNumber: this.form1.resultPleaseNumber,
|
|
|
|
+ userId: getCookie("orgCode"),
|
|
resultType: 3,
|
|
resultType: 3,
|
|
};
|
|
};
|
|
function isNumber() {
|
|
function isNumber() {
|
|
@@ -61,7 +124,7 @@ export default {
|
|
if (
|
|
if (
|
|
tmstrainPleaseApproveResult.resultPlanDate == null ||
|
|
tmstrainPleaseApproveResult.resultPlanDate == null ||
|
|
tmstrainPleaseApproveResult.resultCategory == null ||
|
|
tmstrainPleaseApproveResult.resultCategory == null ||
|
|
- tmstrainPleaseApproveResult.shipperId == null ||
|
|
|
|
|
|
+ tmstrainPleaseApproveResult.supplierId == null ||
|
|
tmstrainPleaseApproveResult.sendStationId == null ||
|
|
tmstrainPleaseApproveResult.sendStationId == null ||
|
|
tmstrainPleaseApproveResult.toTheStationId == null ||
|
|
tmstrainPleaseApproveResult.toTheStationId == null ||
|
|
tmstrainPleaseApproveResult.resultPleaseNumber == null
|
|
tmstrainPleaseApproveResult.resultPleaseNumber == null
|
|
@@ -82,44 +145,48 @@ export default {
|
|
},
|
|
},
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
-<style lang="scss" scoped>
|
|
|
|
-#contractDetails{
|
|
|
|
|
|
+<style lang="scss">
|
|
|
|
+.contractDetails {
|
|
.form {
|
|
.form {
|
|
display: flex;
|
|
display: flex;
|
|
.form_box {
|
|
.form_box {
|
|
- width: 240px;
|
|
|
|
|
|
+ width: 340px;
|
|
margin-left: 35%;
|
|
margin-left: 35%;
|
|
margin-top: 30px;
|
|
margin-top: 30px;
|
|
- margin-right: 22px;
|
|
|
|
|
|
+ margin-right: 20px;
|
|
.el-form {
|
|
.el-form {
|
|
.preview-group {
|
|
.preview-group {
|
|
- }
|
|
|
|
- }
|
|
|
|
- } .el-form-item {
|
|
|
|
|
|
+ .el-form-item {
|
|
.el-form-item__label {
|
|
.el-form-item__label {
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- width: 70px !important;
|
|
|
|
- padding-right: 200px;
|
|
|
|
- margin-bottom: 0px;
|
|
|
|
|
|
+ width: 70px !important;
|
|
}
|
|
}
|
|
.el-form-item__content {
|
|
.el-form-item__content {
|
|
.el-select {
|
|
.el-select {
|
|
- width: 230px;
|
|
|
|
|
|
+ width: 250px;
|
|
}
|
|
}
|
|
.el-input {
|
|
.el-input {
|
|
- width: 160px;
|
|
|
|
- margin-left: -300px;
|
|
|
|
- padding-bottom: 0%;
|
|
|
|
-
|
|
|
|
|
|
+ width: 250px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .button_box {
|
|
|
|
+ margin-left: 42%;
|
|
|
|
+ margin-top: 55px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .fromOther {
|
|
|
|
+ margin-left: 34.5%;
|
|
|
|
+ width: 50%;
|
|
|
|
+ .inline-input {
|
|
|
|
+ width: 300px;
|
|
|
|
+ .button_box {
|
|
|
|
+ margin-left: 45%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
- .button-box{
|
|
|
|
- margin-top: 50px;
|
|
|
|
- margin-left: 550px;
|
|
|
|
-
|
|
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|