Merge branch 'dev2' of http://61.184.202.72:3000/wsnet/PDA-App into dev2
commit
0feb180d6f
|
|
@ -3,7 +3,7 @@
|
|||
<view class="container">
|
||||
<view class="topBox">
|
||||
<view class="searchBox">
|
||||
<uni-easyinput suffixIcon="search" v-model="searchValue" placeholder="提单号/车架号/长/宽/高/重量"
|
||||
<uni-easyinput suffixIcon="search" v-model="searchValue" placeholder="品牌/提单号"
|
||||
@iconClick="iconClick"></uni-easyinput>
|
||||
<text @tap="screen">筛选</text>
|
||||
<fjj-condition ref='condition' @touchmove.stop :color="color" :list="menuList"
|
||||
|
|
@ -11,19 +11,19 @@
|
|||
</view>
|
||||
</view>
|
||||
<view class="ul">
|
||||
<view class="li" v-for="item in 6" :key="item" @click="togoCar">
|
||||
<p class="title">品牌：特斯拉</p>
|
||||
<p>提单号：TD85875876</p>
|
||||
<p>源类型：新能源</p>
|
||||
<p>场位：C4区15道*2,16道*2</p>
|
||||
<p>航次：HC8595986</p>
|
||||
<p>报关状态：未报关</p>
|
||||
<p>车型：轿车</p>
|
||||
<p>数量：100</p>
|
||||
<p>港口：巴塞罗那</p>
|
||||
<p>报关单号：BG09759724</p>
|
||||
<p>车型明细：无动力半挂车</p>
|
||||
<p>货代：华图供应链管理（天津）有限公司</p>
|
||||
<view class="li" v-for="(item,index) in listInfo" :key="index" @click="togoCar(item)">
|
||||
<p class="title">品牌：{{item.brdName}}</p>
|
||||
<p>提单号：{{item.mnfBl}}</p>
|
||||
<p>源类型：{{item.sourceType}}</p>
|
||||
<p>场位：{{item.yardPos}}</p>
|
||||
<p>航次：{{item.vvyName}}</p>
|
||||
<p>报关状态：{{item.customsDeclareStatus}}</p>
|
||||
<p>车型：{{item.bvmName}}</p>
|
||||
<p>数量：{{item.amount}}</p>
|
||||
<p>港口：{{item.potName}}</p>
|
||||
<p>报关单号：{{item.customsDeclareNo}}</p>
|
||||
<p>车型明细：{{item.bvdName}}</p>
|
||||
<p>货代：{{item.agentName}}</p>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -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`
|
||||
})
|
||||
|
|
|
|||
|
|
@ -2,32 +2,32 @@
|
|||
<view class="carDetails">
|
||||
<view class="container">
|
||||
<view class="ul">
|
||||
<view class="li">船名：运程10</view>
|
||||
<view class="li">航次：HC97759809</view>
|
||||
<view class="li">贸易类型：外贸</view>
|
||||
<view class="li">进出口：进口</view>
|
||||
<view class="li">港口：巴塞罗那</view>
|
||||
<view class="li">提单号：TD6955975087</view>
|
||||
<view class="li">报关状态：未报关</view>
|
||||
<view class="li">报关单号：TD6955975087</view>
|
||||
<view class="li">场位：c4区15道*2</view>
|
||||
<view class="li">货代：上海海通国际汽车物流有限公司</view>
|
||||
<view class="li">联系人：张星星</view>
|
||||
<view class="li">联系方式：13266688888</view>
|
||||
<view class="li">品牌：特斯拉</view>
|
||||
<view class="li">车型：轿车</view>
|
||||
<view class="li">车型明细：轿车</view>
|
||||
<view class="li">型号：STAY-CONNECTB</view>
|
||||
<view class="li">源类型：新能源</view>
|
||||
<view class="li">数量：199</view>
|
||||
<view class="li">车长：199</view>
|
||||
<view class="li">车宽：199</view>
|
||||
<view class="li">车高：100</view>
|
||||
<view class="li">重量：1978</view>
|
||||
<view class="li">体积：979</view>
|
||||
<view class="li">单票数量：100</view>
|
||||
<view class="li">单票重量：1978</view>
|
||||
<view class="li">单票体积：979</view>
|
||||
<view class="li">船名：{{testInfo.vslCnname}}</view>
|
||||
<view class="li">航次：{{testInfo.vvyName}}</view>
|
||||
<view class="li">贸易类型：{{testInfo.tradeType}}</view>
|
||||
<view class="li">进出口：{{testInfo.importExportFlag}}</view>
|
||||
<view class="li">港口：{{testInfo.potName}}</view>
|
||||
<view class="li">提单号：{{testInfo.mnfBl}}</view>
|
||||
<view class="li">报关状态：{{testInfo.customsDeclareStatus}}</view>
|
||||
<view class="li">报关单号：{{testInfo.customsDeclareNo}}</view>
|
||||
<view class="li">场位：{{testInfo.yardPos}}</view>
|
||||
<view class="li">货代：{{testInfo.agentName}}</view>
|
||||
<view class="li">联系人：{{testInfo.consignee}}</view>
|
||||
<view class="li">联系方式：{{testInfo.telephone}}</view>
|
||||
<view class="li">品牌：{{testInfo.brdName}}</view>
|
||||
<view class="li">车型：{{testInfo.bvmName}}</view>
|
||||
<view class="li">车型明细：{{testInfo.bvdName}}</view>
|
||||
<view class="li">型号：{{testInfo.model}}</view>
|
||||
<view class="li">源类型：{{testInfo.sourceType}}</view>
|
||||
<view class="li">数量：{{testInfo.amount}}</view>
|
||||
<view class="li">车长：{{testInfo.carLength}}</view>
|
||||
<view class="li">车宽：{{testInfo.carWidth}}</view>
|
||||
<view class="li">车高：{{testInfo.carHeight}}</view>
|
||||
<view class="li">重量：{{testInfo.weight}}</view>
|
||||
<view class="li">体积：{{testInfo.volume}}</view>
|
||||
<view class="li">单票数量：{{testInfo.ticketGtpks}}</view>
|
||||
<view class="li">单票重量：{{testInfo.ticketWeight}}</view>
|
||||
<view class="li">单票体积：{{testInfo.ticketVolume}}</view>
|
||||
</view>
|
||||
<view class="tableInfo">
|
||||
<view class="title">车架号明细</view>
|
||||
|
|
@ -37,14 +37,14 @@
|
|||
<uni-th align="center">车架号/条形码</uni-th>
|
||||
<uni-th align="center">场位</uni-th>
|
||||
</uni-tr>
|
||||
<uni-tr v-for="(item, index) in tableData" :key="index">
|
||||
<uni-td align="center">{{ item.id }}</uni-td>
|
||||
<uni-td align="center">{{item.vinCod}}</uni-td>
|
||||
<uni-td align="center">{{ item.field }}</uni-td>
|
||||
<uni-tr v-for="(item, index) in testInfo.vinCodeDetails" :key="index">
|
||||
<uni-td align="center">{{ item.godId }}</uni-td>
|
||||
<uni-td align="center">{{item.vinCode}}</uni-td>
|
||||
<uni-td align="center">{{ item.yardPos }}</uni-td>
|
||||
</uni-tr>
|
||||
</uni-table>
|
||||
<view class="pagination">
|
||||
<uni-pagination :total="total" :pageSize="pageSize" v-model="pageCurrent" title="标题文字" />
|
||||
<uni-pagination :total="total" :pageSize="pageSize" :current="pageCurrent" @change="pageChange" />
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -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
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
|
|
|
|||
|
|
@ -2,27 +2,40 @@
|
|||
<view class="shipInfo">
|
||||
<view class="container">
|
||||
<view class="ul">
|
||||
<view class="li">船名：安吉11</view>
|
||||
<view class="li">总重：100</view>
|
||||
<view class="li">净重：50</view>
|
||||
<view class="li">长度：30</view>
|
||||
<view class="li">宽度：20</view>
|
||||
<view class="li">空载吃水：空载吃水</view>
|
||||
<view class="li">重载吃水：重载吃水</view>
|
||||
<view class="li">舱口高度：舱口高度</view>
|
||||
<view class="li">最低作业潮水：最低作业潮水</view>
|
||||
<view class="li">驾驶台位置：驾驶台位置</view>
|
||||
<view class="li">跳板左：跳板左</view>
|
||||
<view class="li">跳板后左：跳板后左</view>
|
||||
<view class="li">跳板中右：跳板中右</view>
|
||||
<view class="li">跳板前右：跳板前右</view>
|
||||
<view class="li">跳板后右 ：跳板后右</view>
|
||||
<view class="li">船名：{{shipInfo.shipmentShipManage.vslCnname}}</view>
|
||||
<view class="li">总重：{{shipInfo.shipmentShipManage.vslGton}}</view>
|
||||
<view class="li">净重：{{shipInfo.shipmentShipManage.vslNetton}}</view>
|
||||
<view class="li">长度：{{shipInfo.shipmentShipManage.vslLoa}}</view>
|
||||
<view class="li">宽度：{{shipInfo.shipmentShipManage.vslBreadth}}</view>
|
||||
<view class="li">空载吃水：{{shipInfo.shipmentShipManage.vslDraftunload}}</view>
|
||||
<view class="li">重载吃水：{{shipInfo.shipmentShipManage.vslDraftload}}</view>
|
||||
<view class="li">舱口高度：{{shipInfo.shipmentShipManage.spmCabinht}}</view>
|
||||
<view class="li">最低作业潮水：{{shipInfo.shipmentShipManage.spmMintide}}</view>
|
||||
<view class="li">驾驶台位置：{{shipInfo.shipmentShipManage.spmCab}}</view>
|
||||
<view class="li">跳板中左：{{shipInfo.shipmentShipManage.spmBoardCentrele}}</view>
|
||||
<view class="li">跳板前左：{{shipInfo.shipmentShipManage.spmBoardFrontle}}</view>
|
||||
<view class="li">跳板后左：{{shipInfo.shipmentShipManage.spmBoardLaterle}}</view>
|
||||
<view class="li">跳板中右：{{shipInfo.shipmentShipManage.spmBoardCentrerg}}</view>
|
||||
<view class="li">跳板前右：{{shipInfo.shipmentShipManage.spmBoardFrontrg}}</view>
|
||||
<view class="li">跳板后右 ：{{shipInfo.shipmentShipManage.spmBoardLaterrg}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
shipInfo: {
|
||||
shipmentShipManage: {}
|
||||
},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
|
|
@ -3,43 +3,54 @@
|
|||
<view class="container">
|
||||
<p class="title">基本信息</p>
|
||||
<view class="ul">
|
||||
<view class="li wLi">船名：安吉11</view>
|
||||
<view class="li">进口航次：进口航次11</view>
|
||||
<view class="li">贸易类型：贸易类型11</view>
|
||||
<view class="li">航线：航线11</view>
|
||||
<view class="li">船公司：船公司11</view>
|
||||
<view class="li wLi">船代：船代11</view>
|
||||
<view class="li">出口航次：出口航次11</view>
|
||||
<view class="li">贸易类型：贸易类型11</view>
|
||||
<view class="li">航线：航线11</view>
|
||||
<view class="li">船公司：船公司11</view>
|
||||
<view class="li wLi">船代：船代11</view>
|
||||
<view class="li wLi">船名：</view>
|
||||
<view class="li">进口航次：</view>
|
||||
<view class="li">贸易类型：</view>
|
||||
<view class="li">航线：？？？</view>
|
||||
<view class="li">船公司：？？？</view>
|
||||
<view class="li wLi">船名：</view>
|
||||
<view class="li">进口航次：</view>
|
||||
<view class="li">贸易类型：</view>
|
||||
<view class="li">航线：？？？</view>
|
||||
<view class="li">船公司：？？？</view>
|
||||
<view class="li wLi">船代：？？？</view>
|
||||
</view>
|
||||
<p class="title">船期信息</p>
|
||||
<view class="ul">
|
||||
<view class="li">计划到港时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">计划离港时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">计划靠泊时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">计划离泊时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">确报时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">船期状态：船期状态</view>
|
||||
<view class="li">靠泊状态：靠泊状态</view>
|
||||
<view class="li">计划泊位：计划泊位</view>
|
||||
<view class="li">计划到港时间：？？？</view>
|
||||
<view class="li">计划离港时间：？？？</view>
|
||||
<view class="li">计划靠泊时间：？？？</view>
|
||||
<view class="li">计划离泊时间：？？？</view>
|
||||
<view class="li">确报时间：？？？</view>
|
||||
<view class="li">船期状态：？？？</view>
|
||||
<view class="li">靠泊状态：？？？</view>
|
||||
<view class="li">计划泊位：</view>
|
||||
</view>
|
||||
<p class="title">计划信息</p>
|
||||
<view class="ul">
|
||||
<view class="li">计划开工时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">计划完工时间：2023/11/11 08:00:00</view>
|
||||
<view class="li">品牌：品牌</view>
|
||||
<view class="li">计划数量：100</view>
|
||||
<view class="li">工班人数：50</view>
|
||||
<view class="li">计划组数：100</view>
|
||||
<view class="li">计划开工时间：</view>
|
||||
<view class="li">计划完工时间：</view>
|
||||
<view class="li">品牌：？？？</view>
|
||||
<view class="li">计划数量：</view>
|
||||
<view class="li">工班人数：？？？</view>
|
||||
<view class="li">计划组数：？？？</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
shipInfo: {},
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.shipInfo = uni.getStorageSync('shipInfo')
|
||||
console.log(this.shipInfo)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
|
|
|
|||
Loading…
Reference in New Issue