wsnet
/
pad-app
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
pad-app/pages/receipt/details.vue

707 lines
16 KiB
Vue
Raw Normal View History

11.7
2023-11-07 18:02:20 +08:00
<template>
<view class="details">
<head-view :title="title"></head-view>
<view class="container">
<view class="topBox">
<view class="topImg">
<image src="../../static/images/theme/logo.png"></image>
<view class="rightTitle">
<text>上海海通国际汽车码头有限公司</text>
<text>SHANGHAI HAITONG INTERNATIONAL AUTOMOTIVE TERMINAL CO.</text>
</view>
</view>
<p class="title">装卸货物交接计数单</p>
<p class="bh">编号/N0:<text>QR-7.5.1-01-05-M</text></p>
<view class="infoList">
<view class="li">
bug修改，新需求
2024-06-11 17:19:31 +08:00
<p class="liTitle">船名航次：</p>
<text>{{shipInfo.spmName}}/{{shipInfo.vvyName}}</text>
11.7
2023-11-07 18:02:20 +08:00
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<!-- <view class="li">
11.7
2023-11-07 18:02:20 +08:00
<p class="liTitle">航次：</p>
<text>{{shipInfo.vvyName}}</text>
bug修改，新需求
2024-06-11 17:19:31 +08:00
</view> -->
<view class="li">
<p class="liTitle">贸易类型：</p>
<text>{{shipInfo.tradeType}}</text>
11.7
2023-11-07 18:02:20 +08:00
</view>
<view class="li">
<p class="liTitle">进出口：</p>
<text>{{shipInfo.importExportFlagName}}</text>
</view>
<view class="li">
<p class="liTitle">完工时间：</p>
<text>{{shipInfo.actualFinishTime}}</text>
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<!-- <view class="li">
11.7
2023-11-07 18:02:20 +08:00
<p class="liTitle">工班：</p>
<text>{{shipInfo.gb}}</text>
bug修改，新需求
2024-06-11 17:19:31 +08:00
</view> -->
11.7
2023-11-07 18:02:20 +08:00
</view>
</view>
<view class="listBox">
<view class="listTitle">
<image src="../../static/images/goodsImg2.png" mode=""></image>
<p>货物明细</p>
<view class="total">
<text>总计：</text>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<!-- <text>车辆数：{{totalObj.carAmount}}</text>
<text>备件数：{{totalObj.partAmount}}</text> -->
<text>计划数：{{shipInfo.planAmount}} + {{shipInfo.planParts}}</text>
<text>实际数：{{shipInfo.actualAmount}} + {{shipInfo.actualParts}}</text>
11.7
2023-11-07 18:02:20 +08:00
</view>
</view>
<view class="table">
<view class="tableTop">
<view class="tableHead" v-for="(item,index) in tableHead" :key="index">
<p>{{item}}</p>
</view>
</view>
<view class="tableInfo" v-for="(item,index) in tableData" :key="index">
<view class="li">
{{item.mnfBl}}
</view>
<view class="li">
{{item.mnfMk}}
</view>
<view class="li">
bug修改，新需求
2024-06-11 17:19:31 +08:00
{{ item.carAmount }} + {{ item.partAmount }}
</view>
<view class="li">
{{ item.actualAmount }} + {{item.actualParts }}
</view>
<view class="li">
11.7
2023-11-07 18:02:20 +08:00
{{item.brdName}}
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<template v-if="item.handoverRemark">
11.7
2023-11-07 18:02:20 +08:00
<view class="li">
bug修改，新需求
2024-06-11 17:19:31 +08:00
{{item.handoverRemark}}
<uni-icons type="compose" size="20" @click="openRemark(item)" v-show="shipInfo.handoverStatus != 2"></uni-icons>
11.7
2023-11-07 18:02:20 +08:00
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
</template>
<template v-else>
11.7
2023-11-07 18:02:20 +08:00
<view class="li">
bug修改，新需求
2024-06-11 17:19:31 +08:00
{{item.handoverNativeRemark}}
<uni-icons type="compose" size="20" @click="openRemark(item)" v-show="shipInfo.handoverStatus != 2"></uni-icons>
11.7
2023-11-07 18:02:20 +08:00
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
</template>
<view class="li">
{{item.damage}}
11.7
2023-11-07 18:02:20 +08:00
</view>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<!-- <view class="li" @click="toDetails(item)">
详情
</view> -->
11.7
2023-11-07 18:02:20 +08:00
</view>
</view>
</view>
<view class="signBox">
<view class="signContent">
<view class="signTitle">
<p>堆场员签名:</p>
<p>Yard staff:</p>
</view>
<view class="signInfo" v-if="shipInfo.yardSignUrl == null" @click="toSign('0')">
uat问题修改
2024-05-31 16:53:04 +08:00
去签名/Signature
11.7
2023-11-07 18:02:20 +08:00
</view>
<view class="signImg" v-else>
<image :src="yardSignUrl" mode=""></image>
</view>
</view>
<view class="row"></view>
<view class="signContent" v-if="shipInfo.tradeType == '外贸'">
<view class="signTitle">
<p>理货员签名:</p>
<p>tally clerk:</p>
</view>
<view class="signInfo" v-if="shipInfo.tallySignUrl == null" @click="toSign('1')">
uat问题修改
2024-05-31 16:53:04 +08:00
去签名/Signature
11.7
2023-11-07 18:02:20 +08:00
</view>
<view class="signImg" v-else>
<image :src="tallySignUrl" mode=""></image>
</view>
</view>
<view class="signContent" v-else>
<view class="signTitle">
<p>船方:</p>
<p>the ship:</p>
</view>
<view class="signInfo" v-if="shipInfo.shipSignUrl == null" @click="toSign('2')">
uat问题修改
2024-05-31 16:53:04 +08:00
去签名/Signature
11.7
2023-11-07 18:02:20 +08:00
</view>
<view class="signImg" v-else>
<image :src="shipSignUrl" mode=""></image>
</view>
</view>
</view>
<uni-popup ref="popup" background-color="#fff">
<view class="table rowTable">
12.27
2023-12-27 17:57:26 +08:00
<view class="popupTitle">残损具体情况</view>
<view class="tableContent">
<view class="tableTop">
<view class="tableHead" v-for="(item,index) in rowTableHead" :key="index">
<p>{{item}}</p>
</view>
11.7
2023-11-07 18:02:20 +08:00
</view>
12.27
2023-12-27 17:57:26 +08:00
<view class="tableInfo" v-for="(item,index) in rowTableData" :key="index">
<view class="li">
{{index + 1}}
</view>
<view class="li">
{{item.vinCode}}
</view>
<view class="li">
{{item.qdLinkName}}
</view>
<view class="li">
{{item.disposalSituationName}}
</view>
11.7
2023-11-07 18:02:20 +08:00
</view>
12.27
2023-12-27 17:57:26 +08:00
11.7
2023-11-07 18:02:20 +08:00
</view>
</view>
</uni-popup>
bug修改，新需求
2024-06-11 17:19:31 +08:00
<uni-popup ref="popup2" type="dialog">
<view class="popupBox popupBox2">
<view class="popupTitle">
备注
</view>
<uni-easyinput type="textarea" v-model="askValue" placeholder="请输入内容..."
></uni-easyinput>
<view class="popupBtn">
<view class="btnList">
<button class="button" type="default" @click="zcCancel">取 消</button>
<button class="button" type="primary" @click="zcConfirm">确 认</button>
</view>
</view>
</view>
</uni-popup>
11.7
2023-11-07 18:02:20 +08:00
</view>
</view>
</template>
<script>
import HeadView from '@/components/head-view/head-view.vue';
export default {
data() {
return {
loginObj: {},
portObj: {},
title: "",
shipInfo: {},
bug修改，新需求
2024-06-11 17:19:31 +08:00
// totalObj: {},
tableHead: ["提单号", "唛头", "计划数","实际数","货名", "备注", "残损信息"],
11.7
2023-11-07 18:02:20 +08:00
tableData: [],
rowTableHead: ["序号", "车架号", "质损发生环节", "损伤情况"],
rowTableData: [],
// 堆场员签名
yardSignUrl: "",
// 理货员签名
tallySignUrl: "",
// 船方签名
shipSignUrl: "",
vvyId: "",
bug修改，新需求
2024-06-11 17:19:31 +08:00
askValue:"",
splId:'',
oldRemark:''
11.7
2023-11-07 18:02:20 +08:00
}
},
onLoad(options) {
if ('params' in options) {
this.vvyId = JSON.parse(decodeURIComponent(options.params)).vvyId
this.loginObj = uni.getStorageSync('loginObj')
this.portObj = uni.getStorageSync('portObj')
this.initData()
}
},
修改bug
2024-03-22 19:00:41 +08:00
11.7
2023-11-07 18:02:20 +08:00
methods: {
// 获取当前航次的船信息
initData() {
uni.request({
url: `${this.$local}/shp/iEDeliverySlipController/page?vvyId=${this.vvyId}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.statusCode == 200) {
this.shipInfo = res.data.data.records[0]
this.title = `船名：${this.shipInfo.spmName} / 航次：${this.shipInfo.vvyName} 装卸货物交接计数单`
this.getInfo()
this.getSgin()
}
}
})
},
// 获取数据
getInfo() {
uni.request({
url: `${this.$local}/shp/iEDeliverySlipController/planPage?vvyId=${this.shipInfo.vvyId}&importExportFlag=${this.shipInfo.importExportFlag}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.statusCode == 200) {
bug修改，新需求
2024-06-11 17:19:31 +08:00
if(res.data.data.plan) this.tableData = res.data.data.plan
// if(res.data.data.count) this.totalObj = res.data.data.count
11.7
2023-11-07 18:02:20 +08:00
}
}
})
},
// 获取当前行的数据
toDetails(item) {
this.$refs.popup.open('center')
let obj = {
splId: item.splId,
importExportFlag: this.shipInfo.importExportFlag
}
uni.request({
url: `${this.$local}/shp/iEDeliverySlipController/iEDeliverySlipPlanDamage`,
data: obj,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'POST', //请求方式，必须为大写
success: (res) => {
if (res.statusCode == 200) {
this.rowTableData = res.data.data
}
}
})
},
// 获取堆场员，理货员，船方签名
getSgin() {
let arr = [{
type: 0,
url: this.shipInfo.yardSignUrl,
}, {
type: 1,
url: this.shipInfo.tallySignUrl,
}, {
type: 2,
url: this.shipInfo.shipSignUrl
}]
arr.forEach(v => {
if (v != null) {
this.initImg(v)
}
})
},
// 调用获取图片接口
initImg(v) {
uni.request({
url: `${this.$local}/api/file/url/?fileName=${v.url}`,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'GET', //请求方式，必须为大写
success: (res) => {
if (res.statusCode == 200) {
if (v.type == 0) {
this.yardSignUrl = res.data
} else if (v.type == 1) {
this.tallySignUrl = res.data
} else {
this.shipSignUrl = res.data
}
}
}
})
},
// 点击签字
toSign(type) {
this.shipInfo['type'] = type
const params = encodeURIComponent(JSON.stringify(this.shipInfo));
修改bug
2024-03-26 09:33:10 +08:00
uni.redirectTo({
11.7
2023-11-07 18:02:20 +08:00
url: '/pages/receipt/sign?params=' + params
})
},
bug修改，新需求
2024-06-11 17:19:31 +08:00
// 打开备注弹框
openRemark(e) {
if(e.handoverRemark) {
this.askValue = e.handoverRemark
} else {
this.askValue = e.handoverNativeRemark
}
this.oldRemark = e.handoverNativeRemark
this.splId = e.splId
this.$refs.popup2.open('center')
},
// 备注确认
zcConfirm() {
let obj = {
vvyId:this.shipInfo.vvyId,
splId:this.splId,
oldRemark:this.oldRemark,
remark:this.askValue
}
uni.request({
url: `${this.$local}/shp/iEDeliverySlipController/saveRemak`,
data: obj,
header: {
'Content-Type': 'application/json', //自定义请求头信息
'Authorization': `Bearer ${this.loginObj.access_token}`
},
method: 'POST', //请求方式，必须为大写
success: (res) => {
if (res.statusCode == 200) {
this.getInfo()
}
}
})
this.$refs.popup2.close()
},
// 备注取消
zcCancel() {
this.$refs.popup2.close()
},
11.7
2023-11-07 18:02:20 +08:00
},
}
</script>
<style lang="less" scoped>
.details {
background-color: #F6F7F9;
.container {
padding: 16px;
margin-top: 68px;
.topBox {
background: #FFFFFF;
border-radius: 8px;
padding: 16px 24px;
margin-bottom: 16px;
.topImg {
padding: 16px 0;
border-bottom: 1px solid #999;
display: flex;
justify-content: space-between;
image {
width: 270px;
height: 50px;
}
.rightTitle {
text-align: right;
display: flex;
flex-direction: column;
justify-content: space-between;
text:first-child {
font-size: 22px;
color: #0052A4;
font-weight: bold;
}
text:last-child {
font-size: 14px;
color: #666666;
}
}
}
.title {
text-align: center;
margin-top: 24px;
font-size: 24px;
color: #23262E;
font-weight: bold;
}
.bh {
margin-top: 20px;
text-align: right;
font-size: 14px;
color: #666666;
padding-bottom: 16.5px;
border-bottom: 1px solid #eee;
text {
font-size: 18px;
color: #0052A4;
font-weight: bold;
}
}
.infoList {
display: flex;
justify-content: space-around;
bug修改，新需求
2024-06-11 17:19:31 +08:00
// flex-wrap: wrap;
11.7
2023-11-07 18:02:20 +08:00
font-size: 14px;
color: #23262E;
12.27
2023-12-27 17:57:26 +08:00
margin-top: 16px;
bug修改，新需求
2024-06-11 17:19:31 +08:00
padding: 0 15px;
11.7
2023-11-07 18:02:20 +08:00
.li {
display: flex;
width: 33%;
margin-bottom: 6px;
text-align: center;
.liTitle {
width: 100px;
text-align: right;
}
text {
font-weight: bold;
}
}
}
}
.listBox {
padding: 24px 18px;
margin-bottom: 70px;
background-color: #FFFFFF;
.listTitle {
display: flex;
margin-bottom: 25px;
image {
width: 24px;
height: 24px;
margin-top: 6px;
}
p {
font-size: 18px;
color: #23262E;
font-weight: bold;
margin-left: 14px;
display: flex;
flex-direction: column;
justify-content: center;
}
.total {
padding: 7.5px 16px;
background: #FFF8F4;
font-size: 16px;
color: #FF6400;
margin-left: 16px;
text:first-child {
font-weight: bold;
}
text:last-child {
margin-left: 32px;
}
}
}
}
.signBox {
width: 100%;
height: 66px;
background: #FFFFFF;
border: 1px solid #E1E5ED;
box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.05);
position: fixed;
bottom: 0;
left: 0;
display: flex;
justify-content: flex-end;
padding: 0 70px;
.row {
width: 1px;
height: 30px;
background-color: #ccc;
margin-top: 18px;
}
.signContent {
display: flex;
margin: 0 54px;
.signTitle {
display: flex;
flex-direction: column;
justify-content: center;
text-align: right;
}
.signInfo {
display: flex;
flex-direction: column;
justify-content: center;
font-size: 18px;
color: #0052A4;
margin-left: 16px;
}
.signImg {
width: 100px;
height: 54px;
margin-top: 5px;
margin-left: 10px;
}
}
.signContent:last-child {
margin-right: 0;
}
}
.table {
12.27
2023-12-27 17:57:26 +08:00
.popupTitle {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 18px;
font-weight: bold;
border-bottom: 1px solid #999;
text-align: center;
}
.tableContent {
padding: 16px;
}
11.7
2023-11-07 18:02:20 +08:00
.tableTop {
display: flex;
background: #F4F4F4;
padding: 8px 16px;
.tableHead {
flex: 1;
p {
font-size: 15px;
color: #0B266A;
padding-left: 9px;
height: 20px;
border-left: 1px solid #0B266A;
}
}
}
.tableInfo {
display: flex;
background: #fff;
padding: 8px 16px;
border-bottom: 1px solid #E9ECF1;
.li {
flex: 1;
padding-left: 9px;
}
.li:last-child {
color: #0067CF;
}
}
.tableInfo:nth-of-type(2n) {
background: #fff;
}
.tableInfo:nth-of-type(2n-1) {
background: #FAFAFA;
}
}
.rowTable {
width: 600px;
height: 400px;
overflow: scroll;
}
bug修改，新需求
2024-06-11 17:19:31 +08:00
.popupBox {
width: 400px;
background-color: #fff;
border-radius: 8px;
.popupTitle {
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding: 5px 0;
text-align: center;
}
.popupInfo {
display: flex;
margin-top: 20px;
line-height: 35px;
margin-left: 20px;
/deep/.superwei-combox {
border: none;
padding: 0;
}
/deep/.componentW100 {
width: 300px;
}
/deep/.uni-icons {
margin-right: 12px;
}
}
/deep/.uni-easyinput {
// margin-top: 20px;
width: 460px;
margin-left: 20px;
}
/deep/.uni-select__input-placeholder {
text-align: left;
}
/deep/.uni-select__input-text {
text-align: left;
}
/deep/.is-textarea {
width: 57vw;
height: 10vh;
}
/deep/.uni-easyinput__content-textarea {
height: 10vh;
}
.popupBtn {
margin-top: 20px;
padding: 14px 0;
display: flex;
justify-content: center;
.btnList {
display: flex;
.button {
width: 125px;
height: 36px;
line-height: 36px;
margin-left: 15px;
border-radius: 4px;
}
.button:first-child {
background-color: #fff;
border: 1px solid #0067CF;
color: #0067CF;
}
}
}
}
.popupBox2 {
width: 60vw;
height: 17vh;
}
11.7
2023-11-07 18:02:20 +08:00
}
}
</style>