doctor-admin-components 1.0.13-beta.91 → 1.0.13-beta.92

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "doctor-admin-components",
   "version1": "1.0.11",
-  "version": "1.0.13-beta.91",
+  "version": "1.0.13-beta.92",
   "private": false,
   "main1": "lib/index.umd.min.js",
   "main": "packages/index.js",

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

@@ -11,12 +11,12 @@
     <div class="app-container-container">
       <div class="app-container-left">
         <div class="contract-number">
-          <div>{{$t('contractDetail.Contract_No')}}</div>
+          <div>{{ $t('contractDetail.Contract_No') }}</div>
           <div>{{ contract.contractNo }}</div>
         </div>
         <div class="contract-number">
-          <div>{{$t('contractDetail.Reference_No')}}</div>
-          <div>{{ contract.reference  || '--' }}</div>
+          <div>{{ $t('contractDetail.Reference_No') }}</div>
+          <div>{{ contract.reference || '--' }}</div>
         </div>
         <div class="tab-root">
           <div :class="['tab', activeName == tabsItem.name ? 'active' : '']" v-for="tabsItem in saleTabsArr" :key="tabsItem.id" @click="changeTabs(tabsItem)">
@@ -24,13 +24,13 @@
           </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 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">
@@ -40,12 +40,12 @@
         <div v-if="activeName == 'third'">
           <!-- 标题分栏 -->
           <el-tabs v-model="activeBillIndex">
-            <el-tab-pane v-for="(bill, i) in blList" :key="i" :label="contract.contractNo+' 提单指令'" :name="i.toString()">
+            <el-tab-pane v-for="(bill, i) in blList" :key="i" :label="contract.contractNo + ' 提单指令'" :name="i.toString()">
               <bill-info @refresh="getBlList" :contract="contract" :billData="bill" :channel="channel"></bill-info>
             </el-tab-pane>
           </el-tabs>
         </div>
-        
+
         <contract-file
           v-if="activeName == 'fourth' && contract.contractType"
           :contract="contract"
@@ -54,7 +54,6 @@
           :selectFileListProp="selectFileList"
           ref="contractFileRef"
         ></contract-file>
-
       </div>
     </div>
     <!-- <div style="position: relative">
@@ -84,8 +83,8 @@
         </el-tab-pane>
       </el-tabs> -->
 
-      <!-- 这里添加合同编号的显示 -->
-      <!-- <div
+    <!-- 这里添加合同编号的显示 -->
+    <!-- <div
         style="
           position: absolute;
           right: 10px;
@@ -99,12 +98,12 @@
 </template>
 
 <script>
-import { getBizContract, getContractBlList } from '../../../api/biz/bizContract';
-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';
+import { getBizContract, getContractBlList } from '../../../api/biz/bizContract'
+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',
@@ -113,65 +112,72 @@ export default {
     ContractSummary,
     BillInfo,
     ContractFile,
-    ContractInfo,
+    ContractInfo
   },
   props: {
-    channel: '',
+    channel: ''
   },
   data() {
     return {
       activeName: 'first',
       contract: {},
       buyerFlag: true,
-      saleTabsArr:[{
-        label: this.$t('contractDetail.summary'),
-        name: 'first',
-        id:0
-      },{
-        label: this.$t('contractDetail.info'),
-        name: 'second',
-        id:1
-      },{
-        label: this.$t('contractDetail.blInfo'),
-        name: 'third',
-        id:2
-      },{
-        label: this.$t('contractDetail.fileManage'),
-        name: 'fourth',
-        id:3
-      }],
-      purchaseTabsArr:[{
-        label: this.$t('contractDetail.summary'),
-        name: 'first',
-        id:0
-      },{
-        label: this.$t('contractDetail.info'),
-        name: 'second',
-        id:1
-      },{
-        label: this.$t('contractDetail.fileManage'),
-        name: 'fourth',
-        id:2
-      }],
-      
+      saleTabsArr: [
+        {
+          label: this.$t('contractDetail.summary'),
+          name: 'first',
+          id: 0
+        },
+        {
+          label: this.$t('contractDetail.info'),
+          name: 'second',
+          id: 1
+        },
+        {
+          label: this.$t('contractDetail.blInfo'),
+          name: 'third',
+          id: 2
+        },
+        {
+          label: this.$t('contractDetail.fileManage'),
+          name: 'fourth',
+          id: 3
+        }
+      ],
+      purchaseTabsArr: [
+        {
+          label: this.$t('contractDetail.summary'),
+          name: 'first',
+          id: 0
+        },
+        {
+          label: this.$t('contractDetail.info'),
+          name: 'second',
+          id: 1
+        },
+        {
+          label: this.$t('contractDetail.fileManage'),
+          name: 'fourth',
+          id: 2
+        }
+      ],
+
       selectFileList: [],
       // 提单指令列表
       blList: null,
-      activeBillIndex: null,
-    };
-  },
-  computed: {
-    
+      activeBillIndex: null
+    }
   },
+  computed: {},
   watch: {},
   created() {
-    const contractId = this.$route.params && this.$route.params.contractId;
-    this.getContract(contractId);
-    const activeName = this.$route.query && this.$route.query.activeName;
-    this.activeName = activeName || 'first';
+    const contractId = this.$route.params && this.$route.params.contractId
+    this.getContract(contractId)
+    const activeName = this.$route.query && this.$route.query.activeName
+    this.activeName = activeName || 'first'
     // this.activeName = 'fourth'
-    localStorage.setItem('contractDetail', location.href);
-    location.href;
+    localStorage.setItem('contractDetail', location.href)
+    location.href
   },
   mounted() {},
   methods: {
@@ -179,7 +185,7 @@ export default {
      * @description: 取消全部选择
      * @return {*}
      */
-    cancelAll () {
+    cancelAll() {
       this.$refs.contractFileRef.cancelAllSelectFileList()
     },
 
@@ -188,30 +194,32 @@ export default {
      * @return {*}
      */
     downLoadAll() {
-      if(this.selectFileList.length == 0) {
+      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) {
+      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('已取消删除')
+        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
@@ -219,36 +227,36 @@ export default {
      * @return {*}
      */
     changeTabs(tab) {
-      this.activeName = tab.name;
+      this.activeName = tab.name
     },
     getContract(contractId) {
       getBizContract(contractId).then((res) => {
-        this.contract = res.data;
+        this.contract = res.data
         // Debit note是给卖家的，要放在 ARS 下
         // Credit note是给买家的，要放在 ARP 下
-        this.buyerFlag = this.contract?.contractNo
-          ?.toLowerCase()
-          ?.includes('arp');
+        this.buyerFlag = this.contract?.contractNo?.toLowerCase()?.includes('arp')
         // 获取提单指令
         this.getBlList()
-      });
+      })
     },
     getBlList() {
-      const contractId = this.$route.params && this.$route.params.contractId;
-      getContractBlList(contractId).then((res) => {
-        this.blList = res.rows
-        // 默认选中第一个
-        if (!this.activeBillIndex) {
-          this.activeBillIndex = '0'
-        }
-      })
+      const contractId = this.$route.params && this.$route.params.contractId
+      if (contractId) {
+        getContractBlList(contractId).then((res) => {
+          this.blList = res.rows
+          // 默认选中第一个
+          if (!this.activeBillIndex) {
+            this.activeBillIndex = '0'
+          }
+        })
+      }
     },
 
     handleClick(tab, event) {
-      console.log(tab, event);
-    },
-  },
-};
+      console.log(tab, event)
+    }
+  }
+}
 </script>
 
 <style scoped lang="scss">
@@ -259,19 +267,19 @@ export default {
     .app-container-left {
       width: 141px;
       height: 100%;
-      margin-right:10px;
-      background-color: #D9DFE8;
+      margin-right: 10px;
+      background-color: #d9dfe8;
       .contract-number {
         font-size: 12px;
         font-weight: normal;
         color: #000000;
         line-height: 14px;
-        text-align:left;
+        text-align: left;
         padding: 10px 0 0 15px;
       }
       .tab-root {
-        margin-top:40px;
-        display:flex;
+        margin-top: 40px;
+        display: flex;
         flex-direction: column;
         align-items: flex-end;
         .tab {
@@ -280,31 +288,29 @@ export default {
           font-weight: normal;
           color: #000;
           line-height: 48px;
-          text-align:right;
-          width:max-content;
-          padding:0 20px;
+          text-align: right;
+          width: max-content;
+          padding: 0 20px;
           box-sizing: border-box;
         }
         .active {
-          background: #EFF5FF;
+          background: #eff5ff;
           border-radius: 5px 0px 0px 5px;
-          color:#009444;
+          color: #009444;
         }
-
       }
     }
     .app-container-right {
-      flex:1;
+      flex: 1;
       height: 100%;
-      overflow:auto;
-     
+      overflow: auto;
     }
   }
 }
 
 .selection-root {
   margin-top: 26px;
-  display:flex;
+  display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
@@ -312,16 +318,16 @@ export default {
 }
 
 .border-button {
-  margin-top:10px;
+  margin-top: 10px;
   padding: 0 10px;
   width: max-content;
   height: 21px;
   text-align: center;
   line-height: 17px;
-  background: #FFFFFF;
+  background: #ffffff;
   border-radius: 11px;
   font-size: 12px;
-  border: 2px solid #D1D3D4;
+  border: 2px solid #d1d3d4;
   cursor: pointer;
 }
 </style>