|
|
@@ -13,8 +13,10 @@
|
|
|
@row-save="rowSave"
|
|
|
ref="crud"
|
|
|
:key="key"
|
|
|
+ :search.sync="search"
|
|
|
:page.sync="page"
|
|
|
@on-load="onLoad"
|
|
|
+ @search-change="searchChange"
|
|
|
@selection-change="selectionChange"
|
|
|
@row-update="rowUpdate"
|
|
|
@resetColumn="resetColumn('crud','option','optionBack',codeValue)"
|
|
|
@@ -71,7 +73,15 @@
|
|
|
|
|
|
<script>
|
|
|
|
|
|
-import {tradingBoxFees,generateBill, revokeBill, tradingBoxFeesList} from "@/api/boxManagement";
|
|
|
+import {
|
|
|
+ tradingBoxFees,
|
|
|
+ generateBill,
|
|
|
+ revokeBill,
|
|
|
+ tradingBoxFeesList,
|
|
|
+ transportItemFeesListdata,
|
|
|
+ tradingBoxFeesSubmit,
|
|
|
+ transportItemFeesSubmitdata
|
|
|
+} from "@/api/boxManagement";
|
|
|
import reportDialog from "@/components/report-dialog/main.vue";
|
|
|
import {getParities} from "@/api/basicData/customerInquiry";
|
|
|
import {dateFormat} from "@/util/date";
|
|
|
@@ -92,6 +102,7 @@ export default {
|
|
|
total: 0,
|
|
|
pageSizes: [10, 20, 30, 40, 50, 100, 200, 300, 400, 500]
|
|
|
},
|
|
|
+ search:{},
|
|
|
leaseIn: {
|
|
|
align: 'center',
|
|
|
index: true,
|
|
|
@@ -101,6 +112,7 @@ export default {
|
|
|
addBtn: true,
|
|
|
selection: true,
|
|
|
span: 6,
|
|
|
+ searchMenuSpan: 18,
|
|
|
dialogTop: "25%",
|
|
|
addRowBtn: false,
|
|
|
cellBtn: false,
|
|
|
@@ -151,6 +163,7 @@ export default {
|
|
|
label: '箱号',
|
|
|
prop: 'code',
|
|
|
width: 140,
|
|
|
+ search:true,
|
|
|
overHidden: true,
|
|
|
filterable: true,
|
|
|
type: "select",
|
|
|
@@ -280,6 +293,7 @@ export default {
|
|
|
refreshBtn: false,
|
|
|
addBtn: true,
|
|
|
span: 6,
|
|
|
+ searchMenuSpan: 18,
|
|
|
dialogTop: "25%",
|
|
|
addRowBtn: false,
|
|
|
cellBtn: false,
|
|
|
@@ -330,6 +344,7 @@ export default {
|
|
|
label: '箱号',
|
|
|
prop: 'code',
|
|
|
width: 140,
|
|
|
+ search:true,
|
|
|
overHidden: true,
|
|
|
filterable: true,
|
|
|
type: "select",
|
|
|
@@ -459,6 +474,7 @@ export default {
|
|
|
refreshBtn: false,
|
|
|
addBtn: true,
|
|
|
span: 6,
|
|
|
+ searchMenuSpan: 18,
|
|
|
dialogTop: "25%",
|
|
|
addRowBtn: false,
|
|
|
cellBtn: false,
|
|
|
@@ -617,32 +633,58 @@ export default {
|
|
|
placeholder: "请点击右边按钮选择",
|
|
|
dicData: []
|
|
|
},
|
|
|
+ onetotal:0,
|
|
|
+ twototal:0,
|
|
|
activeNameTwo: "first"
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
listData(newVla, oldVal) {
|
|
|
console.log(this.listData,625)
|
|
|
- // this.data_one = newVla.filter(item => item.feesType === 1); //应收
|
|
|
- // this.data_two = newVla.filter(item => item.feesType === 2); //应付
|
|
|
- this.tradingBoxFeesListfun(1)
|
|
|
- this.tradingBoxFeesListfun(2)
|
|
|
- // console.log(this.data_one,'one')
|
|
|
- // console.log(this.data_two,'two')
|
|
|
- // if (this.activeNameTwo === "first") {
|
|
|
- // this.dataList = this.data_one;
|
|
|
- // } else {
|
|
|
- // this.dataList = this.data_two;
|
|
|
- // }
|
|
|
- // this.key++
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ console.log('出口')
|
|
|
+ this.transportItemFeesListdatafun(1)
|
|
|
+ this.transportItemFeesListdatafun(2)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ console.log('4ge')
|
|
|
+ this.tradingBoxFeesListfun(1)
|
|
|
+ this.tradingBoxFeesListfun(2)
|
|
|
+ }else {
|
|
|
+ this.data_one = newVla.filter(item => item.feesType === 1); //应收
|
|
|
+ this.data_two = newVla.filter(item => item.feesType === 2); //应付
|
|
|
+ if (this.activeNameTwo === "first") {
|
|
|
+ this.dataList = this.data_one;
|
|
|
+ } else {
|
|
|
+ this.dataList = this.data_two;
|
|
|
+ }
|
|
|
+ this.key++
|
|
|
+ }
|
|
|
},
|
|
|
+ // 分页
|
|
|
"page.currentPage":{
|
|
|
handler(newVla,oldVal) {
|
|
|
- console.log(newVla,640)
|
|
|
- this.tradingBoxFeesListfun(1)
|
|
|
- this.tradingBoxFeesListfun(2)
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ this.transportItemFeesListdatafun(1)
|
|
|
+ this.transportItemFeesListdatafun(2)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ this.tradingBoxFeesListfun(1)
|
|
|
+ this.tradingBoxFeesListfun(2)
|
|
|
+ }
|
|
|
+
|
|
|
+ },
|
|
|
+ },
|
|
|
+ "page.pageSize":{
|
|
|
+ handler(newVla,oldVal) {
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ this.transportItemFeesListdatafun(1)
|
|
|
+ this.transportItemFeesListdatafun(2)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ this.tradingBoxFeesListfun(1)
|
|
|
+ this.tradingBoxFeesListfun(2)
|
|
|
+ }
|
|
|
},
|
|
|
},
|
|
|
+
|
|
|
"option.menu":{
|
|
|
handler(newVla,oldVal) {
|
|
|
if (newVla !== oldVal) {
|
|
|
@@ -762,37 +804,86 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
onLoad(page, params = {}){
|
|
|
- console.log(page,757)
|
|
|
this.page.currentPage = page.currentPage
|
|
|
this.page.pageSize = page.pageSize
|
|
|
},
|
|
|
+ // 搜索
|
|
|
+ searchChange(form,dome){
|
|
|
+ console.log(form,809)
|
|
|
+ this.page.currentPage = 1
|
|
|
+ this.page.pageSize = 20
|
|
|
+ let feesType = null
|
|
|
+ if (this.activeNameTwo === "first"){
|
|
|
+ feesType = 1
|
|
|
+ }else {
|
|
|
+ feesType = 2
|
|
|
+ }
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ this.transportItemFeesListdatafun(feesType,form)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ this.tradingBoxFeesListfun(feesType,form)
|
|
|
+ }
|
|
|
+ dome()
|
|
|
+
|
|
|
+ },
|
|
|
// 租出,租入,卖箱,买箱的接口
|
|
|
- tradingBoxFeesListfun(feesType){
|
|
|
+ tradingBoxFeesListfun(feesType,params = {}){
|
|
|
tradingBoxFeesList({
|
|
|
+ ...params,
|
|
|
+ current: this.page.currentPage,
|
|
|
+ size: this.page.pageSize,
|
|
|
+ pid:this.id,
|
|
|
+ feesType:feesType
|
|
|
+ }).then(res=>{
|
|
|
+ if (feesType == 1) {
|
|
|
+ // this.page.total = res.data.data.total
|
|
|
+ this.onetotal = res.data.data.total
|
|
|
+ this.data_one = res.data.data.records
|
|
|
+ }else {
|
|
|
+ // this.page.total = res.data.data.total
|
|
|
+ this.twototal = res.data.data.total
|
|
|
+ this.data_two = res.data.data.records
|
|
|
+ }
|
|
|
+ if (this.activeNameTwo === "first") {
|
|
|
+ this.page.total = this.onetotal
|
|
|
+ this.dataList = this.data_one;
|
|
|
+ } else {
|
|
|
+ this.page.total = this.twototal
|
|
|
+ this.dataList = this.data_two;
|
|
|
+ }
|
|
|
+ this.key++
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+ // 出口进口的费用接口
|
|
|
+ transportItemFeesListdatafun(feesType,params = {}){
|
|
|
+ transportItemFeesListdata({
|
|
|
+ ...params,
|
|
|
current: this.page.currentPage,
|
|
|
size: this.page.pageSize,
|
|
|
pid:this.id,
|
|
|
feesType:feesType
|
|
|
}).then(res=>{
|
|
|
if (feesType == 1) {
|
|
|
+ // this.page.total = res.data.data.total
|
|
|
+ this.onetotal = res.data.data.total
|
|
|
this.data_one = res.data.data.records
|
|
|
- this.page.total = res.data.data.total
|
|
|
}else {
|
|
|
- console.log(res.data.data,755)
|
|
|
+ // this.page.total = res.data.data.total
|
|
|
+ this.twototal = res.data.data.total
|
|
|
this.data_two = res.data.data.records
|
|
|
- this.page.total = res.data.data.total
|
|
|
}
|
|
|
- console.log(this.data_one,'one')
|
|
|
- console.log(this.data_two,'two')
|
|
|
if (this.activeNameTwo === "first") {
|
|
|
+ this.page.total = this.onetotal
|
|
|
this.dataList = this.data_one;
|
|
|
} else {
|
|
|
+ this.page.total = this.twototal
|
|
|
this.dataList = this.data_two;
|
|
|
}
|
|
|
this.key++
|
|
|
})
|
|
|
},
|
|
|
- //生成账单
|
|
|
+ //生成账单
|
|
|
generateBill(){
|
|
|
this.$confirm("您确定要生成账单吗?", {
|
|
|
confirmButtonText: "确定",
|
|
|
@@ -852,9 +943,11 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
},
|
|
|
+ // 选中表格的时候触发 反的是选中的数组
|
|
|
selectionChange(list) {
|
|
|
this.selectionList = list
|
|
|
},
|
|
|
+ // 打印
|
|
|
openReport() {
|
|
|
for (let item of this.listData) {
|
|
|
if (!item.id) {
|
|
|
@@ -903,31 +996,87 @@ export default {
|
|
|
this.activeNameTwo = tab.name
|
|
|
if (tab.name === "first") {
|
|
|
this.findObject(this.option.column, "corpName").label = "收款对象"
|
|
|
+ this.page.total = this.onetotal
|
|
|
} else {
|
|
|
this.findObject(this.option.column, "corpName").label = "付款对象"
|
|
|
+ this.page.total = this.twototal
|
|
|
}
|
|
|
},
|
|
|
+ // 新增按钮事件
|
|
|
rowSave(form, done, loading) {
|
|
|
done({
|
|
|
...form,
|
|
|
feesType: this.activeNameTwo === "first" ? 1 : 2,
|
|
|
sort: this.dataList.length
|
|
|
})
|
|
|
- if (this.activeNameTwo === "first") {
|
|
|
- this.dataList = this.dataList.concat(this.data_two)
|
|
|
- this.$emit("callBack", this.dataList);
|
|
|
- } else {
|
|
|
- this.dataList = this.dataList.concat(this.data_one)
|
|
|
- this.$emit("callBack", this.dataList);
|
|
|
- }
|
|
|
+ console.log(form,976)
|
|
|
+
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ this.transportItemFeesSubmitdatafun(form)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ this.tradingBoxFeesSubmitfun(form)
|
|
|
+ }
|
|
|
+
|
|
|
+ // if (this.activeNameTwo === "first") {
|
|
|
+ // this.dataList = this.dataList.concat(this.data_two)
|
|
|
+ // this.$emit("callBack", this.dataList);
|
|
|
+ // } else {
|
|
|
+ // this.dataList = this.dataList.concat(this.data_one)
|
|
|
+ // this.$emit("callBack", this.dataList);
|
|
|
+ // }
|
|
|
},
|
|
|
+ // 买箱,卖箱,租入,租出,堆存管理 添加和保存
|
|
|
+ tradingBoxFeesSubmitfun(form){
|
|
|
+ let feesType = null
|
|
|
+ if (this.activeNameTwo === "first") {
|
|
|
+ feesType = 1
|
|
|
+ } else {
|
|
|
+ feesType = 2
|
|
|
+ }
|
|
|
+ tradingBoxFeesSubmit({
|
|
|
+ ...form,
|
|
|
+ pid:this.id,
|
|
|
+ feesType:feesType
|
|
|
+ }).then(res=>{
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.$message.success("操作成功!");
|
|
|
+ this.tradingBoxFeesListfun(feesType)
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 出口装运,进口装运的接口
|
|
|
+ transportItemFeesSubmitdatafun(form){
|
|
|
+ let feesType = null
|
|
|
+ if (this.activeNameTwo === "first") {
|
|
|
+ feesType = 1
|
|
|
+ } else {
|
|
|
+ feesType = 2
|
|
|
+ }
|
|
|
+ transportItemFeesSubmitdata({
|
|
|
+ ...form,
|
|
|
+ pid:this.id,
|
|
|
+ feesType:feesType
|
|
|
+ }).then(res=>{
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ this.$message.success("操作成功!");
|
|
|
+ this.transportItemFeesListdatafun(feesType)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 费用信息编辑
|
|
|
rowUpdate(form, index, done, loading) {
|
|
|
done(form)
|
|
|
- if (this.activeNameTwo === "first") {
|
|
|
- this.$emit("callBack", this.dataList.concat(this.data_two));
|
|
|
- } else {
|
|
|
- this.$emit("callBack", this.data_one.concat(this.dataList));
|
|
|
- }
|
|
|
+ if(this.type == 'CK' || this.type == 'JK') {
|
|
|
+ this.transportItemFeesSubmitdatafun(form)
|
|
|
+ }else if (this.type == 'ZR' || this.type == 'ZC' || this.type == 'SELL' || this.type == 'BUY' || this.type == 'DCF') {
|
|
|
+ this.tradingBoxFeesSubmitfun(form)
|
|
|
+ }
|
|
|
+ // if (this.activeNameTwo === "first") {
|
|
|
+ // this.$emit("callBack", this.dataList.concat(this.data_two));
|
|
|
+ // } else {
|
|
|
+ // this.$emit("callBack", this.data_one.concat(this.dataList));
|
|
|
+ // }
|
|
|
},
|
|
|
// 明细删除
|
|
|
rowDel(row, index) {
|