|
@@ -39,6 +39,17 @@
|
|
|
</div>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <!-- 运输单价按钮 -->
|
|
|
+ <div class="materialDrawer">
|
|
|
+ <el-form :inline="true" class="demo-form-inline" label-width="80px">
|
|
|
+ <el-form-item label="运输单价"> </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="onprice" class="truckBtn"
|
|
|
+ >浏览</el-button
|
|
|
+ >
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
<template>
|
|
|
<div>
|
|
|
<mergeRowTable
|
|
@@ -60,6 +71,35 @@
|
|
|
</mergeRowTable>
|
|
|
</div>
|
|
|
</template>
|
|
|
+ <!-- 运输单价模态框 -->
|
|
|
+ <el-drawer
|
|
|
+ :visible.sync="drawerP"
|
|
|
+ :direction="direction"
|
|
|
+ close-on-press-escape
|
|
|
+ modal
|
|
|
+ wrapperClosable
|
|
|
+ size="60%"
|
|
|
+ >
|
|
|
+ <div class="selectText">
|
|
|
+ <el-input v-model="inputP" placeholder="请输入内容" style="width: 240px" clearable></el-input>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ @click="onpriceSelect"
|
|
|
+ ><i class="el-icon-search"></i>查询</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ <div class="LineTable">
|
|
|
+ <vue-scroll :ops="ops" style="width:100%;height:100%">
|
|
|
+ <dilTable
|
|
|
+ v-bind.sync="priceOptions"
|
|
|
+ :isKuang="isKuang"
|
|
|
+ :loading="tableLoading"
|
|
|
+ :drawer="PriceDrawer"
|
|
|
+ @func="funcP"
|
|
|
+ ></dilTable>
|
|
|
+ </vue-scroll>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
<div class="button-box">
|
|
|
<el-button type="primary" @click="makeSure">确认新增</el-button>
|
|
|
<el-button type="primary" @click="cancel">返回</el-button>
|
|
@@ -73,6 +113,30 @@ export default {
|
|
|
components: { PageTitle },
|
|
|
data() {
|
|
|
return {
|
|
|
+ ops: {
|
|
|
+ vuescroll: {},
|
|
|
+ scrollPanel: {},
|
|
|
+ rail: {
|
|
|
+ keepShow: true
|
|
|
+ },
|
|
|
+ bar: {
|
|
|
+ hoverStyle: true,
|
|
|
+ onlyShowBarOnScroll: false, //是否只有滚动的时候才显示滚动条
|
|
|
+ background: "#5f9ea0", //滚动条颜色
|
|
|
+ opacity: 0.8, //滚动条透明度
|
|
|
+ "overflow-x": "hidden"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ direction: "rtl",
|
|
|
+ //表格加载状态
|
|
|
+ PriceDrawer:false,
|
|
|
+ tableLoading: false,
|
|
|
+ isKuang:false,
|
|
|
+ priceOptions: {
|
|
|
+ requestUrl: ""
|
|
|
+ },
|
|
|
+ inputP:"",
|
|
|
+ drawerP:false,
|
|
|
restaurants: [],
|
|
|
state2: null,
|
|
|
planTruckNumber: null,
|
|
@@ -93,6 +157,33 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
|
+ funcP(){
|
|
|
+ this.isKuang = false;
|
|
|
+ this.tableLoading = false;
|
|
|
+ },
|
|
|
+ handleCloseP(){
|
|
|
+ if (this.drawerP) {
|
|
|
+ this.drawerP = false;
|
|
|
+ this.inputP = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onpriceSelect(){
|
|
|
+ this.loading = true;
|
|
|
+ this.isKuang = true;
|
|
|
+ if (this.inputP) {
|
|
|
+ this.priceOptions.requestUrl =
|
|
|
+ "/api/v1/ams/getInwardContractPrice?apiId=464&deleted=0&con=" +
|
|
|
+ this.inputP;
|
|
|
+ } else {
|
|
|
+ this.priceOptions.requestUrl =
|
|
|
+ "/api/v1/ams/getInwardContractPrice?apiId=464&deleted=0&i=" + new Date();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onprice(){
|
|
|
+ this.drawerP=true;
|
|
|
+ this.priceOptions.requestUrl =
|
|
|
+ "/api/v1/ams/getInwardContractPrice?apiId=464&deleted=0&i=" + new Date();
|
|
|
+ },
|
|
|
handleSelect(item) {
|
|
|
this.carrierId = item.carrierId;
|
|
|
this.state2 = item.carrierName;
|
|
@@ -208,7 +299,7 @@ export default {
|
|
|
.addInwardPlan {
|
|
|
.carrier {
|
|
|
display: inline-block !important;
|
|
|
- margin-left: 38%;
|
|
|
+ margin-left: 40%;
|
|
|
.el-input {
|
|
|
width: 250px;
|
|
|
}
|
|
@@ -229,5 +320,25 @@ export default {
|
|
|
justify-content: center;
|
|
|
margin-left: 25px !important;
|
|
|
}
|
|
|
+ .materialDrawer {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ .el-input {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+ .el-select {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+ .el-autocomplete {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+ .el-form {
|
|
|
+ padding: 10px;
|
|
|
+ }
|
|
|
+ .truckBtn {
|
|
|
+ width: 320px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|