doctor-admin-components 1.0.14-beta.8 → 1.0.14-beta.81

package/packages/src/views/biz/bizFileInfo/contract.vue

@@ -56,12 +56,13 @@
                       "
                     />
                 </div>
-                <div class="file-list">
+                <div class="file-list" style="width: 100%;min-height: 1px;">
                   <file-show 
                   :hiddenOperation="channel == 'official-website'"
                   @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"  :selectFileListProp="selectFileList" :file-info="item"
                     v-for="(item, i) in fileInfo.personalBillFileInfo" :key="i" />
                   <contract-file-drag-upload 
+                  v-if="contract.contractType == 'sale'"
                   v-show="(!fileInfo.personalBillFileInfo || fileInfo.personalBillFileInfo.length == 0) && channel !== 'official-website'"
                   @upload="
                     handleUpload(
@@ -390,7 +391,7 @@
       <div v-else>
         <SectionSlot @updateOpen="handleShippingUpdateOpen" :infoPro="shipProgressInfo" v-for="(
                   shipmentFileInfo, shipmentIndex
-                ) in contractFileInfo.shipmentFileInfoList" :key="shipmentIndex" v-if="shipmentIndex == shipBillNo">
+                ) in contractFileInfo.shipmentFileInfoList" :key="'shipment'+shipmentIndex" v-if="shipmentIndex == shipBillNo">
           <template v-slot:header>
             <div style="position:relative">
               <ProgressDetail :infoPro="shipProgressInfo"></ProgressDetail>
@@ -456,52 +457,6 @@
                 </el-col>
               </el-row>
 
-              <el-row v-if="channel !== 'official-website'" style="padding-top: 20px;">
-                <el-col :span="24">
-                  <span>内部文件夹</span>
-                  <div class="file-list" v-if="contract.contractType == 'purchase'">
-                    <file-show
-                      @refresh="handleRefresh" 
-                      @checked="handleChecked" 
-                      :hiddenOperation="channel == 'official-website'" 
-                      @uncheck="handleUncheck" 
-                      :selectFileListProp="selectFileList" 
-                      :file-info="item"
-                      v-for="(item, i) in shipmentFileInfo.purchaseShipmentInternalFile" :key="i" />
-                    <contract-file-drag-upload
-                      @upload="
-                        handleUpload(
-                          $event,
-                          shipmentFileInfo.shipmentId,
-                          'shipment',
-                          'purchase_shipment_internal_file'
-                        )"
-                      :isShowTip="false" uploadNameStr="内部文件" />
-                  </div>
-                    
-                  <div class="file-list" v-else>
-                      <file-show
-                        @refresh="handleRefresh" 
-                        @checked="handleChecked" 
-                        :hiddenOperation="channel == 'official-website'" 
-                        @uncheck="handleUncheck" 
-                        :selectFileListProp="selectFileList" 
-                        :file-info="item"
-                        v-for="(item, i) in shipmentFileInfo.saleShipmentInternalFile" :key="i" />
-                      <contract-file-drag-upload
-                        @upload="
-                        handleUpload(
-                          $event,
-                          shipmentFileInfo.shipmentId,
-                          'shipment',
-                          'sale_shipment_internal_file'
-                        )"
-                        :isShowTip="false" uploadNameStr="内部文件" />
-                  </div>
-
-                </el-col>
-              </el-row>
-              
               <el-col :span="24">
                 <div class="hr-class"></div>
               </el-col>
@@ -515,7 +470,7 @@
                       bgTime: contract.contractType == 'purchase' ? shipmentFileInfo.purchasePersonalPackingList && timeFormate(shipmentFileInfo.purchasePersonalPackingList) : shipmentFileInfo.packingList && timeFormate(shipmentFileInfo.packingList),
                       bgcolor: shipProgressInfo.bgcolor
                   }"></ContentTitle>
-                  <span class="bg-history" @click="handleHistory('purchase_personal_shipment_packing_list', shipmentFileInfo.shipmentId)">{{ $t('contractDetail.view_history') }}</span>
+                  <span class="bg-history" @click="handleHistory(contract.contractType == 'purchase' ? 'purchase_personal_shipment_packing_list' : 'shipment_packing_list', shipmentFileInfo.shipmentId)">{{ $t('contractDetail.view_history') }}</span>
                   <div class="sub-title" style="margin-bottom: 0;" v-if="contract.contractType == 'purchase'">
                     <span style="color: #1890ff; cursor: pointer" v-if="shipmentFileInfo &&
                       shipmentFileInfo.purchasePersonalPackingList &&
@@ -625,7 +580,7 @@
                       </div>
                       <el-divider direction="vertical"></el-divider>
                       <div :class="hasSelectAllContainer(containerFile.containerId) ? 'border-button' : 'border-button border-button-blue'" @click.stop="clickSelectAllContainer(containerFile.containerId)">
-                        {{ hasSelectAllContainer(containerFile.containerId) ? $t('contractDetail.select_all') : $t('contractDetail.Deselect') }} 
+                        {{ hasSelectAllContainer(containerFile.containerId) ? $t('contractDetail.Deselect') : $t('contractDetail.select_all') }} 
                       </div>
                     </div>
                   </div>
@@ -771,26 +726,23 @@
                 <div class="hr-class"></div>
               </el-col>
               <el-col :span="24" v-if="contract.quoteType != 'FIXED'">
-                <div class="content-root-row">
+                <div class="content-root-row" style="display: flex;">
                   <ContentTitle :contentTitleProp="{
                     bgButton: $t('contractDetail.saleTemporaryFinallyInvoice'),
                     bgTime: shipmentFileInfo.salePersonalTemporaryFinallyInvoice && timeFormate(shipmentFileInfo.salePersonalTemporaryFinallyInvoice),
                     bgcolor: shipProgressInfo.bgcolor
                   }"></ContentTitle>
                   <span class="bg-history" @click="handleHistory(contract.contractType == 'sale' ? 'sale_personal_temporary_finally_invoice' : 'purchase_temporary_finally_invoice', shipmentFileInfo.shipmentId)">{{ $t('contractDetail.view_history') }}</span>
+                  <span
+                    v-if="
+                        channel !== 'official-website' &&
+                        contract.contractType == 'purchase'
+                      "
+                    style="color: #1890ff; cursor: pointer; margin-left: 10px"
+                    @click.stop="identifyPageBoth(shipmentFileInfo, 1)"
+                  >
+                  {{ identify }}</span>
                 </div>
-                <div class="sub-title">
-                <span
-                  v-if="
-                      channel !== 'official-website' &&
-                      contract.contractType == 'purchase'
-                    "
-                  style="color: #1890ff; cursor: pointer; margin-left: 10px"
-                  @click.stop="identifyPageBoth(shipmentFileInfo, 1)"
-                >
-                <el-divider direction="vertical"></el-divider>
-                {{ identify }}</span>
-              </div>
               <el-col :span="12" v-if="channel == 'official-website' && shipmentFileInfo.salePersonalTemporaryFinallyInvoice && shipmentFileInfo.salePersonalTemporaryFinallyInvoice.length == 0" class="center-status"> 
                 <i class="el-icon-time"></i>
                 {{ $t('contractDetail.Temporary_final_payment_invoice_to_be_updated') }}
@@ -1108,6 +1060,51 @@
                     :uploadNameStr="$t('contractDetail.otherFile')" />
                 </div>
               </el-col>
+
+              <div v-if="channel !== 'official-website'">
+                <el-col :span="24" style="padding-top: 20px;">
+                  <span>内部文件夹</span>
+                  <div class="file-list" v-if="contract.contractType == 'purchase'">
+                    <file-show
+                      @refresh="handleRefresh" 
+                      @checked="handleChecked" 
+                      :hiddenOperation="channel == 'official-website'" 
+                      @uncheck="handleUncheck" 
+                      :selectFileListProp="selectFileList" 
+                      :file-info="item"
+                      v-for="(item, i) in shipmentFileInfo.purchaseShipmentInternalFile" :key="i" />
+                    <contract-file-drag-upload
+                      @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'purchase_shipment_internal_file'
+                        )"
+                      :isShowTip="false" uploadNameStr="内部文件" />
+                  </div>
+                  <div class="file-list" v-else>
+                      <file-show
+                        @refresh="handleRefresh" 
+                        @checked="handleChecked" 
+                        :hiddenOperation="channel == 'official-website'" 
+                        @uncheck="handleUncheck" 
+                        :selectFileListProp="selectFileList" 
+                        :file-info="item"
+                        v-for="(item, i) in shipmentFileInfo.saleShipmentInternalFile" :key="i" />
+                      <contract-file-drag-upload
+                        @upload="
+                        handleUpload(
+                          $event,
+                          shipmentFileInfo.shipmentId,
+                          'shipment',
+                          'sale_shipment_internal_file'
+                        )"
+                        :isShowTip="false" uploadNameStr="内部文件" />
+                  </div>
+                </el-col>
+              </div>
+              
             </div>
           </template>
         </SectionSlot>
@@ -1120,7 +1117,7 @@
       ref="SectionReceiving"
         :infoPro="getGoodsProgressInfo" v-for="(
                 shipmentFileInfo, shipmentIndex
-              ) in contractFileInfo.shipmentFileInfoList" :key="shipmentIndex" v-if="shipmentIndex == shipBillNo"
+              ) in contractFileInfo.shipmentFileInfoList" :key="'receiving'+shipmentIndex" v-if="shipmentIndex == shipBillNo"
       >
         <template v-slot:header>
           <div>
@@ -1177,7 +1174,7 @@
       :infoPro="claimProgressInfo" 
           v-for="(
             shipmentFileInfo, shipmentIndex
-          ) in contractFileInfo.shipmentFileInfoList" :key="shipmentIndex" 
+          ) in contractFileInfo.shipmentFileInfoList" :key="'claim'+shipmentIndex" 
           v-if="shipmentIndex == shipBillNo"
       >
         <template v-slot:header>
@@ -1196,13 +1193,13 @@
                   bgTime: claimFileInfoCom && timeFormate(claimFileInfoCom),
                   bgcolor: claimProgressInfo.bgcolor
                 }"></ContentTitle>
-                <span class="bg-history" @click="handleHistory(!buyerFlag ? 'claim_credit_note' : 'claim_debit_note', linkId, false)">{{ $t('contractDetail.view_history') }}</span>
+                <!--  <span class="bg-history" @click="handleHistory(!buyerFlag ? 'claim_credit_note' : 'claim_debit_note', linkId, false)">{{ $t('contractDetail.view_history') }}</span> -->
               </div>
               <el-col :span="24">
                 <div class="file-list" v-if="claimFileInfoCom">
                   <file-show @refresh="handleRefresh" @checked="handleChecked" @uncheck="handleUncheck"
                     :selectFileListProp="selectFileList"
-                    :hiddenOperation="channel == 'official-website'"
+                    :hiddenOperation="true"
                     :file-info="item" v-for="(item, i) in claimFileInfoCom" :key="i" />
                 </div>
                 <div v-else class="center-status">
@@ -1410,7 +1407,7 @@ export default {
       contractProgressInfo: {
         text: this.$t('contractDetail.contract'),
         rate: 0,
-        img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/805524d45f964ad0b3f51437d3b5750e.png',
+        img: 'https://s3.doctorscrap.com/dev/user/image_9/805524d45f964ad0b3f51437d3b5750e.png',
         bgcolor: '#FBB040',
         textArr:[],
         hidden: false
@@ -1418,7 +1415,7 @@ export default {
       shipProgressInfo: {
         text: this.$t('contractDetail.shipment'),
         rate: 0,
-        img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/8517dbf0444542d5bf100279231c9597.png',
+        img: 'https://s3.doctorscrap.com/dev/user/image_9/8517dbf0444542d5bf100279231c9597.png',
         bgcolor: '#54B8FF',
         textArr:[this.$t('contractDetail.Waiting_for_the_seller_to_ship')],
         hidden: false
@@ -1426,7 +1423,7 @@ export default {
       getGoodsProgressInfo: {
         text: this.$t('contractDetail.receiving'),
         rate: 0,
-        img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/a43ef25e953747efa9b88d3d9bbe674f.png',
+        img: 'https://s3.doctorscrap.com/dev/user/image_9/a43ef25e953747efa9b88d3d9bbe674f.png',
         bgcolor: '#7CCF48',
         textArr:[],
         hidden: false
@@ -1434,7 +1431,7 @@ export default {
       claimProgressInfo: {
         text: this.$t('contractDetail.claim'),
         rate: 0,
-        img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
+        img: 'https://s3.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
         bgcolor: '#adadad',
         textArr:[],
         hidden: false
@@ -1442,7 +1439,7 @@ export default {
       cndnProgressInfo: {
         text: this.$t('contractDetail.cndn'),
         rate: 100,
-        img: 'https://s3.cdn.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
+        img: 'https://s3.doctorscrap.com/dev/user/image_9/b427331405604eeb8ec368130f00c5e6.png',
         bgcolor: '#c47afc',
         textArr:[],
         hidden: true
@@ -1540,18 +1537,20 @@ export default {
       this.contractId = contractId;
       this.getContractFileInfo(contractId);
       this.queryParams.linkId = contractId;
+      if(this.$route.query.deductionRecordsShipmentId) {
+        const timer = setTimeout(() => {
+          this.$refs.shipmentPurchaseAmount.handleShow(this.$route.query.deductionRecordsShipmentId);
+          clearTimeout(timer);
+        }, 1000)
+      }
     }
   },
   mounted() { },
   methods: {
     // 装运模块状态变化，需要同步关联模块
     handleShippingUpdateOpen(isOpen) {
-      console.log(this.$refs.SectionReceiving)
-      console.log(this.$refs.SectionClaim)
-      console.log(this.$refs.SectionCNDN)
-
-      this.$refs.SectionReceiving[0]?.setOpen(isOpen)
-      this.$refs.SectionClaim[0]?.setOpen(isOpen)
+      this.$refs.SectionReceiving && this.$refs.SectionReceiving[0]?.setOpen(isOpen)
+      this.$refs.SectionClaim && this.$refs.SectionClaim[0]?.setOpen(isOpen)
       this.$refs.SectionCNDN?.setOpen(isOpen)
     },
     handleScroll(elementId) {
@@ -1591,6 +1590,7 @@ export default {
           const ids = this.selectFileList.map((item) => item.fileId)
           delBizFileInfo(ids).then(() => {
             this.$message.success('删除成功')
+            this.selectFileList = []
             this.handleRefresh()
           })
         })
@@ -1627,8 +1627,11 @@ export default {
       return this.$refs['container_packing_photo_' + containerId][0].clickSelectAll()
     },
 
-    hasSelectAllContainer(containerId) {
-      return this.$refs['container_packing_photo_' + containerId] && this.$refs['container_packing_photo_' + containerId][0].hasSelectAll()
+    hasSelectAllContainer(containerId) { 
+      // setTimeout(() => {
+        let res = this.$refs['container_packing_photo_' + containerId] && this.$refs['container_packing_photo_' + containerId][0]?.hasSelectAll()
+        return res
+      // }, 1000);
     },
 
     changeShipBillNo(index) {
@@ -1673,15 +1676,8 @@ export default {
     },
     identifyPage(url, shipmentId, type) {
       if (type == 'summary') {
-        return this.$router.push({
-          path: '/jxxg/ocr/index',
-          query: {
-            // url: url,
-            shipmentId,
-            shipmentOcrType: type,
-            contractId: this.contractId,
-          },
-        });
+        window.open(`/jxxg/ocr/index?shipmentId=${shipmentId}&shipmentOcrType=${type}&contractId=${this.contractId}`, '_blank');
+        return;
       }
 
       if (!url) {
@@ -1689,51 +1685,23 @@ export default {
       }
 
       if (type == 'draft_bill') {
-        return this.$router.push({
-          path: '/jxxg/ocr/draft-bill',
-          query: {
-            url: url,
-            shipmentId,
-            shipmentOcrType: type,
-            contractId: this.contractId,
-          },
-        });
+        window.open(`/jxxg/ocr/draft-bill?url=${url}&shipmentId=${shipmentId}&shipmentOcrType=${type}&contractId=${this.contractId}`, '_blank');
+        return;
       }
 
       if (type == 'packing') {
-        return this.$router.push({
-          path: '/jxxg/ocr/packing-list',
-          query: {
-            url: url,
-            shipmentId,
-            shipmentOcrType: type,
-            contractId: this.contractId,
-          },
-        });
+        window.open(`/jxxg/ocr/packing-list?url=${url}&shipmentId=${shipmentId}&shipmentOcrType=${type}&contractId=${this.contractId}`, '_blank');
+        return;
       }
 
       if (type == 'temporary_invoice') {
-        return this.$router.push({
-          path: '/jxxg/ocr/invoice-balance-temp',
-          query: {
-            url: url,
-            shipmentId,
-            shipmentOcrType: type,
-            contractId: this.contractId,
-          },
-        });
+        window.open(`/jxxg/ocr/invoice-balance-temp?url=${url}&shipmentId=${shipmentId}&shipmentOcrType=${type}&contractId=${this.contractId}`, '_blank');
+        return;
       }
 
       if (type == 'final_invoice') {
-        return this.$router.push({
-          path: '/jxxg/ocr/invoice-balance',
-          query: {
-            url: url,
-            shipmentId,
-            shipmentOcrType: type,
-            contractId: this.contractId,
-          },
-        });
+        window.open(`/jxxg/ocr/invoice-balance?url=${url}&shipmentId=${shipmentId}&shipmentOcrType=${type}&contractId=${this.contractId}`, '_blank');
+        return;
       }
     },
 
@@ -2132,17 +2100,12 @@ export default {
  
          // 索赔进度
          let claimTextArr = []
-         if(this.contractFileInfo.claimCreateFlag && !this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
+         if(this.contractFileInfo.claimCreateFlag && !this.contractFileInfo.claimCloseFlag) {
            // 索赔中（英文：Claiming）
            claimTextArr.push(this.$t('contractDetail.claiming'))
          }
  
-         if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && !this.contractFileInfo.claimCloseFlag) {
-           // 文件已更新（英文：Claiming-CN/DN issued
-           claimTextArr.push(this.$t('contractDetail.claiming_update'))
-         }
- 
-         if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimProcessFlag && this.contractFileInfo.claimCloseFlag) {
+         if(this.contractFileInfo.claimCreateFlag && this.contractFileInfo.claimCloseFlag) {
            // 索赔已关闭（英文：Claim closed）
            claimTextArr.push(this.$t('contractDetail.claiming_closed'))
          }
@@ -2359,24 +2322,37 @@ export default {
 
     },
     claimFileInfoCom() {
-      if (
-        (this.contractFileInfo &&
-          this.contractFileInfo.claimCreditNoteFileList &&
-          this.contractFileInfo.claimCreditNoteFileList[0]) ||
-        (this.contractFileInfo &&
-          this.contractFileInfo.claimDebitNoteFileList &&
-          this.contractFileInfo.claimDebitNoteFileList[0])
-      ) {
-        return !this.buyerFlag
-          ? this.contractFileInfo &&
-          this.contractFileInfo.claimCreditNoteFileList &&
-          this.contractFileInfo.claimCreditNoteFileList
-          : this.contractFileInfo &&
-          this.contractFileInfo.claimDebitNoteFileList &&
-          this.contractFileInfo.claimDebitNoteFileList;
-      } else {
-        false;
-      }
+      // if (
+      //   (this.contractFileInfo &&
+      //     this.contractFileInfo.claimCreditNoteFileList &&
+      //     this.contractFileInfo.claimCreditNoteFileList[0]) ||
+      //   (this.contractFileInfo &&
+      //     this.contractFileInfo.claimDebitNoteFileList &&
+      //     this.contractFileInfo.claimDebitNoteFileList[0])
+      // ) {
+      //   return !this.buyerFlag
+      //     ? this.contractFileInfo &&
+      //     this.contractFileInfo.claimCreditNoteFileList &&
+      //     this.contractFileInfo.claimCreditNoteFileList
+      //     : this.contractFileInfo &&
+      //     this.contractFileInfo.claimDebitNoteFileList &&
+      //     this.contractFileInfo.claimDebitNoteFileList;
+      // } else {
+      //   false;
+      // }
+      if(this.contractFileInfo?.bills) {
+        return this.contractFileInfo.bills.map(item => { 
+                let name = item.billType == 'receipt' ? 'DebitNote' : 'CreditNote'
+                item.url = item.billNo + '.pdf'
+                item.fileName = name + item.billNo + '.pdf'
+                item.downloadUrl = '/bill/download?id=' + item.id
+                return item
+            }).filter(item => {
+              return item.businessType == 1
+            })
+        } else {
+            return false
+        }
     },
     // 采购获取最新的尾款发票
     DNbillsCom() {
@@ -2388,6 +2364,8 @@ export default {
                 item.downloadUrl = '/bill/download?id=' + item.id
                 return item
               }
+            }).filter(item => {
+              return item.businessType != 1
             })
         } else {
             return false
@@ -2402,6 +2380,8 @@ export default {
                 item.downloadUrl = '/bill/download?id=' + item.id
                 return item
               }
+            }).filter(item => {
+              return item.businessType != 1
             })
         } else {
             return false
@@ -2451,7 +2431,7 @@ export default {
   min-width: 45px;
   padding: 0 10px;
   width: max-content;
-  height: 21px;
+  min-height: 21px;
   text-align: center;
   line-height: 17px;
   background: #FFFFFF;

package/packages/src/views/biz/bizFileInfo/contractFile/IMGPreviewCheckBox.vue

@@ -97,7 +97,9 @@ export default {
             }
         },
         hasSelectAll() {
-            return !this.hasClicked
+            let res = this.imgList.find((item) => item.checked);
+            // console.log('xxxxxxx', res)
+            return res
         },
         checkAll1() {
             this.imgList.forEach((item) => {
@@ -187,15 +189,15 @@ export default {
         },
         othersFile(imgUrl) {
             if(isDoc(imgUrl)) {
-                    return 'https://s3.cdn.doctorscrap.com/dev/user/image_13/1ed150dc6171450d81a5e1f7b4e1253f.png'
+                    return 'https://s3.doctorscrap.com/dev/user/image_13/1ed150dc6171450d81a5e1f7b4e1253f.png'
             } else if(isPdf(imgUrl)) {
-                return 'https://s3.cdn.doctorscrap.com/dev/user/image_13/5a4b66e220794c0b8284f0a8204aac3e.png'
+                return 'https://s3.doctorscrap.com/dev/user/image_13/5a4b66e220794c0b8284f0a8204aac3e.png'
             } else if(isZip(imgUrl)) {
-                return 'https://s3.cdn.doctorscrap.com/dev/user/image_13/470eeab01eec430e9ed0edd81d15ace5.png'
+                return 'https://s3.doctorscrap.com/dev/user/image_13/470eeab01eec430e9ed0edd81d15ace5.png'
             } else if(isXls(imgUrl)) {
-                return 'https://s3.cdn.doctorscrap.com/dev/user/image_13/caaa343a68684216be1a4d3b27d40a9d.png'
+                return 'https://s3.doctorscrap.com/dev/user/image_13/caaa343a68684216be1a4d3b27d40a9d.png'
             } else if(isPpt(imgUrl)) {
-                return 'https://s3.cdn.doctorscrap.com/dev/user/image_13/b0590840eceb4162a8c07119ef2fe245.png'
+                return 'https://s3.doctorscrap.com/dev/user/image_13/b0590840eceb4162a8c07119ef2fe245.png'
             } else {
                 return imgUrl
             }

package/packages/src/views/biz/bizFileInfo/fileShow.vue

@@ -9,7 +9,7 @@
           <el-image style="width: 38px; height: 46px" :src="fileInfo.url" fit="contain" :preview-src-list="[fileInfo.url]" v-else-if="isImage(fileInfo.url)"></el-image>
           <div class="area-file" v-else></div>
           <div>
-          <div> {{ fileInfo.fileName }}</div>
+          <div class="name-width">{{ fileInfo.fileName }}</div>
           <div class="preview-download-root">
             <div
               v-if="!fileInfo.downloadUrl"
@@ -318,8 +318,10 @@ export default {
 <style lang="scss" scoped>
 .file-info {
   min-width: 450px;
-  display: flex;
-  // border: 1px solid red;
+  @media screen and (max-width: 768px) {
+    min-width: 300px;
+    max-width: 300px;
+  }
   .main {
     display: flex;
     .checkbox-position {