feat: 发货单-上传签收单据

@@ -15,8 +15,7 @@
 
         <!-- 产品 -->
         <view class="section2">
-          <Product mode="view" :list="form.detailList"
-             />
+          <Product mode="view" :list="form.detailList" />
         </view>
         <view class="section">
           <view class="row"><text class="label">签收单据</text><text class="value act">{{ form.fileName }}</text></view>
@@ -24,17 +23,35 @@
       </view>
     </scroll-view>
     <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
+    <uni-popup ref="uploadPopup" type="bottom" :mask-click="false">
+			<view class="dialog">
+				<view class="dialog_header">
+					<text>上传签收单据</text>
+					<view class="dialog_close" @click="closeUploadInfo">×</view>
+				</view>
+				<view class="dialog_body">
+					<view class="dialog_row">
+						<text class="dialog_label">签收单据</text>
+						<FileUpload v-model="uploadFile" />
+					</view>
+				</view>
+				<view class="dialog_footer">
+					<button class="btn confirm" type="primary" @click="onUploadSave">保存</button>
+				</view>
+			</view>
+		</uni-popup>
   </view>
 </template>
 
 <script>
-import { getDetailApi } from '@/api/invoice.js'
+import { getDetailApi, saveSignInTicket } from '@/api/invoice.js'
 import Product from './product.vue'
 import DetailButtons from '@/components/detail-buttons/index.vue'
+import FileUpload from '@/components/file-upload/index.vue'
 
 export default {
   name: 'InvoiceDetail',
-  components: { Product, DetailButtons },
+  components: { Product, DetailButtons, FileUpload },
   data() {
     return {
       form: {},
@@ -42,7 +59,8 @@ export default {
         { text: '编辑', visible: true, variant: 'outline', event: 'edit' },
         { text: '填写实发数', visible: true, variant: 'outline', event: 'fill' },
         { text: '上传签收单据', visible: true, variant: 'primary', event: 'upload' },
-      ]
+      ],
+			uploadFile: { id: '', name: '' },
     }
   },
   computed: {
@@ -88,17 +106,42 @@ export default {
       if (typeof fn === 'function') fn()
     },
     onEdit() {
-      const id = this.form.id || this.form.code
-      if (id) uni.navigateTo({ url: `/pages/invoice/modify?id=${id}` })
+      // const id = this.form.id || this.form.code
+      // if (id) uni.navigateTo({ url: `/pages/invoice/modify?id=${id}` })
     },
     onFill() {
       const id = this.form.id || this.form.code
       if (id) uni.navigateTo({ url: `/pages/invoice/fill?id=${id}` })
     },
     onUpload() {
-      const id = this.form.id || this.form.code
-      if (id) uni.navigateTo({ url: `/pages/invoice/upload?id=${id}` })
+			this.$refs.uploadPopup && this.$refs.uploadPopup.open()
     },
+    closeUploadInfo() {
+      this.uploadFile = { id: '', name: '' };
+			this.$refs.uploadPopup && this.$refs.uploadPopup.close()
+		},
+    async onUploadSave() {
+      console.log('onUploadSave__this.uploadFile', this.uploadFile)
+      if (!this.uploadFile.id) {
+        uni.showToast({
+						title: '请上传签收单据',
+						icon: 'none'
+					})
+        return
+      }
+      const params = {
+        fileId: this.uploadFile.id,
+        fileName: this.uploadFile.name,
+        shipmentsOrderId: this.form.id
+      }
+      try {
+        await saveSignInTicket(params)
+        uni.showToast({ title: '保存成功', icon: 'success' })
+        setTimeout(() => { uni.redirectTo({ url: '/pages/invoice/index' }) }, 300)
+      } catch (e) {
+        uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+      }
+    }
   }
 }
 </script>
@@ -212,4 +255,77 @@ export default {
     font-weight: 600;
   }
 }
+
+
+.dialog {
+	width: 100%;
+	max-height: 70vh;
+	overflow-y: auto;
+	padding: 32rpx 28rpx calc(20rpx + env(safe-area-inset-bottom));
+	background: #fff;
+	border-radius: 20rpx 20rpx 0 0;
+
+	&_header {
+		position: relative;
+		text-align: center;
+		font-size: 34rpx;
+		font-weight: 600;
+		margin-bottom: 12rpx;
+		color: rgba(0, 0, 0, 0.9);
+	}
+
+	&_body {
+		padding: 12rpx 4rpx 24rpx;
+	}
+
+	&_footer {
+		padding-top: 12rpx;
+		display: flex;
+		justify-content: center;
+
+		.btn {
+			width: 100%;
+			height: 80rpx;
+			line-height: 80rpx;
+			border-radius: 12rpx;
+			font-size: 32rpx;
+			background: $theme-primary;
+			color: #fff;
+
+			&::after {
+				border: none;
+			}
+		}
+	}
+}
+
+.dialog_close {
+	position: absolute;
+	right: 16rpx;
+	top: -14rpx;
+	width: 64rpx;
+	height: 64rpx;
+	line-height: 64rpx;
+	text-align: center;
+	font-size: 36rpx;
+	color: rgba(0, 0, 0, 0.6);
+}
+
+.dialog_row {
+	margin-bottom: 24rpx;
+}
+
+.dialog_label {
+	display: block;
+	margin-bottom: 12rpx;
+	font-size: 28rpx;
+	color: rgba(0, 0, 0, 0.9);
+}
+
+.upload-show {
+	margin-top: 8rpx;
+	font-size: 26rpx;
+	color: rgba(0, 0, 0, 0.6);
+}
+
 </style>