附件优化，图片可以在线预览

jshERP-web/src/views/bill/dialog/BillDetail.vue

@@ -821,15 +821,11 @@
               </a-row>
             </section>
           </template>
-          <template v-if="fileList.length>0">
+          <template v-if="fileList && fileList.length>0">
             <a-row class="form-row" :gutter="24">
               <a-col :span="10">
                 <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 3 }}" :wrapperCol="{xs: { span: 24 },sm: { span: 21 }}" label="附件">
-                  <ul style="list-style-type:none">
+                  <j-upload v-model="fileList" bizPath="bill" :disabled="true" :buttonVisible="false"></j-upload>
-                    <li v-for="(item,index) in fileList" :key="index">
-                      <a :href="item.url" target="_blank">{{item.name}}</a>
-                    </li>
-                  </ul>
                 </a-form-item>
               </a-col>
               <a-col :span="14"></a-col>
@@ -845,9 +841,13 @@
   import { getAction } from '@/api/manage'
   import { findBillDetailByNumber} from '@/api/api'
   import { getMpListShort } from "@/utils/util"
+  import JUpload from '@/components/jeecg/JUpload'
   import Vue from 'vue'
   export default {
     name: 'BillDetail',
+    components: {
+      JUpload
+    },
     data () {
       return {
         title: "详情",
@@ -1098,20 +1098,7 @@
       show(record, type) {
         this.billType = type
         //附件下载
-        let fileName = record.fileName
+        this.fileList = record.fileName
-        if(fileName) {
-          let fileArr = fileName.split(",")
-          this.fileList = []
-          for(let i=0; i<fileArr.length; i++) {
-            let fileInfo = {}
-            let shortName = fileArr[i].replace("bill/","")
-            fileInfo.name= shortName.substring(shortName.indexOf('/')+1)
-            fileInfo.url= window._CONFIG['domianURL'] + '/systemConfig/static/' + fileArr[i]
-            this.fileList.push(fileInfo)
-          }
-        } else {
-          this.fileList = []
-        }
         this.visible = true;
         this.model = Object.assign({}, record);
         this.model.debt = (this.model.discountLastMoney + this.model.otherMoney - this.model.changeAmount).toFixed(2)

jshERP-web/src/views/financial/dialog/FinancialDetail.vue

@@ -385,15 +385,11 @@
             </a-row>
           </section>
         </template>
-        <template v-if="fileList.length>0">
+        <template v-if="fileList && fileList.length>0">
           <a-row class="form-row" :gutter="24">
             <a-col :span="12">
               <a-form-item :labelCol="{xs: { span: 24 },sm: { span: 3 }}" :wrapperCol="{xs: { span: 24 },sm: { span: 21 }}" label="附件">
-                <ul style="list-style-type:none">
+                <j-upload v-model="fileList" bizPath="bill" :disabled="true" :buttonVisible="false"></j-upload>
-                  <li v-for="(item,index) in fileList" :key="index">
-                    <a :href="item.url" target="_blank">{{item.name}}</a>
-                  </li>
-                </ul>
               </a-form-item>
             </a-col>
             <a-col :span="12"></a-col>
@@ -410,10 +406,12 @@
   import BillDetail from '../../bill/dialog/BillDetail'
   import { getAction } from '@/api/manage'
   import { findBillDetailByNumber} from '@/api/api'
+  import JUpload from '@/components/jeecg/JUpload'
   export default {
     name: 'FinancialDetail',
     components: {
-      BillDetail
+      BillDetail,
+      JUpload
     },
     data () {
       return {
@@ -482,19 +480,7 @@
       show(record, type) {
         this.financialType = type
         //附件下载
-        let fileName = record.fileName
+        this.fileList = record.fileName
-        if(fileName) {
-          let fileArr = fileName.split(",")
-          this.fileList = []
-          for(let i=0; i<fileArr.length; i++) {
-            let fileInfo = {}
-            fileInfo.name= fileArr[i].replace("financial/","")
-            fileInfo.url= window._CONFIG['domianURL'] + '/systemConfig/static/' + fileArr[i]
-            this.fileList.push(fileInfo)
-          }
-        } else {
-          this.fileList = []
-        }
         this.visible = true;
         this.model = Object.assign({}, record);
         this.$nextTick(() => {