质保书上传

严涛
1 parent 8d1e5c53
Showing 4 changed files with 175 additions and 7 deletions
api/order_list.js
config.js
pages/invoice/detail.vue
pages/order_list/detail.vue
--- a/api/order_list.js
View file @3ccb9f0
+++ b/api/order_list.js
View file @3ccb9f0
@@ -75,3 +75,14 @@ export function checkApi(params) {
     },
   })
 }
+
+
+// 上传质保书
+export function uploadWarrantyCertificate(params) {
+  return request({
+    url: `${baseUrl}/uploadWarrantyCertificate`,
+    method: 'put',
+    data: params,
+    contentType: ContentTypeEnum.JSON
+  })
+}
--- a/config.js
View file @3ccb9f0
+++ b/config.js
View file @3ccb9f0
@@ -4,7 +4,8 @@ module.exports = {
   themeColor: '#3d48a3',
   // baseUrl: 'http://ft.wecando21cn.com/api',
-  baseUrl: 'http://gjtd.ahcjxc.com:81/api',
+  // baseUrl: 'http://gjtd.ahcjxc.com:81/api',
+  baseUrl: 'http://erp.qgutech.com//api',
     // baseUrl: 'http://127.0.0.1:8085',
   // 应用信息
   appInfo: {
--- a/pages/invoice/detail.vue
View file @3ccb9f0
+++ b/pages/invoice/detail.vue
View file @3ccb9f0
@@ -20,9 +20,21 @@
           <Product mode="view" :status="form.status" :list="form.detailList" @applyDelay="applyDelayFun"
             @split="splitFun" />
         </view>
+
         <view class="section">
           <view class="row"><text class="label">签收单据</text><text class="value act" @click="downloadFile(form.fileId, form.fileName)">{{ form.fileName }}</text></view>
         </view>
+
+        <view class="section">
+          <view class="row">
+            <text class="label">质保书</text>
+            <view class="value">
+              <view v-for="item in form.warrantyCertificateList" :key="item.fileId" class="file-item" @click="downloadFile(item.fileId, item.fileName)">
+                <text class="value act">{{ item.fileName }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
       </view>
     </scroll-view>
     <detail-buttons :buttons="displayButtons" @click="handleButtonClick" />
@@ -47,11 +59,11 @@
     <uni-popup ref="fillDatePopup" type="bottom" :mask-click="false">
       <view class="dialog">
         <view class="dialog_header">
-          <text>填写日期</text>
+          <text>填写日期</text> 
           <view class="dialog_close" @click="closeFillDateInfo"></view>
-        </view>
+        </view> 
         <view class="dialog_body fill-data_body">
-          <uni-list>
+          <uni-list> 
             <uni-list-item title="原发货日期">
               <template v-slot:footer>
                 <view class="value">{{ fillDateForm.shipmentsDate }}</view>
@@ -827,4 +839,10 @@ export default {
     }
   }
 }
+.file-item {
+  margin-bottom: 12rpx;
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
 </style>
--- a/pages/order_list/detail.vue
View file @3ccb9f0
+++ b/pages/order_list/detail.vue
View file @3ccb9f0
@@ -44,6 +44,9 @@
           <view v-if="form.executionStandard === 'OTHER'" class="row"><text class="label">标准</text><text
               class="value">{{ form.executionStandardRemarks }}</text></view>
         </view>
+        <view class="section">
+          <view class="row"><text class="label">质保书</text><text class="value act" @click="downloadFile(form.warrantyCertificateFileId, form.warrantyCertificateFileName)">{{ form.warrantyCertificateFileName }}</text></view>
+        </view>
         <view class="title-header">
           <image class="title-header_icon" src="/static/images/title.png" />
@@ -66,13 +69,32 @@
       </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, cancelApi, checkApi } from '@/api/order_list.js'
+import { getDetailApi, cancelApi, checkApi, uploadWarrantyCertificate } from '@/api/order_list.js'
 import Product from './product.vue'
 import DetailButtons from '@/components/detail-buttons/index.vue'
+import FileUpload from '@/components/file-upload/index.vue'
+import { downloadFile } from '@/utils/downloadFile.js'
 import {
   getDicName
 } from '@/utils/dic.js'
@@ -82,7 +104,7 @@ import {
 export default {
   name: 'OrderListDetail',
-  components: { Product, DetailButtons },
+  components: { Product, DetailButtons, FileUpload },
   data() {
     return {
       form: {},
@@ -92,7 +114,9 @@ export default {
         { text: '审核', visible: true, variant: 'primary', event: 'audit' },
         { text: '申请发货', visible: true, variant: 'outline', event: 'shipmentApply' },
         { text: '取消', visible: true, variant: 'outline', event: 'cancel', style: { color: 'rgba(0,0,0,0.9)', border: '1px solid #DCDCDC' } },
+        { text: '上传质保书', visible: true, variant: 'outline', event: 'upload' },
       ],
+      uploadFile: { id: '', name: '' },
       dicOptions: {
         AUDIT_STATUS: [],
         SUPPLIER: [],
@@ -105,13 +129,16 @@ export default {
       const s = String((this.form && this.form.status) || '')
       const e = String((this.form && this.form.examineStatus) || '')
       const d = (this.form && this.form.showExamine) || false
+      const u = (this.form && this.form.showUpload) || false
+
       return {
         isRefuse: e === 'REFUSE',
         isAudit: e === 'AUDIT',
         isAuditDetail: !this.form.sampleOrder,
         canExamine: d,
         canDeliveryApply: s === 'ISSUED' && (!this.form.freeze || false) && Number(this.form.totalQuantity) > 0,
-        contractCreateBy: this.form.contractCreateBy
+        contractCreateBy: this.form.contractCreateBy,
+        showUpload: u,
       }
     },
     displayButtons() {
@@ -123,6 +150,7 @@ export default {
         { ...this.buttons[2], visible: f.isAudit && f.canExamine && this.$auth.hasPermi('order-manage:order-list:approve') },
         { ...this.buttons[3], visible: f.canDeliveryApply && this.$auth.hasPermi('order-manage:order-list:apply') },
         { ...this.buttons[4], visible: f.isRefuse && f.contractCreateBy && this.$auth.hasPermi('order-manage:order-list:cancel') },
+        { ...this.buttons[5], visible: f.showUpload && this.$auth.hasPermi('order-manage:order-list:upload') },
       ]
     }
   },
@@ -151,6 +179,7 @@ export default {
         audit: () => this.onAudit(),
         shipmentApply: () => this.onShipmentApply(),
         cancel: () => this.onCancel(),
+        upload: () => this.onUpload(),
       }
       const fn = map[btn.event]
       if (typeof fn === 'function') fn()
@@ -206,6 +235,37 @@ export default {
         }
       })
     },
+    onUpload() {
+      this.$refs.uploadPopup && this.$refs.uploadPopup.open()
+    },
+    downloadFile,
+    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 = {
+        warrantyCertificateFileId: this.uploadFile.id,
+        warrantyCertificateFileName: this.uploadFile.name,
+        id: this.form.id
+      }
+      try {
+        await uploadWarrantyCertificate(params)
+        uni.showToast({ title: '保存成功', icon: 'success' })
+        setTimeout(() => { uni.redirectTo({ url: '/pages/order_list/index' }) }, 300)
+      } catch (e) {
+        uni.showToast({ title: (e && e.msg) || '保存失败', icon: 'none' })
+      }
+    },
+
     loadAllDicData() {
       const dicCodes = ['AUDIT_STATUS', 'SUPPLIER', 'APPLICABLE_STANDARD']
       return getDicByCodes(dicCodes).then(results => {
@@ -472,4 +532,82 @@ export default {
     font-weight: 600;
   }
 }
+
+.dialog {
+  width: 100%;
+  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;
+    max-height: 70vh;
+    overflow-y: auto;
+
+  }
+
+  .split_body {
+    max-height: 60vh;
+  }
+
+  &_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: 0rpx;
+	width: 48rpx;
+	height: 48rpx;
+	background-image: url('~@/static/images/flow/close_icon.png');
+	background-repeat: no-repeat;
+	background-position: right center;
+	background-size: cover;
+}
+
+.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>