|
|
@@ -9,29 +9,34 @@
|
|
|
发货地
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
- {{dataObj.sendPrivate}} {{dataObj.sendCity}} {{dataObj.sendArea}}
|
|
|
+ {{dataObj.sendPrivate}} {{dataObj.sendCity}} {{dataObj.sendArea}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="row2 row right">
|
|
|
+ <view class="left">
|
|
|
+ 地址
|
|
|
+ </view>
|
|
|
+ <view class="right">
|
|
|
{{dataObj.sendDetailedAddress}}
|
|
|
+ </view>
|
|
|
</view>
|
|
|
<view class="row3 row">
|
|
|
<view class="left">
|
|
|
卸货地
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
- {{dataObj.unloadPrivate}} {{dataObj.unloadCity}} {{dataObj.unloadArea}}
|
|
|
+ {{dataObj.unloadPrivate}} {{dataObj.unloadCity}} {{dataObj.unloadArea}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="row4 row right">
|
|
|
- {{dataObj.unloadDetailedAddress}}
|
|
|
+ {{dataObj.unloadDetailedAddress}}
|
|
|
</view>
|
|
|
<view class="row5 row">
|
|
|
<view class="left">
|
|
|
装车时间
|
|
|
</view>
|
|
|
<view class="right">
|
|
|
- {{dataObj.loadingDate}} {{dataObj.periodOfTime}}
|
|
|
+ {{date}} {{time}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="row6 row">
|
|
|
@@ -167,18 +172,24 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- dataObj:{}
|
|
|
+ dataObj: {},
|
|
|
+ date:"",
|
|
|
+ time:''
|
|
|
};
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
this.id = options.id
|
|
|
this.init()
|
|
|
},
|
|
|
- methods:{
|
|
|
- init(){
|
|
|
- this.$request.baseRequest('get', '/hyReleaseGoodsInfo/seeTask', {id:this.id}).then(res => {
|
|
|
+ methods: {
|
|
|
+ init() {
|
|
|
+ this.$request.baseRequest('get', '/hyReleaseGoodsInfo/seeTask', {
|
|
|
+ id: this.id
|
|
|
+ }).then(res => {
|
|
|
uni.hideLoading()
|
|
|
this.dataObj = res.data
|
|
|
+ this.date = this.dataObj.loadingDate.split(",")[0]+'~'+this.dataObj.loadingDate.split(",")[this.dataObj.loadingDate.split(",").length-1]
|
|
|
+ this.time = this.dataObj.periodOfTime.split(",")[0]+'~'+this.dataObj.periodOfTime.split(",")[1]
|
|
|
})
|
|
|
.catch(res => {});
|
|
|
},
|
|
|
@@ -187,42 +198,58 @@
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
- .content{
|
|
|
+ .content {
|
|
|
padding: 20rpx;
|
|
|
}
|
|
|
- .content1,.content2,.content3{
|
|
|
+
|
|
|
+ .content1,
|
|
|
+ .content2,
|
|
|
+ .content3 {
|
|
|
background: #fff;
|
|
|
border-radius: 20rpx;
|
|
|
- padding:20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
margin-bottom: 20rpx;
|
|
|
}
|
|
|
-.row{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- .left{
|
|
|
- color: rgba(153,153,153,1);
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+
|
|
|
+ .left {
|
|
|
+ width: 200rpx;
|
|
|
+ text-align: left;
|
|
|
+ // background: red;
|
|
|
+ color: rgba(153, 153, 153, 1);
|
|
|
+ }
|
|
|
}
|
|
|
-}
|
|
|
-.right{
|
|
|
- display: flex;
|
|
|
- justify-content: flex-end;
|
|
|
-}
|
|
|
-.row8{
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
-}
|
|
|
-.title{
|
|
|
- font-weight: 700;
|
|
|
- font-size: 32rpx;
|
|
|
- color: rgb(51, 51, 51);
|
|
|
+
|
|
|
+ .right {
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row8 {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ }
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-weight: 700;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: rgb(51, 51, 51);
|
|
|
margin: 20rpx 0;
|
|
|
-}
|
|
|
-.row2,.row4,.row8 .top{
|
|
|
- color:rgb(153, 153, 153)
|
|
|
-}
|
|
|
-.row7 .right{
|
|
|
- color:rgb(255, 134, 0) ;
|
|
|
-}
|
|
|
-</style>
|
|
|
+ }
|
|
|
+
|
|
|
+ .row2,
|
|
|
+ .row4,
|
|
|
+ .row8 .top {
|
|
|
+ // color: rgb(153, 153, 153)
|
|
|
+ }
|
|
|
+
|
|
|
+ .row7 .right {
|
|
|
+ color: rgb(255, 134, 0);
|
|
|
+ }
|
|
|
+</style>
|
