ソースを参照

置灰和固定滚动

Qukatie 1 年間 前
コミット
8e2df54af2

+ 8 - 4
src/views/iosBasicData/AirtransportExport/bills/billsDetails.vue

@@ -40,7 +40,7 @@
 
         <div style="margin-top: 65px">
             <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
-                <el-tab-pane label="委托信息" name="wt">
+                <el-tab-pane label="委托信息" name="wt" class="scrollable-container">
                     <div>
                         <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                             <containerTitle title="基础资料"></containerTitle>
@@ -225,14 +225,14 @@
                         <!--</basic-container>-->
                     </div>
                 </el-tab-pane>
-                <el-tab-pane label="费用信息" name="fy"
+                <el-tab-pane label="费用信息" name="fy" class="scrollable-container"
                              v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
                     <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
                 </el-tab-pane>
-                <el-tab-pane label="单证中心" name="dz">
+                <el-tab-pane label="单证中心" name="dz"  class="scrollable-container">
                     <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" ></document-center>
                 </el-tab-pane>
-                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'">
+                <el-tab-pane label="分单列表" name="fd"  class="scrollable-container" v-if="form.billType == 'MM'">
                     <Split-list :detailData="detailData" :assemblyForm="form"
                                 :data="billsListAllData"
                                 @billsListAllfun="billsListAllfun(form.id)"></Split-list>
@@ -1829,6 +1829,10 @@ import {
 </script>
 
 <style scoped>
+.scrollable-container {
+  height:80vh; /* 设置容器高度 */
+  overflow-y: auto; /* 添加垂直滚动条 */
+}
 .borderless {
     height: 100%;
     box-sizing: border-box

+ 8 - 4
src/views/iosBasicData/AirtransportImport/bills/billsDetails.vue

@@ -40,7 +40,7 @@
 
         <div style="margin-top: 65px">
             <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
-                <el-tab-pane label="委托信息" name="wt">
+                <el-tab-pane label="委托信息" name="wt"  class="scrollable-container">
                     <div>
                         <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                             <containerTitle title="基础资料"></containerTitle>
@@ -225,14 +225,14 @@
                         <!--</basic-container>-->
                     </div>
                 </el-tab-pane>
-                <el-tab-pane label="费用信息" name="fy"
+                <el-tab-pane label="费用信息" name="fy"  class="scrollable-container"
                              v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
                     <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
                 </el-tab-pane>
-                <el-tab-pane label="单证中心" name="dz">
+                <el-tab-pane label="单证中心" name="dz"  class="scrollable-container">
                     <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" ></document-center>
                 </el-tab-pane>
-                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'">
+                <el-tab-pane label="分单列表" name="fd"  class="scrollable-container" v-if="form.billType == 'MM'">
                     <Split-list :detailData="detailData" :assemblyForm="form"
                                 :data="billsListAllData"
                                 @billsListAllfun="billsListAllfun(form.id)"></Split-list>
@@ -1824,6 +1824,10 @@ import {
 </script>
 
 <style scoped>
+.scrollable-container {
+  height:80vh; /* 设置容器高度 */
+  overflow-y: auto; /* 添加垂直滚动条 */
+}
 .borderless {
     height: 100%;
     box-sizing: border-box

+ 8 - 4
src/views/iosBasicData/OceanFreightImport/bills/billsDetails.vue

@@ -59,7 +59,7 @@
 
         <div style="margin-top: 65px">
             <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
-                <el-tab-pane label="委托信息" name="wt">
+                <el-tab-pane label="委托信息" name="wt" class="scrollable-container">
                     <div>
                         <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                             <containerTitle title="基础资料"></containerTitle>
@@ -256,14 +256,14 @@
                         </basic-container>
                     </div>
                 </el-tab-pane>
-                <el-tab-pane label="费用信息" name="fy"
+                <el-tab-pane label="费用信息" name="fy" class="scrollable-container"
                              v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
                     <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
                 </el-tab-pane>
-                <el-tab-pane label="单证中心" name="dz">
+                <el-tab-pane label="单证中心" name="dz" class="scrollable-container">
                     <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" ></document-center>
                 </el-tab-pane>
-                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'">
+                <el-tab-pane label="分单列表" name="fd" class="scrollable-container" v-if="form.billType == 'MM'">
                     <Split-list :detailData="detailData" :assemblyForm="form"
                                 :data="billsListAllData"
                                 @billsListAllfun="billsListAllfun(form.id)"></Split-list>
@@ -1763,6 +1763,10 @@ import {editypesList} from "@/api/iosBasicData/editypes";
 </script>
 
 <style scoped>
+.scrollable-container {
+  height:80vh; /* 设置容器高度 */
+  overflow-y: auto; /* 添加垂直滚动条 */
+}
 .borderless {
     height: 100%;
     box-sizing: border-box

+ 13 - 6
src/views/iosBasicData/SeafreightExportF/bills/billsDetails.vue

@@ -68,7 +68,7 @@
 
         <div style="margin-top: 65px">
             <el-tabs type="border-card" v-model="bigtabs" @tab-click="bigHandleClick">
-                <el-tab-pane label="委托信息" name="wt">
+                <el-tab-pane label="委托信息" name="wt" class="scrollable-container">
                     <div>
                         <el-form :model="form" ref="form" label-width="90px" class="demo-ruleForm">
                             <containerTitle title="基础资料"></containerTitle>
@@ -264,14 +264,14 @@
                     </div>
                 </el-tab-pane>
 
-                <el-tab-pane label="费用信息" name="fy"
+                <el-tab-pane label="费用信息" name="fy" class="scrollable-container"
                              v-if="roleName.indexOf('admin') != -1?true:roleName.indexOf('应收修改') != -1 || roleName.indexOf('应付修改') != -1 || roleName.indexOf('应收查看') != -1 || roleName.indexOf('应付查看') != -1" >
                     <feecenter :assemblyForm="form" :copyFormData="copyFormData" :detailData="detailData" :pleasereviewType="pleasereviewType" :pid="form.id" @billsDetailfun="billsDetailfun(form.id)"></feecenter>
                 </el-tab-pane>
-                <el-tab-pane label="单证中心" name="dz">
+                <el-tab-pane label="单证中心" name="dz" class="scrollable-container">
                     <document-center ref="documentCenter" :detailData="detailData" :assemblyForm="form" ></document-center>
                 </el-tab-pane>
-                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'">
+                <el-tab-pane label="分单列表" name="fd" v-if="form.billType == 'MM'" class="scrollable-container">
                     <Split-list :detailData="detailData" :assemblyForm="form"
                                 :data="billsListAllData"
                                 @billsListAllfun="billsListAllfun(form.id)"></Split-list>
@@ -1707,13 +1707,16 @@ import {editypesList} from "@/api/iosBasicData/editypes";
                 // }else {
                 //     this.detailData.seeDisabled = false
                 // }
+                this.columnforfun('teamId').disabled = true
+                this.columnforfun('operatorName').disabled = true
+                this.columnforfun('accDeptName').disabled = true
                 if (this.form.status == 1 || this.form.status == 2 || this.form.status == 3) {
                     this.columnforfun('corpCnName').disabled = true
                     this.columnforfun('srcType').disabled = true
                     this.columnforfun('mblno').disabled = true
                     this.columnforfun('bookingNo').disabled = true
                     this.columnforfun('refno').disabled = true
-                    this.columnforfun('teamId').disabled = true
+                    // this.columnforfun('teamId').disabled = true
                     this.generateBillsfalse = true
                     this.pleasereviewType = true // 请核禁用
                 }else {
@@ -1723,7 +1726,7 @@ import {editypesList} from "@/api/iosBasicData/editypes";
                     this.columnforfun('mblno').disabled = false
                     this.columnforfun('bookingNo').disabled = false
                     this.columnforfun('refno').disabled = false
-                    this.columnforfun('teamId').disabled = false
+                    // this.columnforfun('teamId').disabled = false
                     this.generateBillsfalse = false
                     this.pleasereviewType = false
                 }
@@ -1974,6 +1977,10 @@ import {editypesList} from "@/api/iosBasicData/editypes";
 </script>
 
 <style scoped>
+.scrollable-container {
+  height:80vh; /* 设置容器高度 */
+  overflow-y: auto; /* 添加垂直滚动条 */
+}
 .borderless {
     height: 100%;
     box-sizing: border-box