|
|
@@ -1,14 +1,79 @@
|
|
|
<template>
|
|
|
<!-- 添加汽运单价 -->
|
|
|
- <div class="addSalePlan">
|
|
|
+ <div class="addTransportPrice">
|
|
|
<page-title>新增</page-title>
|
|
|
- <div class="form-box" style="margin-right: 10rem">
|
|
|
- <dil-form :formId="287" v-model="form1" ref="from1"></dil-form>
|
|
|
+ <div class="form">
|
|
|
+ <div class="form_box">
|
|
|
+ <dil-form :formId="287" v-model="form1" ref="from1"></dil-form>
|
|
|
+ </div>
|
|
|
+ <div class="liulan">
|
|
|
+ <el-button type="primary" class="btn" @click="lineClick">浏览</el-button>
|
|
|
+ <el-button type="primary" class="btn1" @click="addressClick">浏览</el-button>
|
|
|
+ <el-button type="primary" class="btn2">浏览</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="button-box">
|
|
|
+ <div class="button_box">
|
|
|
<el-button @click="cancel">取消</el-button>
|
|
|
<el-button type="primary" @click="makeSure">确定</el-button>
|
|
|
</div>
|
|
|
+ <!-- 线路模态框 -->
|
|
|
+ <el-drawer
|
|
|
+ title="请选择线路"
|
|
|
+ :visible.sync="LineDrawer"
|
|
|
+ :direction="direction"
|
|
|
+ :before-close="handleClose"
|
|
|
+ close-on-press-escape
|
|
|
+ modal
|
|
|
+ wrapperClosable
|
|
|
+ size="40%"
|
|
|
+ >
|
|
|
+ <div class="selectText">
|
|
|
+ <!-- <span></span> -->
|
|
|
+ <el-input v-model="LineText" placeholder="请输入内容"></el-input>
|
|
|
+ <el-button type="primary" @click="selectLineClick" :loading="selectLineLoading"><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="line"
|
|
|
+ @radio-change="currentRadioChange"
|
|
|
+ :isKuang="isKuang"
|
|
|
+ :loading="tableLoading"
|
|
|
+ :drawer="LineDrawer"
|
|
|
+ @func="func"
|
|
|
+ ></dilTable>
|
|
|
+ </vue-scroll>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
+ <!-- 地址模态框 -->
|
|
|
+ <el-drawer
|
|
|
+ title="请选择收货地址"
|
|
|
+ :visible.sync="addresDrawer"
|
|
|
+ :direction="direction"
|
|
|
+ :before-close="handleClose"
|
|
|
+ close-on-press-escape
|
|
|
+ wrapperClosable
|
|
|
+ modal
|
|
|
+ size="40%"
|
|
|
+ >
|
|
|
+ <div class="selectText">
|
|
|
+ <!-- <span></span> -->
|
|
|
+ <el-input v-model="addresText" placeholder="请输入内容"></el-input>
|
|
|
+ <el-button type="primary" @click="selectAddresClick" :loading="selectLineLoading"><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="addres"
|
|
|
+ @radio-change="currentRadioChange1"
|
|
|
+ :isKuang="isKuang"
|
|
|
+ :loading="tableLoading"
|
|
|
+ :drawer="addresDrawer"
|
|
|
+ @func="func"
|
|
|
+ ></dilTable>
|
|
|
+ </vue-scroll>
|
|
|
+ </div>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -19,68 +84,206 @@ export default {
|
|
|
components: { PageTitle },
|
|
|
data() {
|
|
|
return {
|
|
|
- form1: {},
|
|
|
- value: undefined,
|
|
|
+ //是否打开收货地址模态框
|
|
|
+ addresDrawer:false,
|
|
|
+ //收货地址查询条件
|
|
|
+ addresText:null,
|
|
|
+ //收货地址模态框数据
|
|
|
+ addres:{
|
|
|
+ requestUrl:"",
|
|
|
+ selectionType: "radio",
|
|
|
+ },
|
|
|
+
|
|
|
+ //是否点击查询
|
|
|
+ isKuang:false,
|
|
|
+ //表格加载状态
|
|
|
+ tableLoading:false,
|
|
|
+ //是否打开线路的模态窗口
|
|
|
+ LineDrawer:false,
|
|
|
+ //线路查询条件
|
|
|
+ LineText:null,
|
|
|
+ //线路模态框查询按钮状态
|
|
|
+ selectLineLoading:false,
|
|
|
+ //线路模态窗口的数据
|
|
|
+ line:{
|
|
|
+ requestUrl:"",
|
|
|
+ selectionType: "radio",
|
|
|
+ },
|
|
|
+ //模态窗口的打开的方向
|
|
|
+ direction: 'rtl',
|
|
|
+ //表单数据
|
|
|
+ form1: {
|
|
|
+ priceDate:new Date(),
|
|
|
+ },
|
|
|
+ //提交给后端的数据
|
|
|
+ map:{},
|
|
|
+ ops: {
|
|
|
+ vuescroll: {},
|
|
|
+ scrollPanel: {},
|
|
|
+ rail: {
|
|
|
+ keepShow: true
|
|
|
+ },
|
|
|
+ bar: {
|
|
|
+ hoverStyle: true,
|
|
|
+ onlyShowBarOnScroll: false, //是否只有滚动的时候才显示滚动条
|
|
|
+ background: "#5f9ea0",//滚动条颜色
|
|
|
+ opacity: 0.8,//滚动条透明度
|
|
|
+ "overflow-x": "hidden"
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
- created(){
|
|
|
- this.form1.priceDate=new Date()
|
|
|
- },
|
|
|
methods: {
|
|
|
- // 确定
|
|
|
- makeSure() {
|
|
|
- let amsContractTransportPrice = {
|
|
|
- shipperId: this.form1.shipperId,
|
|
|
- carrierId: this.form1.carrierId,
|
|
|
- lineId: this.form1.lineId,
|
|
|
- addressId: this.form1.addressId,
|
|
|
- priceValue: this.form1.priceValue,
|
|
|
- priceDate: sjTime(this.form1.priceDate),
|
|
|
- };
|
|
|
- if (
|
|
|
- amsContractTransportPrice.shipperId &&
|
|
|
- amsContractTransportPrice.carrierId &&
|
|
|
- amsContractTransportPrice.lineId &&
|
|
|
- amsContractTransportPrice.addressId &&
|
|
|
- amsContractTransportPrice.priceValue &&
|
|
|
- amsContractTransportPrice.priceDate
|
|
|
- ){
|
|
|
- this.axios
|
|
|
- .post(
|
|
|
- "/api/v1/ams/addAmsContractTransportUnitPrice1",
|
|
|
- amsContractTransportPrice
|
|
|
- )
|
|
|
- .then((res) => {
|
|
|
- console.log(res.data.data);
|
|
|
- if (res.data.code == "200") {
|
|
|
- this.$router.go(-1);
|
|
|
- }
|
|
|
- });
|
|
|
- }else {
|
|
|
- this.$message.error("必填项存在空值！");
|
|
|
+ func(res){
|
|
|
+ this.selectLineLoading = false;
|
|
|
+ this.isKuang = false;
|
|
|
+ this.tableLoading = false;
|
|
|
+ },
|
|
|
+ selectAddresClick(){
|
|
|
+ this.tableLoading = true;
|
|
|
+ this.selectLineLoading = true;
|
|
|
+ this.isKuang = true;
|
|
|
+ if(this.addresText){
|
|
|
+ this.addres.requestUrl = "/api/v1/ams/getAddressDeliveryAddress?apiId=255&con="+this.addresText;
|
|
|
+ }else{
|
|
|
+ this.addres.requestUrl = "/api/v1/ams/getAddressDeliveryAddress?apiId=255&i=" + new Date();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ selectLineClick(){
|
|
|
+ this.tableLoading = true;
|
|
|
+ this.selectLineLoading = true;
|
|
|
+ this.isKuang = true;
|
|
|
+ if(this.LineText){
|
|
|
+ this.line.requestUrl = "/api/v1/rms/getAllLineDesk?apiId=249&lineType=3&con="+this.LineText;
|
|
|
+ }else{
|
|
|
+ this.line.requestUrl = "/api/v1/rms/getAllLineDesk?apiId=249&lineType=3&i=" + new Date();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ currentRadioChange(val){
|
|
|
+ let mapvalue = {
|
|
|
+ shipperId:this.form1.shipperId,
|
|
|
+ lineName:val.lineName,
|
|
|
+ carrierId:this.form1.carrierId,
|
|
|
+ addressName:this.form1.addressName,
|
|
|
+ priceValue:this.form1.priceValue,
|
|
|
+ materialId:this.form1.materialId,
|
|
|
+ type:this.form1.type,
|
|
|
+ priceDate:this.form1.priceDate,
|
|
|
}
|
|
|
+ this.form1 = mapvalue
|
|
|
+ this.map.lineId = val.lineId;
|
|
|
+ },
|
|
|
+ currentRadioChange1(val){
|
|
|
+ let mapvalue = {
|
|
|
+ shipperId:this.form1.shipperId,
|
|
|
+ lineName:this.form1.lineName,
|
|
|
+ carrierId:this.form1.carrierId,
|
|
|
+ addressName:val.address,
|
|
|
+ priceValue:this.form1.priceValue,
|
|
|
+ materialId:this.form1.materialId,
|
|
|
+ type:this.form1.type,
|
|
|
+ priceDate:this.form1.priceDate,
|
|
|
+ }
|
|
|
+ this.form1 = mapvalue
|
|
|
+ this.map.addressId = val.addressId;
|
|
|
+ },
|
|
|
+ //打开线路的模态窗口
|
|
|
+ lineClick(){
|
|
|
+ this.LineDrawer = true;
|
|
|
+ this.line.requestUrl = "/api/v1/rms/getAllLineDesk?apiId=249&lineType=3"
|
|
|
+ },
|
|
|
+ addressClick(){
|
|
|
+ this.addresDrawer = true;
|
|
|
+ this.addres.requestUrl = "/api/v1/ams/getAddressDeliveryAddress?apiId=255"
|
|
|
+ },
|
|
|
+ //模态窗口关闭时调用
|
|
|
+ handleClose(){
|
|
|
+ if(this.LineDrawer){
|
|
|
+ this.LineDrawer = false;
|
|
|
+ this.LineText = null;
|
|
|
+ }
|
|
|
+ if(this.addresDrawer){
|
|
|
+ this.addresDrawer = false;
|
|
|
+ this.addresText = null;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ makeSure() {
|
|
|
+
|
|
|
},
|
|
|
// 取消
|
|
|
cancel() {
|
|
|
- this.$router.go(-1);
|
|
|
+ this.$router.push('/transportPrice');
|
|
|
},
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
-<style lang='scss' scoped>
|
|
|
-.form-box{
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 5px;
|
|
|
- margin-bottom: 20px;
|
|
|
-}
|
|
|
-.button-box{
|
|
|
- display: flex;
|
|
|
- text-align: center;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- margin-top: 0.3125rem;
|
|
|
- margin-bottom: 1.25rem;
|
|
|
+<style lang='scss'>
|
|
|
+.addTransportPrice{
|
|
|
+ .form{
|
|
|
+ display: flex;
|
|
|
+ .form_box{
|
|
|
+ width: 320px;
|
|
|
+ margin-left: 30%;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-right: 20px;
|
|
|
+ .el-form{
|
|
|
+ .preview-group{
|
|
|
+ .el-form-item{
|
|
|
+ .el-form-item__label{
|
|
|
+ display: inline-block;
|
|
|
+ width: 70px !important;
|
|
|
+ }
|
|
|
+ .el-form-item__content{
|
|
|
+ .el-select{
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+ .el-input{
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .liulan{
|
|
|
+ width: 120px;
|
|
|
+ margin-top: 30px;
|
|
|
+ .el-button{
|
|
|
+ width: 100px !important;
|
|
|
+ margin: auto;
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ margin-top: 105px;
|
|
|
+ }
|
|
|
+ .btn1{
|
|
|
+ margin-top: 13px;
|
|
|
+ }
|
|
|
+ .btn2{
|
|
|
+ margin-top: 67px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .button_box{
|
|
|
+ margin-left: 45%;
|
|
|
+ }
|
|
|
+ .selectText{
|
|
|
+ .el-input{
|
|
|
+ width: 250px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .LineTable{
|
|
|
+ width: 100%;
|
|
|
+ height: 480px;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
}
|
|
|
+</style>
|
|
|
+<style lang='scss'>
|
|
|
+ /deep/.__bar-is-vertical {
|
|
|
+ right: -1px !important;
|
|
|
+ }
|
|
|
+ /deep/.__bar-is-horizontal {
|
|
|
+ display: none !important;
|
|
|
+ }
|
|
|
</style>
|
