新增附件上传

config/uat.env.js

@@ -11,5 +11,5 @@ module.exports = {
   ocrPath:'"http://180.104.121.66:8088/r/api"',
   fileUploadSvcPath:'"http://180.104.121.66:8088/r/api/app/fileUploadSvc?sysName=XCMG_UAT&apiName="',
   appId: '"com.xcmg.app"',
-  currentVersion: '"1.4.0"'
+  currentVersion: '"1.4.2"'
 }

src/pages/contractCreate/create-enclosure-info.vue

@@ -72,8 +72,8 @@
         </div>
       </div>
       <div class="userInfo">补充资料</div>
-      <div class="house">
       <p v-if="npFlag" class="titles">抵押证书</p>
+      <div class="house spec">
         <!--抵押 待上传图片列表-->
         <div
           v-for="(item, index) in mort_upload_list"
@@ -87,7 +87,7 @@
           </div>
         </div>
         <!--抵押 下载的图片-->
-        <div v-for="(pic, index) in dowload_list" v-if="npFlag" :key="index+'i'">
+        <div v-for="(pic, index) in mort_dowload_list" v-if="npFlag" :key="index+'i'">
           <div v-if="pic.check_id===mortId" :key="index+'info1'" class="card-upload">
             <img :src="pic.url" @click="showBigPicture(pic.url)" >
             <div class="close" @click="delete_pic(pic.attachment_id,'mort')">
@@ -95,10 +95,12 @@
             </div>
           </div>
         </div>
+        <br>
         <div v-if="!isReadOnly" class="card-upload plus" @click="ocrShow('抵押证书',mortId,'mort')">
           <img src="@/assets/userBind/camera.png" class="upload-btn" >
         </div>
       </div>
+      <br>
       <div class="house">
         <p class="titles">特批申请书</p>
         <!--待上传图片列表-->
@@ -200,7 +202,6 @@ export default {
         }
         vm.loadItemList()
         vm.queryCheckId()
-        vm.queryMortId()
         if (vm.fromPage === 'sale') {
           vm.isReadOnly = false
         } else if (vm.fromPage === 'list') {
@@ -223,35 +224,13 @@ export default {
       }
       vm.hlsPopup.showLoading('请稍候')
       vm.hlsHttp.post(url, param).then(function (res) {
-        vm.hlsPopup.hideLoading()
+        // vm.hlsPopup.hideLoading()
         console.log('抵押证书check_id查询', res)
         if (res.result === 'S') {
           vm.mortId = res.info.check_id
-          vm.mortgageQuery()
-        }
-      })
-    },
-    // 抵押证书查询
-    mortgageQuery () {
-      let vm = this
-      let url =
-        process.env.basePath + 'attachment_list_query' // 附件查询
-      let param = {
-        check_id: vm.mortId,
-      }
-      hlsPopup.showLoading('请稍候')
-      vm.$post(url, param).then(function (res) {
-        vm.hlsPopup.hideLoading()
-        if (res.result === 'S') {
-          res.lists.forEach(item => {
-            item['url'] =
-              process.env.filePath +
-              'attachment_id=' +
-              item.attachment_id +
-              '&access_token=' +
-              window.localStorage.access_token
+          vm.certificateQuery(vm.mortId, 'mort').then(res => {
+
           })
-          vm.mort_dowload_list = res.lists
         }
       })
     },
@@ -268,20 +247,22 @@ export default {
         console.log('特批证书check_id查询', res)
         if (res.result === 'S') {
           vm.checkId = res.info.check_id
-          vm.certificateQuery()
+          vm.certificateQuery(vm.checkId, 'spec').then(res => {
+            vm.queryMortId()
+          })
         }
       })
     },
     // 特批证书查询
-    certificateQuery () {
+    certificateQuery (checkId, code) {
       let vm = this
       let url =
         process.env.basePath + 'attachment_list_query' // 附件查询
       let param = {
-        check_id: vm.checkId,
+        check_id: checkId,
       }
       hlsPopup.showLoading('请稍候')
-      vm.$post(url, param).then(function (res) {
+      return vm.hlsHttp.post(url, param).then(function (res) {
         vm.hlsPopup.hideLoading()
         if (res.result === 'S') {
           res.lists.forEach(item => {
@@ -292,8 +273,12 @@ export default {
               '&access_token=' +
               window.localStorage.access_token
           })
+          if (code === 'mort') {
+            vm.mort_dowload_list = res.lists
+          } else {
             vm.spec_dowload_list = res.lists
           }
+        }
       })
     },
     // 查看大图
@@ -791,6 +776,12 @@ export default {
         padding-top: 16px;
         font-size: 13px;
   }
+  .spec{
+display:flex;
+flex-direction:row;
+width:100%;
+overflow:normal !important;
+  }
   .house {
     background: #fff;
     margin-top: 10px;
@@ -805,12 +796,12 @@ export default {
           width: 80px;
           height: 80px;
           border: 1px dashed #dcdcdd;
-          display: flex;
-          justify-content: center;
-          align-items: center;
+          // display: flex;
+          // justify-content: center;
+          // align-items: center;
           margin-top: 12px;
           margin-left: 16px;
-          //float: left;
+          // float: left;
 
           .close {
             /* position: relative;
@@ -841,12 +832,12 @@ export default {
           }
         }
   }
-  // .house:last-child {
-  //   margin-top: 0;
-  //   div {
-  //     float: left;
-  //   }
-  // }
+  .house:last-child, .house:nth-last-child(2){
+    margin-top: 0;
+    div {
+      float: left;
+    }
+  }
 
   .upload-box {
         display: flex;

www/index.html

-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.f4fc45aa8d942bedccf35daa90220ef6.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.5b23605dc2d9cfefc737.js></script><script type=text/javascript src=./static/js/vendor.9516a64f4eb2c109f0d8.js></script><script type=text/javascript src=./static/js/app.44ead88b7c7def5b7699.js></script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.23ee59703eeb7480b6d5b66b7dc81fd7.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.75679805cfd6269119a3.js></script><script type=text/javascript src=./static/js/vendor.03c9f0b22efff471b5fa.js></script><script type=text/javascript src=./static/js/app.9623e51e40b4dbed0e5c.js></script></body></html>
\ No newline at end of file