0703lhj1052文档下载（通用）

src/components/OP/downloadpage.vue

@@ -2,7 +2,7 @@
     <div class="downloadpage-all">
         <div class="downloadpage-Groups">
             <el-select v-model="diIdselect" clearable filterable placeholder="团组选择" style="width: 100%;">
-                <el-option v-for="item in delegationInfoList" :key="item.rowNumber" :label="item.groupName"
+                <el-option v-for="item in delegationInfoList" :key="item.row_Number" :label="item.teamName"
                     :value="item.id">
                 </el-option>
             </el-select>
@@ -168,6 +168,33 @@ export default {
                 }
             })
         },
+        //ctable获取团组
+        PostGroupListByCTableAndUserId(){
+            var url = "/api/Business/PostGroupListByCTableAndUserId"
+            var that = this
+            this.$axios({
+                method: 'post',
+                url: url,
+                headers: {
+                    Authorization: 'Bearer ' + this.token
+                },
+                data:{
+                    portType: 1,
+                    pageIndex:1,
+                    pageSize: 9000,
+                    cTable:1081,
+                    userId:that.userId,
+                    teamName:"",
+                }
+            }).then(function (res) {
+                if(res.data.code==200){
+                    that.delegationInfoList=res.data.data;
+                    that.diIdselect=that.delegationInfoList[0].id;
+                }else{
+                    that.$message.error(res.data.msg);
+                }
+            })
+        },
         //导出完整行程
         dcwzxc(){
             var url = "/api/Groups/ExportTravel"
@@ -291,7 +318,7 @@ export default {
         this.token = JSON.parse(localStorage.getItem('userinif')).token;
         this.userId = JSON.parse(localStorage.getItem('userinif')).userInfo.userId
         this.pageId = Number(localStorage.getItem('indexs').split('-')[1]);//页面id
-        this.padeload()
+        this.PostGroupListByCTableAndUserId()
     }
 }
 </script>

src/components/expenseMobile.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="expenseMobile-all">
-        <el-dialog width="95%" title="详情" :visible.sync="expenseMobileVisible">
+        <el-dialog top="20vh" custom-class="selfDialog" width="95%" title="详情" :visible.sync="expenseMobileVisible">
             <div class="dialog-title">详情</div>
             <div class="dialog-info">
                 <div class="dialog-info-ms">费用描述：{{dailydata.instructions}}</div>
@@ -32,7 +32,7 @@
                 </el-input>
             </div>
         </div>
-        <div class="daily-box">
+        <div id="scroll-div" class="daily-box">
             <div class="daily-card" v-for="(item,index) in tableData" :key="index">
                 <div class="card-description">费用描述：{{item.instructions}}</div>
                 <div class="card-date">申请时间：{{item.createTime}}</div>
@@ -69,6 +69,8 @@ export default {
             input:'',
             expenseMobileVisible:false,
             dailydata:{},
+            pageIndex:1,
+            loadflag:false
         }
     },
     methods:{
@@ -80,8 +82,10 @@ export default {
                 return val
             }
         },
-        rpxTopx(){ 
-            document.getElement.style.fontSize=document.getElement.clientWidth/7.5+'px'
+        //翻页
+        PageTurning(){
+            this.pageIndex++;
+            this.postPageDailyPaymentList();
         },
         //获取列表
         postPageDailyPaymentList() {
@@ -95,7 +99,7 @@ export default {
                 },
                 data: {
                     portType: 1,
-                    pageIndex: 1,
+                    pageIndex: that.pageIndex,
                     pageSize: 10,
                     companyId: -1,
                     financialAuditStatus: -1,//财务审核
@@ -108,7 +112,12 @@ export default {
                 }
             }).then(function (res) {
                 if (res.data.code == 200) {
-                    that.tableData = res.data.data.dataList;
+                    var magarr=res.data.data.dataList;
+                    for(let j=0;j<magarr.length;j++){
+                        that.tableData.push(magarr[j])
+                    }
+                    that.loadflag = false
+                    // that.tableData = res.data.data.dataList;
                 }
             })
         },
@@ -141,11 +150,28 @@ export default {
         //搜索
         searchbtn(){
             this.postPageDailyPaymentList()
-        }
+        },
+        scrollBottom(e) {
+            let Scroll = e.target
+            // 网页可见区域高：document.body.clientHeight
+            // 网页正文全文高：document.body.scrollHeight
+            let scrollHeight = Scroll.scrollHeight - Scroll.clientHeight
+            console.log(Scroll.scrollHeight);
+            this.scrollTop = Scroll.scrollTop
+            if (scrollHeight - Scroll.scrollTop < 100 && !this.loadflag) {
+                console.log('到底部了')
+                this.loadflag = true
+                this.PageTurning()
+            }
+        },
+
     },
     mounted(){
-        // this.rpxTopx()
         this.postPageDailyPaymentList();
+        window.addEventListener('scroll', this.scrollBottom, true)
+    },
+    destroyed(){
+       
     }
 }
 </script>