diff --git a/pages/shipWork/brandDetails.vue b/pages/shipWork/brandDetails.vue index cc21a34..b3d6f0f 100644 --- a/pages/shipWork/brandDetails.vue +++ b/pages/shipWork/brandDetails.vue @@ -3,7 +3,7 @@ - 筛选 - -

品牌：特斯拉

-

提单号：TD85875876

-

源类型：新能源

-

场位：C4区15道*2,16道*2

-

航次：HC8595986

-

报关状态：未报关

-

车型：轿车

-

数量：100

-

港口：巴塞罗那

-

报关单号：BG09759724

-

车型明细：无动力半挂车

-

货代：华图供应链管理（天津）有限公司

+ +

品牌：{{item.brdName}}

+

提单号：{{item.mnfBl}}

+

源类型：{{item.sourceType}}

+

场位：{{item.yardPos}}

+

航次：{{item.vvyName}}

+

报关状态：{{item.customsDeclareStatus}}

+

车型：{{item.bvmName}}

+

数量：{{item.amount}}

+

港口：{{item.potName}}

+

报关单号：{{item.customsDeclareNo}}

+

车型明细：{{item.bvdName}}

+

货代：{{item.agentName}}

 @@ -39,9 +39,11 @@ hasChoose: false, menuList: [], defaultValue: {}, + listInfo: [] } }, mounted() { + this.initData() setTimeout(() => { this.menuList = [{ 'title': '按港口', @@ -163,8 +165,74 @@ }, 2000) }, methods: { + initData() { + this.listInfo = [{ + brdName: "特斯拉", + mnfBl: "TD85875876", + sourceType: "新能源", + yardPos: "C4区15道*2,16道*2", + vvyName: "HC8595986", + customsDeclareStatus: "未报关", + bvmName: "轿车", + amount: "100", + potName: "巴塞罗那", + customsDeclareNo: "BG09759724", + bvdName: "无动力半挂车", + agentName: "华图供应链管理（天津）有限公司", + }, + { + brdName: "比亚迪", + mnfBl: "TD85875876A", + sourceType: "新能源", + yardPos: "C4区15道*2,16道*2", + vvyName: "HC8595986", + customsDeclareStatus: "未报关", + bvmName: "轿车", + amount: "100", + potName: "巴塞罗那", + customsDeclareNo: "BG09759724", + bvdName: "无动力半挂车", + agentName: "华图供应链管理（天津）有限公司", + }, + { + brdName: "比亚迪", + mnfBl: "TD85875876A", + sourceType: "新能源", + yardPos: "C4区15道*2,16道*2", + vvyName: "HC8595986", + customsDeclareStatus: "未报关", + bvmName: "轿车", + amount: "100", + potName: "巴塞罗那", + customsDeclareNo: "BG09759724", + bvdName: "无动力半挂车", + agentName: "华图供应链管理（天津）有限公司", + } + ] + }, // 点击搜索右侧图标 - iconClick() {}, + iconClick() { + if (this.searchValue != "") { + let listIndexArr = [] + let newArr = [] + this.listInfo.forEach((v, index) => { + if (v.brdName.indexOf(this.searchValue) != -1 || v.mnfBl.indexOf(this.searchValue) != -1) { + console.log(index) + listIndexArr.push(index) + } + }) + console.log(listIndexArr) + if (listIndexArr.length > 0) { + listIndexArr.forEach((v, index) => { + newArr.push(this.listInfo[v]) + }) + this.listInfo = newArr + console.log(this.listInfo) + } + } else { + this.initData() + } + }, // 点击筛选 screen() { this.$refs.condition.visibleDrawer = true; @@ -175,7 +243,8 @@ console.log(obj); }, // 跳转车型明细 - togoCar(){ + togoCar(item) { + uni.setStorageSync('brandRow', item); uni.navigateTo({ url: `/pages/shipWork/carDetails` }) diff --git a/pages/shipWork/carDetails.vue b/pages/shipWork/carDetails.vue index 2e92a23..fad5816 100644 --- a/pages/shipWork/carDetails.vue +++ b/pages/shipWork/carDetails.vue @@ -2,32 +2,32 @@ - 船名：运程10 - 航次：HC97759809 - 贸易类型：外贸 - 进出口：进口 - 港口：巴塞罗那 - 提单号：TD6955975087 - 报关状态：未报关 - 报关单号：TD6955975087 - 场位：c4区15道*2 - 货代：上海海通国际汽车物流有限公司 - 联系人：张星星 - 联系方式：13266688888 - 品牌：特斯拉 - 车型：轿车 - 车型明细：轿车 - 型号：STAY-CONNECTB - 源类型：新能源 - 数量：199 - 车长：199 - 车宽：199 - 车高：100 - 重量：1978 - 体积：979 - 单票数量：100 - 单票重量：1978 - 单票体积：979 + 船名：{{testInfo.vslCnname}} + 航次：{{testInfo.vvyName}} + 贸易类型：{{testInfo.tradeType}} + 进出口：{{testInfo.importExportFlag}} + 港口：{{testInfo.potName}} + 提单号：{{testInfo.mnfBl}} + 报关状态：{{testInfo.customsDeclareStatus}} + 报关单号：{{testInfo.customsDeclareNo}} + 场位：{{testInfo.yardPos}} + 货代：{{testInfo.agentName}} + 联系人：{{testInfo.consignee}} + 联系方式：{{testInfo.telephone}} + 品牌：{{testInfo.brdName}} + 车型：{{testInfo.bvmName}} + 车型明细：{{testInfo.bvdName}} + 型号：{{testInfo.model}} + 源类型：{{testInfo.sourceType}} + 数量：{{testInfo.amount}} + 车长：{{testInfo.carLength}} + 车宽：{{testInfo.carWidth}} + 车高：{{testInfo.carHeight}} + 重量：{{testInfo.weight}} + 体积：{{testInfo.volume}} + 单票数量：{{testInfo.ticketGtpks}} + 单票重量：{{testInfo.ticketWeight}} + 单票体积：{{testInfo.ticketVolume}} 车架号明细 @@ -37,14 +37,14 @@ 车架号/条形码 场位 - - {{ item.id }} - {{item.vinCod}} - {{ item.field }} + + {{ item.godId }} + {{item.vinCode}} + {{ item.yardPos }} - + @@ -55,29 +55,94 @@ export default { data() { return { - tableData: [{ - id: "01", - vinCod: "CJH67892734895917", - field: "A1-09-03" - }, { - id: "02", - vinCod: "CJH67892734895917", - field: "A1-09-03" - }, { - id: "03", - vinCod: "CJH67892734895917", - field: "A1-09-03" - }], + testInfo: { + vslCnname: "运程10", + vvyName: "HC97759809", + tradeType: "外贸", + importExportFlag: "进口", + potName: "巴塞罗那", + mnfBl: "TD6955975087", + customsDeclareStatus: "未报关", + customsDeclareNo: "TD6955975087", + yardPos: "c4区15道*2", + agentName: "上海海通国际汽车物流有限公司", + consignee: "张星星", + telephone: "13266688888", + brdName: "特斯拉", + bvmName: "轿车", + bvdName: "轿车", + model: "STAY-CONNECTB", + sourceType: "新能源", + amount: "199", + carLength: "199", + carWidth: "199", + carHeight: "199", + weight: "1978", + volume: "1978", + ticketGtpks: "100", + ticketWeight: "979", + ticketVolume: "979", + vinCodeDetails: [] + }, + barndRow: {}, loading: false, // 每页数据量 - pageSize: 20, + pageSize: 3, // 当前页 pageCurrent: 1, // 数据总量 - total: 50, + total: 0, } }, - methods: {}, + mounted() { + this.barndRow = uni.getStorageSync('barndRow') + this.initData() + }, + methods: { + initData() { + this.testInfo.vinCodeDetails = [{ + godId: "01", + spdId: "", + vinCode: "CJH67892734895917", + yardPos: "A1-09-03", + }, { + godId: "02", + spdId: "", + vinCode: "CJH67892734895917", + yardPos: "A1-09-03", + }, { + godId: "03", + spdId: "", + vinCode: "CJH67892734895917", + yardPos: "A1-09-03", + }, { + godId: "04", + spdId: "", + vinCode: "CJH67892734895917", + yardPos: "A1-09-03", + }] + this.total = this.testInfo.vinCodeDetails.length + let newArr = this.getMapping(this.testInfo.vinCodeDetails, this.pageSize) + this.testInfo.vinCodeDetails = newArr[this.pageCurrent - 1]; + }, + // 点击分页 + pageChange(e) { + this.pageCurrent = e.current + this.initData() + }, + // 分页切割数组(数组，分割个数) + getMapping(list, num) { + let len = list.length + let newList = [] + if (len) { + var chunk = num + for (var i = 0, j = len; i < j; i += chunk) { + newList.push(list.slice(i, i + chunk)) + } + } + return newList + }, + }, } diff --git a/pages/shipWork/shipInfo.vue b/pages/shipWork/shipInfo.vue index 1515067..2818608 100644 --- a/pages/shipWork/shipInfo.vue +++ b/pages/shipWork/shipInfo.vue @@ -2,27 +2,40 @@ - 船名：安吉11 - 总重：100 - 净重：50 - 长度：30 - 宽度：20 - 空载吃水：空载吃水 - 重载吃水：重载吃水 - 舱口高度：舱口高度 - 最低作业潮水：最低作业潮水 - 驾驶台位置：驾驶台位置 - 跳板左：跳板左 - 跳板后左：跳板后左 - 跳板中右：跳板中右 - 跳板前右：跳板前右 - 跳板后右 ：跳板后右 + 船名：{{shipInfo.shipmentShipManage.vslCnname}} + 总重：{{shipInfo.shipmentShipManage.vslGton}} + 净重：{{shipInfo.shipmentShipManage.vslNetton}} + 长度：{{shipInfo.shipmentShipManage.vslLoa}} + 宽度：{{shipInfo.shipmentShipManage.vslBreadth}} + 空载吃水：{{shipInfo.shipmentShipManage.vslDraftunload}} + 重载吃水：{{shipInfo.shipmentShipManage.vslDraftload}} + 舱口高度：{{shipInfo.shipmentShipManage.spmCabinht}} + 最低作业潮水：{{shipInfo.shipmentShipManage.spmMintide}} + 驾驶台位置：{{shipInfo.shipmentShipManage.spmCab}} + 跳板中左：{{shipInfo.shipmentShipManage.spmBoardCentrele}} + 跳板前左：{{shipInfo.shipmentShipManage.spmBoardFrontle}} + 跳板后左：{{shipInfo.shipmentShipManage.spmBoardLaterle}} + 跳板中右：{{shipInfo.shipmentShipManage.spmBoardCentrerg}} + 跳板前右：{{shipInfo.shipmentShipManage.spmBoardFrontrg}} + 跳板后右 ：{{shipInfo.shipmentShipManage.spmBoardLaterrg}}