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

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

@@ -8,7 +8,7 @@
 -->
 <template>
     <div class="bill-no-root" :style="open ? 'height:max-content': ''">
-        <div :class="'bill-no'" :style="shipmentIndex == shipBillNo ? { color: progressInfo.bgcolor } : ''" v-for="(
+        <div :class="'bill-no'" :style="shipmentIndex == shipBillNo ? { color:'white', fontSize: '16px', backgroundColor: progressInfo.bgcolor, border: '0' } : { color: '#231F20', fontSize: '14px', border: '1px solid #231F20', backgroundColor:'transparent' }" v-for="(
               shipmentFileInfo, shipmentIndex
             ) in contractFileInfoData.shipmentFileInfoList" :key="shipmentIndex" @click="changeShipBillNo(shipmentIndex)">
 
@@ -81,10 +81,9 @@ export default {
 .bill-no-root {
   display: flex;
   flex-wrap: wrap;
-  padding:0 20px;
   width:100%;
   position:relative;
-  height:60px;
+  height:55px;
   overflow:hidden;
 
   .billOfLadingNo-more {
@@ -99,11 +98,14 @@ export default {
   }
 
   .bill-no {
-    width:23%;
     font-size: 14px;
-    color: #A7A9AC;
-    padding:20px 20px 20px 0;
-    cursor: pointer;
+    color: #231F20;
+    padding: 0 10px;
+    height: 40px;
+    align-content: center;
+    border-radius: 8px;
+    margin-right: 30px;
+    margin-bottom: 15px;
   }
 
   .bill-no-active {

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

@@ -64,7 +64,8 @@ export default {
             imgList: [],
             srcList:[],
             loadingInstance: null,
-            timer: null
+            timer: null,
+            hasClicked: false,
         };
     },
 
@@ -87,6 +88,17 @@ export default {
         checkClick(index) {
             this.imgList[index].checked = !this.imgList[index].checked;
         },
+        clickSelectAll() {
+            this.hasClicked = !this.hasClicked
+            if (this.hasClicked) {
+                this.checkAll1()
+            } else {
+                this.cancelAll1()
+            }
+        },
+        hasSelectAll() {
+            return !this.hasClicked
+        },
         checkAll1() {
             this.imgList.forEach((item) => {
                 item.checked = true;
@@ -192,9 +204,9 @@ export default {
     watch: {
         imgArr: {
             handler(val) {
+                this.imgList = [];
+                this.srcList = [];
                 if(val.length) {
-                    this.imgList = [];
-                    this.srcList = [];
                     val.forEach((item) => {
                         let coverUrl = this.othersFile(item.url)
                         this.imgList.push({
@@ -291,7 +303,7 @@ export default {
     .batch-download {
         position: absolute;
         top: -41px;
-        left: 620px;
+        left: 650px;
         min-width: 80px;
         width:max-content;
         padding:0 10px;
@@ -300,11 +312,12 @@ export default {
         text-align: center;
         border-radius: 10px;
         background-color: #54B8FF;
+        color: white;
         cursor: pointer;
         font-size:12px;
     }
     .batch-delete {
-        left: 710px;
+        left: 740px;
     }
 }
 

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

@@ -8,14 +8,14 @@
 -->
 <template>
     <div>
-        <div>
+        <div @click="clickOpen">
             <slot name="header"></slot>
         </div>
         <div class="slot-content-root" :style="{backgroundColor:info.bgcolor}">
             <div :style="open ? 'height:max-content' : 'height:0;overflow:hidden'">
                 <slot name="content"></slot>
             </div>
-            <div class="arrow" @click="open = !open">
+            <div class="arrow" @click="clickOpen">
                 <i v-if="open"  class="el-icon-arrow-up"></i>
                 <i v-else class="el-icon-arrow-down"></i>
             </div>
@@ -46,7 +46,14 @@ export default {
     },
 
     methods: {
-        
+        // 设置状态
+        setOpen(isOpen) {
+            this.open = isOpen
+        },
+        clickOpen() {
+            this.open = !this.open
+            this.$emit('updateOpen', this.open)
+        }
     },
     watch: {
         infoPro: {
@@ -64,6 +71,7 @@ export default {
 
 .slot-content-root {
     padding-bottom:25px;
+    margin-bottom: 30px;
     background-color: #fff;
     position: relative;
     .arrow {

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

@@ -117,6 +117,10 @@ export default {
       type: String,
       default: '',
     },
+    deleteTips: {
+      type: String,
+      default: null,
+    },
   },
   data() {
     return {
@@ -133,7 +137,7 @@ export default {
       form: {},
       //上传表单
       uploadForm: {},
-      checkFlag: false
+      checkFlag: false,
     }
   },  
   computed: {
@@ -207,7 +211,7 @@ export default {
     handleDelete(row) {
       const fileIds = row.fileId || this.ids
       this.$modal
-        .confirm('是否确认删除该文件？')
+        .confirm(this.deleteTips || '是否确认删除该文件？')
         .then(function () {
           return delBizFileInfo(fileIds)
         })

package/packages/src/views/biz/contractTracing/contractTracingDetail.vue

@@ -26,17 +26,8 @@
             {{ tabsItem.label }}
           </div>
         </div>
-        <div>
-          <!-- 选择项 -->
-          <div class="selection-root">
-            <span>{{ $t('contractDetail.Selected') }} {{ selectFileList.length }} {{ $t('contractDetail.item') }}</span>
-            <div class="border-button" @click.stop="downLoadAll">{{ $t('contractDetail.Download_All') }}</div>
-            <div class="border-button" @click.stop="deleteAll">{{ $t('contractDetail.Delete_All') }}</div>
-            <div class="border-button" @click.stop="cancelAll">{{ $t('contractDetail.Deselect') }}</div>
-          </div>
-        </div>
       </div>
-      <div class="app-container-right">
+      <div class="app-container-right" :style="activeName == 'fourth' ? 'overflow:visible' : 'overflow:auto'">
         <contract-summary v-if="activeName == 'first'" :channel="channel"></contract-summary>
         <contract-info v-if="activeName == 'second'" :channel="channel"></contract-info>
         <!-- 提单指令 -->
@@ -54,7 +45,6 @@
           :contract="contract"
           :channel="channel"
           :buyerFlag="buyerFlag"
-          :selectFileListProp="selectFileList"
           ref="contractFileRef"
         ></contract-file>
       </div>
@@ -106,7 +96,6 @@ import ContractSummary from './contractSummary.vue'
 import BillInfo from './billInfo.vue'
 import ContractFile from '../bizFileInfo/contract.vue'
 import ContractInfo from './contractInfo.vue'
-import { delBizFileInfo } from '../../../api/biz/bizFileInfo'
 
 export default {
   name: 'ContractTracingDetail',
@@ -165,7 +154,6 @@ export default {
         }
       ],
 
-      selectFileList: [],
       // 提单指令列表
       blList: null,
       activeBillIndex: null
@@ -205,46 +193,7 @@ export default {
           console.log(e)
         })
     },
-    /**
-     * @description: 取消全部选择
-     * @return {*}
-     */
-    cancelAll() {
-      this.$refs.contractFileRef.cancelAllSelectFileList()
-    },
-
-    /**
-     * @description: 全部下载
-     * @return {*}
-     */
-    downLoadAll() {
-      if (this.selectFileList.length == 0) {
-        return this.$message.warning(this.$t('contractDetail.please_select_file'))
-      }
-      this.$refs.contractFileRef.downloadZip()
-    },
-    deleteAll() {
-      console.log('==delBizFileInfo==', this.selectFileList)
-      if (this.selectFileList.length == 0) {
-        return this.$message.warning(this.$t('contractDetail.please_select_file'))
-      }
-
-      this.$confirm('是否删除选中文件', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      })
-        .then(() => {
-          const ids = this.selectFileList.map((item) => item.fileId)
-          delBizFileInfo(ids).then(() => {
-            this.$message.success('删除成功')
-            this.$refs.contractFileRef.handleRefresh()
-          })
-        })
-        .catch(() => {
-          this.$message.info('已取消删除')
-        })
-    },
+    
     /**
      * @description: 切换tab
      * @param {*} tab
@@ -329,29 +278,8 @@ export default {
       height: 100%;
       overflow: auto;
     }
+    
   }
 }
 
-.selection-root {
-  margin-top: 26px;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.border-button {
-  margin-top: 10px;
-  padding: 0 10px;
-  width: max-content;
-  height: 21px;
-  text-align: center;
-  line-height: 17px;
-  background: #ffffff;
-  border-radius: 11px;
-  font-size: 12px;
-  border: 2px solid #d1d3d4;
-  cursor: pointer;
-}
 </style>