更新 航次详情

miniprogram/pages/voyages/detail/detail.js

@@ -33,7 +33,8 @@ Page({
     dischargeModal: false,
     currentDischargePortId: '',
     currentDischargePort: '',
-    tab2disabled: false
+    tab2disabled: false,
+    currentDischargeIndex: 0
   },
   changeTab(e) {
     let {
@@ -356,6 +357,29 @@ Page({
     })
   },
 
+  changeDischargeTab(e) {
+    let {
+      index: currentDischargeIndex
+    } = e.currentTarget.dataset
+    this.setData({
+      currentDischargeIndex
+    })
+  },
+
+  async updateVoyage() {
+    for (let i of this.data.voyageDetails) {
+      Object.keys(i).forEach(function (key) {
+        console.log(i[key])
+        if ((typeof i[key]) == 'string') {
+          i[key] = i[key].replaceAll('-', '/')
+
+        }
+      })
+    }
+    let res = await postApi("/voyage/backstage/update", this.data)
+    console.log(res)
+  },
+
 
   onLoad(options) {
     let {
@@ -366,6 +390,5 @@ Page({
       id
     })
     this.getVoyageDetail()
-
   },
 })

miniprogram/pages/voyages/detail/detail.wxml

@@ -117,74 +117,70 @@
         </picker>
       </view>
     </view>
-    <block wx:for="{{voyageDetails}}">
-      <view class="line" style="padding: 20rpx 0 10rpx 0;border-top: 1px solid grey;">
-        {{item.portName}} # {{index+1}}
-      </view>
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">开航时间:</view>
-          <picker bindchange="bindDischargePort" data-index="{{index}}" data-param="setSailTime" disabled="{{tab2disabled}}" mode="date" value="{{item.setSailTime}}" style="width: 40vw;">
-            <view>
-              {{item.setSailTime||"请选择"}}
-            </view>
-          </picker>
-        </view>
+    <view class="df aic jcsa p20" style="border-top: 1px solid #999;">
+      <view wx:for="{{voyageDetails}}" class="tabsview" bindtap="changeDischargeTab" data-index="{{index}}" style="color:{{currentDischargeIndex==index?'#0d8fcc':''}};border-bottom:{{currentDischargeIndex==index?'2rpx solid #0d8fcc':''}}">{{item.portName}}</view>
+    </view>
+    <view class="line" style="padding: 20rpx 0 10rpx 0;border-top: 1px solid grey;margin-top: 10rpx;">
+      {{voyageDetails[currentDischargeIndex].portName}} # {{currentDischargeIndex+1}}
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">开航时间:</view>
+        <picker bindchange="bindDischargePort" data-index="{{currentDischargeIndex}}" data-param="setSailTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].setSailTime}}" style="width: 40vw;">
+          <view>
+            {{voyageDetails[currentDischargeIndex].setSailTime||"请选择"}}
+          </view>
+        </picker>
       </view>
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">预计到港时间:</view>
-          <picker bindchange="bindDischargePort" data-index="{{index}}" data-param="expectedArrivalTime" disabled="{{tab2disabled}}" mode="date" value="{{item.expectedArrivalTime}}" style="width: 40vw;">
-            <view>
-              {{item.expectedArrivalTime||"请选择"}}
-            </view>
-          </picker>
-        </view>
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">预计到港时间:</view>
+        <picker bindchange="bindDischargePort" data-index="{{currentDischargeIndex}}" data-param="expectedArrivalTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].expectedArrivalTime}}" style="width: 40vw;">
+          <view>
+            {{voyageDetails[currentDischargeIndex].expectedArrivalTime||"请选择"}}
+          </view>
+        </picker>
       </view>
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">实际到港时间:</view>
-          <picker bindchange="bindDischargePort" data-index="{{index}}" data-param="actualArrivalTime" disabled="{{tab2disabled}}" mode="date" value="{{item.actualArrivalTime}}" style="width: 40vw;">
-            <view>
-              {{item.actualArrivalTime||"请选择"}}
-            </view>
-          </picker>
-        </view>
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">实际到港时间:</view>
+        <picker bindchange="bindDischargePort" data-index="{{currentDischargeIndex}}" data-param="actualArrivalTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].actualArrivalTime}}" style="width: 40vw;">
+          <view>
+            {{voyageDetails[currentDischargeIndex].actualArrivalTime||"请选择"}}
+          </view>
+        </picker>
       </view>
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">卸货开始时间:</view>
-          <picker bindchange="bindDischargePort" data-index="{{index}}" data-param="dischargeStartTime" disabled="{{tab2disabled}}" mode="date" value="{{item.dischargeStartTime}}" style="width: 40vw;">
-            <view>
-              {{item.dischargeStartTime||"请选择"}}
-            </view>
-          </picker>
-        </view>
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">卸货开始时间:</view>
+        <picker bindchange="bindDischargePort" data-index="{{currentDischargeIndex}}" data-param="dischargeStartTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].dischargeStartTime}}" style="width: 40vw;">
+          <view>
+            {{voyageDetails[currentDischargeIndex].dischargeStartTime||"请选择"}}
+          </view>
+        </picker>
       </view>
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">卸货结束时间:</view>
-          <picker bindchange="bindDischargePort" data-index="{{index}}" data-param="dischargeEndTime" disabled="{{tab2disabled}}" mode="date" value="{{item.dischargeEndTime}}" style="width: 40vw;">
-            <view>
-              {{item.dischargeEndTime||"请选择"}}
-            </view>
-          </picker>
-        </view>
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">卸货结束时间:</view>
+        <picker bindchange="bindDischargePort" data-index="{{currentDischargeIndex}}" data-param="dischargeEndTime" disabled="{{tab2disabled}}" mode="date" value="{{voyageDetails[currentDischargeIndex].dischargeEndTime}}" style="width: 40vw;">
+          <view>
+            {{voyageDetails[currentDischargeIndex].dischargeEndTime||"请选择"}}
+          </view>
+        </picker>
       </view>
-      <!-- <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">实际卸货量:</view>
-          <view class="line-full-text">{{item.actualDischargeTons}}吨-{{item.actualDischargePieces}}件</view>
-        </view>
-      </view> -->
-      <view class="line">
-        <view class="line-full-item">
-          <view class="line-full-title">实际货量:</view>
-          <input disabled="{{tab2disabled}}" bindblur="bindDischargePort" value="{{item.actualDischargeTons}}" data-index="{{index}}" data-param="actualDischargeTons" type="text" style="width: 10vw;" />{{' 吨'}}
-          <input disabled="{{tab2disabled}}" bindblur="bindDischargePort" value="{{item.actualDischargePieces}}" data-index="{{index}}" data-param="actualDischargePieces" type="text" style="width: 10vw;" />{{' 件'}}
-        </view>
+    </view>
+    <view class="line">
+      <view class="line-full-item">
+        <view class="line-full-title">实际卸货量:</view>
+        <input disabled="{{tab2disabled}}" bindblur="bindDischargePort" value="{{voyageDetails[currentDischargeIndex].actualDischargeTons}}" data-index="{{currentDischargeIndex}}" data-param="actualDischargeTons" type="text" style="width: 10vw;" />{{' 吨'}}
+        <input disabled="{{tab2disabled}}" bindblur="bindDischargePort" value="{{voyageDetails[currentDischargeIndex].actualDischargePieces}}" data-index="{{currentDischargeIndex}}" data-param="actualDischargePieces" type="text" style="width: 10vw;" />{{' 件'}}
       </view>
-    </block>
+    </view>
+    <button bindtap="updateVoyage">更新航次</button>
   </view>
   <view wx:if="{{tab==3}}">
     <view>保险单</view>