wsnet
/
pad-app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'dev2' of http://61.184.202.72:3000/wsnet/PDA-App into dev2

dev2
wangchen 2023-07-21 17:28:57 +08:00
parent 5306759741 52b075b69e
commit 0feb180d6f
4 changed files with 261 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
pages/shipWork/brandDetails.vue
View File

@ -3,7 +3,7 @@
<view class="container"> <view class="container">
<view class="topBox"> <view class="topBox">
<view class="searchBox"> <view class="searchBox">
<uni-easyinput suffixIcon="search" v-model="searchValue" placeholder="提单号/车架号/长/宽/高/重量" <uni-easyinput suffixIcon="search" v-model="searchValue" placeholder="品牌/提单号"
@iconClick="iconClick"></uni-easyinput> @iconClick="iconClick"></uni-easyinput>
<text @tap="screen">筛选</text> <text @tap="screen">筛选</text>
<fjj-condition ref='condition' @touchmove.stop :color="color" :list="menuList" <fjj-condition ref='condition' @touchmove.stop :color="color" :list="menuList"
@ -11,19 +11,19 @@
</view> </view>
</view> </view>
<view class="ul"> <view class="ul">
<view class="li" v-for="item in 6" :key="item" @click="togoCar"> <view class="li" v-for="(item,index) in listInfo" :key="index" @click="togoCar(item)">
<p class="title">品牌：特斯拉</p> <p class="title">品牌：{{item.brdName}}</p>
<p>提单号：TD85875876</p> <p>提单号：{{item.mnfBl}}</p>
<p>源类型：新能源</p> <p>源类型：{{item.sourceType}}</p>
<p>场位：C4区15道*2,16道*2</p> <p>场位：{{item.yardPos}}</p>
<p>航次：HC8595986</p> <p>航次：{{item.vvyName}}</p>
<p>报关状态：未报关</p> <p>报关状态：{{item.customsDeclareStatus}}</p>
<p>车型：轿车</p> <p>车型：{{item.bvmName}}</p>
<p>数量：100</p> <p>数量：{{item.amount}}</p>
<p>港口：巴塞罗那</p> <p>港口：{{item.potName}}</p>
<p>报关单号：BG09759724</p> <p>报关单号：{{item.customsDeclareNo}}</p>
<p>车型明细：无动力半挂车</p> <p>车型明细：{{item.bvdName}}</p>
<p>货代：华图供应链管理（天津）有限公司</p> <p>货代：{{item.agentName}}</p>
</view> </view>
</view> </view>
</view> </view>
@ -39,9 +39,11 @@
hasChoose: false, hasChoose: false,
menuList: [], menuList: [],
defaultValue: {}, defaultValue: {},
listInfo: []
} }
}, },
mounted() { mounted() {
this.initData()
setTimeout(() => { setTimeout(() => {
this.menuList = [{ this.menuList = [{
'title': '按港口', 'title': '按港口',
@ -163,8 +165,74 @@
}, 2000) }, 2000)
}, },
methods: { 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() { screen() {
this.$refs.condition.visibleDrawer = true; this.$refs.condition.visibleDrawer = true;
@ -175,7 +243,8 @@
console.log(obj); console.log(obj);
}, },
// 跳转车型明细 // 跳转车型明细
togoCar(){ togoCar(item) {
uni.setStorageSync('brandRow', item);
uni.navigateTo({ uni.navigateTo({
url: `/pages/shipWork/carDetails` url: `/pages/shipWork/carDetails`
}) })

159
pages/shipWork/carDetails.vue
View File

@ -2,32 +2,32 @@
<view class="carDetails"> <view class="carDetails">
<view class="container"> <view class="container">
<view class="ul"> <view class="ul">
<view class="li">船名：运程10</view> <view class="li">船名：{{testInfo.vslCnname}}</view>
<view class="li">航次：HC97759809</view> <view class="li">航次：{{testInfo.vvyName}}</view>
<view class="li">贸易类型：外贸</view> <view class="li">贸易类型：{{testInfo.tradeType}}</view>
<view class="li">进出口：进口</view> <view class="li">进出口：{{testInfo.importExportFlag}}</view>
<view class="li">港口：巴塞罗那</view> <view class="li">港口：{{testInfo.potName}}</view>
<view class="li">提单号：TD6955975087</view> <view class="li">提单号：{{testInfo.mnfBl}}</view>
<view class="li">报关状态：未报关</view> <view class="li">报关状态：{{testInfo.customsDeclareStatus}}</view>
<view class="li">报关单号：TD6955975087</view> <view class="li">报关单号：{{testInfo.customsDeclareNo}}</view>
<view class="li">场位：c4区15道*2</view> <view class="li">场位：{{testInfo.yardPos}}</view>
<view class="li">货代：上海海通国际汽车物流有限公司</view> <view class="li">货代：{{testInfo.agentName}}</view>
<view class="li">联系人：张星星</view> <view class="li">联系人：{{testInfo.consignee}}</view>
<view class="li">联系方式：13266688888</view> <view class="li">联系方式：{{testInfo.telephone}}</view>
<view class="li">品牌：特斯拉</view> <view class="li">品牌：{{testInfo.brdName}}</view>
<view class="li">车型：轿车</view> <view class="li">车型：{{testInfo.bvmName}}</view>
<view class="li">车型明细：轿车</view> <view class="li">车型明细：{{testInfo.bvdName}}</view>
<view class="li">型号：STAY-CONNECTB</view> <view class="li">型号：{{testInfo.model}}</view>
<view class="li">源类型：新能源</view> <view class="li">源类型：{{testInfo.sourceType}}</view>
<view class="li">数量：199</view> <view class="li">数量：{{testInfo.amount}}</view>
<view class="li">车长：199</view> <view class="li">车长：{{testInfo.carLength}}</view>
<view class="li">车宽：199</view> <view class="li">车宽：{{testInfo.carWidth}}</view>
<view class="li">车高：100</view> <view class="li">车高：{{testInfo.carHeight}}</view>
<view class="li">重量：1978</view> <view class="li">重量：{{testInfo.weight}}</view>
<view class="li">体积：979</view> <view class="li">体积：{{testInfo.volume}}</view>
<view class="li">单票数量：100</view> <view class="li">单票数量：{{testInfo.ticketGtpks}}</view>
<view class="li">单票重量：1978</view> <view class="li">单票重量：{{testInfo.ticketWeight}}</view>
<view class="li">单票体积：979</view> <view class="li">单票体积：{{testInfo.ticketVolume}}</view>
</view> </view>
<view class="tableInfo"> <view class="tableInfo">
<view class="title">车架号明细</view> <view class="title">车架号明细</view>
@ -37,14 +37,14 @@
<uni-th align="center">车架号/条形码</uni-th> <uni-th align="center">车架号/条形码</uni-th>
<uni-th align="center">场位</uni-th> <uni-th align="center">场位</uni-th>
</uni-tr> </uni-tr>
<uni-tr v-for="(item, index) in tableData" :key="index"> <uni-tr v-for="(item, index) in testInfo.vinCodeDetails" :key="index">
<uni-td align="center">{{ item.id }}</uni-td> <uni-td align="center">{{ item.godId }}</uni-td>
<uni-td align="center">{{item.vinCod}}</uni-td> <uni-td align="center">{{item.vinCode}}</uni-td>
<uni-td align="center">{{ item.field }}</uni-td> <uni-td align="center">{{ item.yardPos }}</uni-td>
</uni-tr> </uni-tr>
</uni-table> </uni-table>
<view class="pagination"> <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> </view>
</view> </view>
@ -55,29 +55,94 @@
export default { export default {
data() { data() {
return { return {
tableData: [{ testInfo: {
id: "01", vslCnname: "运程10",
vinCod: "CJH67892734895917", vvyName: "HC97759809",
field: "A1-09-03" tradeType: "外贸",
}, { importExportFlag: "进口",
id: "02", potName: "巴塞罗那",
vinCod: "CJH67892734895917", mnfBl: "TD6955975087",
field: "A1-09-03" customsDeclareStatus: "未报关",
}, { customsDeclareNo: "TD6955975087",
id: "03", yardPos: "c4区15道*2",
vinCod: "CJH67892734895917", agentName: "上海海通国际汽车物流有限公司",
field: "A1-09-03" 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, loading: false,
// 每页数据量 // 每页数据量
pageSize: 20, pageSize: 3,
// 当前页 // 当前页
pageCurrent: 1, 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> </script>

43
pages/shipWork/shipInfo.vue
View File

@ -2,27 +2,40 @@
<view class="shipInfo"> <view class="shipInfo">
<view class="container"> <view class="container">
<view class="ul"> <view class="ul">
<view class="li">船名：安吉11</view> <view class="li">船名：{{shipInfo.shipmentShipManage.vslCnname}}</view>
<view class="li">总重：100</view> <view class="li">总重：{{shipInfo.shipmentShipManage.vslGton}}</view>
<view class="li">净重：50</view> <view class="li">净重：{{shipInfo.shipmentShipManage.vslNetton}}</view>
<view class="li">长度：30</view> <view class="li">长度：{{shipInfo.shipmentShipManage.vslLoa}}</view>
<view class="li">宽度：20</view> <view class="li">宽度：{{shipInfo.shipmentShipManage.vslBreadth}}</view>
<view class="li">空载吃水：空载吃水</view> <view class="li">空载吃水：{{shipInfo.shipmentShipManage.vslDraftunload}}</view>
<view class="li">重载吃水：重载吃水</view> <view class="li">重载吃水：{{shipInfo.shipmentShipManage.vslDraftload}}</view>
<view class="li">舱口高度：舱口高度</view> <view class="li">舱口高度：{{shipInfo.shipmentShipManage.spmCabinht}}</view>
<view class="li">最低作业潮水：最低作业潮水</view> <view class="li">最低作业潮水：{{shipInfo.shipmentShipManage.spmMintide}}</view>
<view class="li">驾驶台位置：驾驶台位置</view> <view class="li">驾驶台位置：{{shipInfo.shipmentShipManage.spmCab}}</view>
<view class="li">跳板左：跳板左</view> <view class="li">跳板中左：{{shipInfo.shipmentShipManage.spmBoardCentrele}}</view>
<view class="li">跳板后左：跳板后左</view> <view class="li">跳板前左：{{shipInfo.shipmentShipManage.spmBoardFrontle}}</view>
<view class="li">跳板中右：跳板中右</view> <view class="li">跳板后左：{{shipInfo.shipmentShipManage.spmBoardLaterle}}</view>
<view class="li">跳板前右：跳板前右</view> <view class="li">跳板中右：{{shipInfo.shipmentShipManage.spmBoardCentrerg}}</view>
<view class="li">跳板后右 ：跳板后右</view> <view class="li">跳板前右：{{shipInfo.shipmentShipManage.spmBoardFrontrg}}</view>
<view class="li">跳板后右 ：{{shipInfo.shipmentShipManage.spmBoardLaterrg}}</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default {
data() {
return {
shipInfo: {
shipmentShipManage: {}
},
}
},
mounted() {
this.shipInfo = uni.getStorageSync('shipInfo')
}
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

61
pages/shipWork/shipPlan.vue
View File

@ -3,43 +3,54 @@
<view class="container"> <view class="container">
<p class="title">基本信息</p> <p class="title">基本信息</p>
<view class="ul"> <view class="ul">
<view class="li wLi">船名：安吉11</view> <view class="li wLi">船名：</view>
<view class="li">进口航次：进口航次11</view> <view class="li">进口航次：</view>
<view class="li">贸易类型：贸易类型11</view> <view class="li">贸易类型：</view>
<view class="li">航线：航线11</view> <view class="li">航线：？？？</view>
<view class="li">船公司：船公司11</view> <view class="li">船公司：？？？</view>
<view class="li wLi">船代：船代11</view> <view class="li wLi">船名：</view>
<view class="li">出口航次：出口航次11</view> <view class="li">进口航次：</view>
<view class="li">贸易类型：贸易类型11</view> <view class="li">贸易类型：</view>
<view class="li">航线：航线11</view> <view class="li">航线：？？？</view>
<view class="li">船公司：船公司11</view> <view class="li">船公司：？？？</view>
<view class="li wLi">船代：船代11</view> <view class="li wLi">船代：？？？</view>
</view> </view>
<p class="title">船期信息</p> <p class="title">船期信息</p>
<view class="ul"> <view class="ul">
<view class="li">计划到港时间：2023/11/11 08:00:00</view> <view class="li">计划到港时间：？？？</view>
<view class="li">计划离港时间：2023/11/11 08:00:00</view> <view class="li">计划离港时间：？？？</view>
<view class="li">计划靠泊时间：2023/11/11 08:00:00</view> <view class="li">计划靠泊时间：？？？</view>
<view class="li">计划离泊时间：2023/11/11 08:00:00</view> <view class="li">计划离泊时间：？？？</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> </view>
<p class="title">计划信息</p> <p class="title">计划信息</p>
<view class="ul"> <view class="ul">
<view class="li">计划开工时间：2023/11/11 08:00:00</view> <view class="li">计划开工时间：</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">计划数量：100</view> <view class="li">计划数量：</view>
<view class="li">工班人数：50</view> <view class="li">工班人数：？？？</view>
<view class="li">计划组数：100</view> <view class="li">计划组数：？？？</view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
export default {
data() {
return {
shipInfo: {},
}
},
mounted() {
this.shipInfo = uni.getStorageSync('shipInfo')
console.log(this.shipInfo)
}
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>