|
@@ -1,272 +1,176 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+<div>
|
|
|
<common @asynCallBack="asynCallBack"></common>
|
|
|
- <top-header :pageTitle="pageTitle"></top-header>
|
|
|
-
|
|
|
+ <loading :visible="isLoading"></loading>
|
|
|
+ <header class="mui-bar mui-bar-nav">
|
|
|
+ <h1 class="mui-title">出差申请审核列表</h1>
|
|
|
+ <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
+ </header>
|
|
|
<div class="mui-content vongi-wordcard-sp">
|
|
|
-
|
|
|
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
|
|
|
<div class="mui-scroll">
|
|
|
- <a @click="reloadList('0')" :class="'mui-control-item '+(listForm.status=='0'?'mui-active':'')">
|
|
|
- <span class="fyy-badge">待处理<span class="mui-badge" v-if="firstRecordsTotal" v-text="firstRecordsTotal"></span></span>
|
|
|
+ <a class="mui-control-item " @click="mySwitchTab(true)" :class="{'mui-active':switchTab}" >
|
|
|
+ <span class="fyy-badge">待处理<span class="mui-badge" v-show="mybadge">{{mybadge}}</span></span>
|
|
|
</a>
|
|
|
- <a @click="reloadList('1')" :class="'mui-control-item '+(listForm.status=='1'?'mui-active':'')">
|
|
|
+ <a class="mui-control-item" @click="mySwitchTab(false)" :class="{'mui-active':!switchTab}" >
|
|
|
已处理
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <NullList :remark="'暂无申请记录'" v-if="!recordList.length"></NullList>
|
|
|
-
|
|
|
<div id="slider" class="mui-slider mui-fullscreen vongi-over">
|
|
|
|
|
|
- <div class="mui-slider-group vongi-cchai">
|
|
|
- <div v-if="listForm.status=='0'" class="mui-slider-item mui-control-content mui-active">
|
|
|
- <div class="mui-scroll-wrapper vongi-over-hei">
|
|
|
+ <div class="mui-slider-group">
|
|
|
+
|
|
|
+ <div class="mui-slider-item mui-control-content " v-show="switchTab">
|
|
|
+ <div class="mui-scroll-wrapper vongi-over-hei" >
|
|
|
<div class="mui-scroll">
|
|
|
- <form class="mui-input-group fyy-checkbox">
|
|
|
- <div v-for="(item,index) in recordList" class="mui-input-row mui-checkbox mui-left">
|
|
|
- <router-link :to="{name:'MasterBusinessTravelVerifyInfo',query:{id:item.id}}">
|
|
|
- <h4>{{item.personName}}的出差申请<span class="mui-h6 mui-pull-right" v-text="item.startTime.substr(5)"></span></h4>
|
|
|
- <p class='mui-ellipsis'>出差事由:{{item.content}}</p>
|
|
|
- <p class='mui-ellipsis flew-items flew-sp'>
|
|
|
- 预估天数:{{item.estimatedTime}}天
|
|
|
- <button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" :style="getColor(item.status)"
|
|
|
- v-text="item.statusN"></button>
|
|
|
- </p>
|
|
|
+ <div class="mui-input-group fyy-checkbox">
|
|
|
+
|
|
|
+ <div class="mui-input-row mui-checkbox mui-left" v-for="item,i in recordList">
|
|
|
+
|
|
|
+ <router-link :to="{name:'MasterBusinessTravelVerifyInfo',query:{id:item.id,procinstActUserId:item.procinstActUserId}}" class="mui-media-body">
|
|
|
+
|
|
|
+ <h4 class="flew-sp margin10">{{item.name}}的出差申请<span class="color999 mui-h5">{{item.createTime}}</span></h4>
|
|
|
+ <h5 class='mui-ellipsis color999'>出差日期:{{item.startTime}}</h5>
|
|
|
</router-link>
|
|
|
- <input name="checkbox" v-model="selectIdList" :value="item.id" type="checkbox">
|
|
|
+ <input name="checkbox" v-model="ids" :value="item.procinstActUserId" type="checkbox" >
|
|
|
</div>
|
|
|
- </form>
|
|
|
+ <NullList :remark="'暂无出差申请记录'" v-if="!recordList.length"></NullList>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div v-if="listForm.status=='1'" class="mui-slider-item mui-control-content">
|
|
|
+ <div class="mui-slider-item mui-control-content" v-show="!switchTab">
|
|
|
<div class="mui-scroll-wrapper">
|
|
|
<div class="mui-scroll">
|
|
|
<ul class="mui-table-view mui-table-view-chevron">
|
|
|
- <li v-for="(item,index) in recordList" class="mui-table-view-cell mui-media">
|
|
|
- <router-link :to="{name:'MasterBusinessTravelVerifyInfo',query:{id:item.id}}">
|
|
|
- <h4>{{item.personName}}的出差申请<span class="mui-h6 mui-pull-right" v-text="item.startTime.substr(5)"></span></h4>
|
|
|
- <p class='mui-ellipsis'>出差事由:{{item.content}}</p>
|
|
|
- <p class='mui-ellipsis flew-items flew-sp'>
|
|
|
- 预估天数:{{item.estimatedTime}}天
|
|
|
- <button type="button" class="mui-btn mui-btn-primary mui-btn-outlined" :style="getColor(item.status)"
|
|
|
- v-text="item.statusN"></button>
|
|
|
- </p>
|
|
|
+ <li class="mui-table-view-cell mui-media" v-for="item,i in recordList2">
|
|
|
+ <router-link :to="{name:'MasterBusinessTravelVerifyInfo',query:{id:item.id}}" class="mui-media-body">
|
|
|
+
|
|
|
+ <h4 class="flew-sp margin10">{{item.name}}的出差申请<span class="color999 mui-h5">{{item.createTime}}</span></h4>
|
|
|
+ <h5 class='mui-ellipsis color999 flew-sp flew-items'>出差日期:{{item.startTime}}
|
|
|
+ <button class="mui-btn mui-btn-outlined" :class="{'mui-btn-primary':item.action==0,
|
|
|
+ 'mui-btn-danger':item.action==2||item.action==3,
|
|
|
+ 'mui-btn-success':item.action==1||item.action==4}" >{{item.actionName}}</button>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </h5>
|
|
|
</router-link>
|
|
|
</li>
|
|
|
+
|
|
|
</ul>
|
|
|
+ <NullList :remark="'暂无已处理记录'" v-if="!recordList2.length"></NullList>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div v-show="recordList.length>0 && listForm.status==0" class="vongi-ad-fix" style="z-index:99">
|
|
|
-
|
|
|
- <div class=" vongi-wordcard" v-if="approvalPersonList.length">
|
|
|
- <form class="mui-input-group">
|
|
|
- <div class="mui-input-row">
|
|
|
- <label class="color4fc5f7">下一步审批人</label>
|
|
|
- <div v-if="approvalPersonList.length!=1" class="mui-navigate-right" @click="selectPerson" >
|
|
|
- <button id='showUserPicker' class="mui-btn mui-btn-block" type='button' ><span v-text="approvalPersonName"></span></button>
|
|
|
- </div>
|
|
|
- <div v-if="approvalPersonList.length==1" >
|
|
|
- <button class="mui-btn mui-btn-block" type='button' ><span v-text="approvalPersonName"></span></button>
|
|
|
- </div>
|
|
|
-
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <div class="fyy-bindfyy-btn">
|
|
|
- <form class="mui-input-group">
|
|
|
- <div class="mui-input-row mui-checkbox mui-left">
|
|
|
- <label>全选</label>
|
|
|
- <input v-model="allSelect" value="1" type="checkbox" @click="selectAll" :checked="recordList.length==selectIdList.length">
|
|
|
- </div>
|
|
|
- </form>
|
|
|
- <button type="button" class="mui-btn mui-btn-danger" @click="openFrom('2')">拒绝</button>
|
|
|
- <button type="button" class="mui-btn mui-btn-success" @click="openFrom('1')">同意</button>
|
|
|
+ <div class="fyy-bindfyy-btn" v-show="switchTab">
|
|
|
+ <form class="mui-input-group">
|
|
|
+ <div class="mui-input-row mui-checkbox mui-left">
|
|
|
+ <label>全选</label>
|
|
|
+ <input v-model="allSelect" value="1" type="checkbox" @click="selectAll" :checked="recordList.length==ids.length">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ <button type="button" class="mui-btn mui-btn-danger" @click="openFrom('3')">拒绝</button>
|
|
|
+ <button type="button" class="mui-btn mui-btn-success" @click="openFrom('1')">同意</button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--弹窗-->
|
|
|
+ <div class="mui-popup mui-popup-in vongi-mui-pop" v-show="showApprovalBl">
|
|
|
+ <div class="mui-popup-inner vongi-pop-inner">
|
|
|
+ <div class="mui-popup-title">审核意见</div>
|
|
|
+ <div class="mui-popup-input">
|
|
|
+ <textarea id="textarea" rows="3" v-model="subForm.content" placeholder="可输入审核意见"></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="mui-popup-buttons">
|
|
|
+ <span class="mui-popup-button" @click="showApprovalBl=false">取消</span>
|
|
|
+ <span class="mui-popup-button mui-popup-button-bold" @click="doAction">提交</span></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <loading :visible="isLoading"></loading>
|
|
|
- </div>
|
|
|
+ <div class="mui-popup-backdrop mui-active" v-show="showApprovalBl"></div>
|
|
|
+</div>
|
|
|
</template>
|
|
|
|
|
|
-<script>
|
|
|
- require('$project/assets/js/mui.picker.min.js');
|
|
|
-
|
|
|
- import * as API_BusinessTravel from '@/apis/Master/business_travel'
|
|
|
- import Common from '$project/components/Common.vue'
|
|
|
- import Loading from '$project/components/Loading.vue'
|
|
|
+
|
|
|
+<script>
|
|
|
+
|
|
|
+ import * as API from '@/apis-xsy/applyclass'
|
|
|
+ import * as API_sp from '@/apis-xsy/xsy'
|
|
|
+
|
|
|
+ import Common from '$project/components/Common.vue'
|
|
|
+ import Loading from '$project/components/Loading.vue'
|
|
|
import TopHeader from '$project/components/TopHeader.vue'
|
|
|
- import isReachBottom from '$project/utils/isReachBottom'
|
|
|
import NullList from '$project/components/NullList.vue'
|
|
|
- import {
|
|
|
- mapGetters,
|
|
|
- mapMutations
|
|
|
- } from 'vuex'
|
|
|
- export default {
|
|
|
- name: 'MasterBusinessTravelVerifyList',
|
|
|
- components: {
|
|
|
- Common,
|
|
|
- Loading,
|
|
|
- TopHeader,
|
|
|
- NullList
|
|
|
- },
|
|
|
- data() {
|
|
|
+ import isReachBottom from '$project/utils/isReachBottom'
|
|
|
+
|
|
|
+ import {
|
|
|
+ mapGetters,
|
|
|
+ mapMutations
|
|
|
+ } from 'vuex'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: '',
|
|
|
+ components: {
|
|
|
+ Common,
|
|
|
+ Loading,
|
|
|
+ TopHeader,NullList
|
|
|
+ },
|
|
|
+ data() {
|
|
|
return {
|
|
|
- pageTitle: '出差审批',
|
|
|
-
|
|
|
- isLoading: false,
|
|
|
-
|
|
|
+ allSelect:[],
|
|
|
+ ids:[],
|
|
|
+ switchTab:true,
|
|
|
+ mybadge:0,
|
|
|
+ pageTitle: '出差申请审核列表',
|
|
|
+ showApprovalBl:false,
|
|
|
+ isLoading: false,
|
|
|
listForm: {
|
|
|
- type: '3',
|
|
|
+ procinstType:3,
|
|
|
pageIndex: 1,
|
|
|
- pageSize: 20,
|
|
|
+ pageSize: 10,
|
|
|
totalPage: 1,
|
|
|
- status: '0'
|
|
|
},
|
|
|
recordList: [],
|
|
|
- approvalPersonList:[],
|
|
|
- approvalPerson:true,
|
|
|
-
|
|
|
- subForm: {
|
|
|
- ids: '',
|
|
|
- approvalContent: '',
|
|
|
- status: '',
|
|
|
- nextApprovalId:'',
|
|
|
+
|
|
|
+ listForm2: {
|
|
|
+ procinstType:3,
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ totalPage: 1,
|
|
|
},
|
|
|
- //补卡1,外出2,出差3 ,请假4
|
|
|
- personForm: {
|
|
|
- type: '3'
|
|
|
- },
|
|
|
- selectIdList: [],
|
|
|
- allSelect: [],
|
|
|
- firstRecordsTotal: 0,
|
|
|
- }
|
|
|
- },
|
|
|
- created() {},
|
|
|
+ recordList2: [],
|
|
|
+ subForm: {
|
|
|
+
|
|
|
+ procinstActUserIds: '',
|
|
|
+ content: '',
|
|
|
+ status: ''
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+
|
|
|
+ },
|
|
|
methods: {
|
|
|
- //获取审核人列表
|
|
|
- getBusinessOutApprovalPerson() {
|
|
|
- this.isLoading = true;
|
|
|
- API_BusinessTravel.getBusinessOutApprovalPerson(this.personForm).then(response => {
|
|
|
- this.isLoading = false;
|
|
|
-
|
|
|
- var list = response.data;
|
|
|
- var approvalPersonList = [];
|
|
|
- for (var i = 0; i < list.length; i++) {
|
|
|
- approvalPersonList.push({
|
|
|
- value: list[i]['id'],
|
|
|
- text: list[i]['personName']
|
|
|
- })
|
|
|
- }
|
|
|
- if (approvalPersonList.length) {
|
|
|
- this.subForm.nextApprovalId = approvalPersonList[0]['value'];
|
|
|
- this.approvalPersonName= approvalPersonList[0]['text'];
|
|
|
-
|
|
|
- }
|
|
|
- this.approvalPersonList = approvalPersonList;
|
|
|
-
|
|
|
- this.approvalPerson=true;
|
|
|
- }).catch(error => {
|
|
|
- this.isLoading = false;
|
|
|
- mui.toast(error);
|
|
|
- })
|
|
|
- },
|
|
|
- //选择审核人
|
|
|
- selectPerson() {
|
|
|
- var _this = this;
|
|
|
- var picker = new mui.PopPicker();
|
|
|
- picker.setData(_this.approvalPersonList);
|
|
|
- picker.pickers[0].setSelectedValue(this.subForm.nextApprovalId);
|
|
|
- picker.show(function(selectItems) {
|
|
|
- _this.subForm.nextApprovalId = selectItems[0].value;
|
|
|
- _this.approvalPersonName= selectItems[0].text;
|
|
|
- _this.$forceUpdate()
|
|
|
-
|
|
|
- picker.dispose();
|
|
|
- })
|
|
|
- },
|
|
|
- //获取列表
|
|
|
- getList() {
|
|
|
- this.isLoading = true;
|
|
|
- API_BusinessTravel.verifyList(this.listForm).then(response => {
|
|
|
- if (response) {
|
|
|
- if (this.listForm.pageIndex == 1) {
|
|
|
- this.recordList = response.data;
|
|
|
- this.listForm.pageIndex = response.pageNumber;
|
|
|
- this.listForm.totalPage = response.totalPage;
|
|
|
- } else {
|
|
|
- this.recordList = [
|
|
|
- ...this.recordList,
|
|
|
- ...response.data
|
|
|
- ];
|
|
|
- }
|
|
|
+ mySwitchTab(bl){
|
|
|
+ this.switchTab=bl;
|
|
|
+ if(bl){
|
|
|
+ if(this.recordList.length==0){
|
|
|
+ this.getList()
|
|
|
}
|
|
|
-
|
|
|
- if (this.listForm.status == 0) {
|
|
|
- this.firstRecordsTotal = response.recordsTotal;
|
|
|
- }
|
|
|
-
|
|
|
- this.listForm.pageIndex++;
|
|
|
- this.isLoading = false;
|
|
|
- }).catch(error => {
|
|
|
- this.isLoading = false;
|
|
|
- mui.toast(error);
|
|
|
- })
|
|
|
- },
|
|
|
- //下拉事件
|
|
|
- handleScrool() {
|
|
|
- if (isReachBottom()) {
|
|
|
- console.log('到达底部')
|
|
|
- if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
|
|
|
- this.getList();
|
|
|
- } else {
|
|
|
- return;
|
|
|
+ }else{
|
|
|
+ if(this.recordList2.length==0){
|
|
|
+ this.getList2()
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- //切换
|
|
|
- reloadList(status) {
|
|
|
- this.listForm.status = status;
|
|
|
- this.listForm.pageIndex = 1;
|
|
|
- this.getList();
|
|
|
- },
|
|
|
- //选择所有
|
|
|
- selectAll() {
|
|
|
- if (this.allSelect.length) {
|
|
|
- this.selectIdList = [];
|
|
|
- } else {
|
|
|
- var selectIdList = [];
|
|
|
- this.recordList.forEach(function(item, index) {
|
|
|
- selectIdList.push(item.id);
|
|
|
- })
|
|
|
- this.selectIdList = selectIdList;
|
|
|
- }
|
|
|
- },
|
|
|
- //显示内容表单
|
|
|
- openFrom(status) {
|
|
|
- if (!this.selectIdList.length) {
|
|
|
- mui.toast('请选择要处理的信息');
|
|
|
- } else {
|
|
|
- this.subForm.status = status;
|
|
|
- this.subForm.content = status == 1 ? '同意' : '拒绝';
|
|
|
- //this.openFromVisible = true;
|
|
|
- //直接点击处理,不需要弹窗理由框
|
|
|
- this.doAction();
|
|
|
- }
|
|
|
- },
|
|
|
//检测表单
|
|
|
checkForm() {
|
|
|
- if(!this.approvalPerson){
|
|
|
- mui.toast('加载下一级审批人失败,请刷新页面');
|
|
|
- return false;
|
|
|
- }else if (!this.subForm.ids) {
|
|
|
+ if (false) {
|
|
|
mui.toast('请选择要处理的信息');
|
|
|
return false;
|
|
|
} else {
|
|
@@ -275,14 +179,16 @@
|
|
|
},
|
|
|
//同意拒绝
|
|
|
doAction() {
|
|
|
- this.subForm.ids = this.selectIdList.join(',');
|
|
|
+ this.subForm.procinstActUserIds = this.ids.join(',');
|
|
|
if (this.checkForm()) {
|
|
|
this.isLoading = true;
|
|
|
- API_BusinessTravel.businessOutApproval(this.subForm).then(response => {
|
|
|
+ API.examineSubmit(this.subForm).then(response => {
|
|
|
this.isLoading = false;
|
|
|
-
|
|
|
- this.openFromVisible = false;
|
|
|
+
|
|
|
+ this.showApprovalBl = false;
|
|
|
this.listForm.pageIndex = 1;
|
|
|
+ this.recordList2=[];
|
|
|
+ mui.toast("操作成功");
|
|
|
this.getList();
|
|
|
}).catch(error => {
|
|
|
this.isLoading = false;
|
|
@@ -290,68 +196,130 @@
|
|
|
})
|
|
|
}
|
|
|
},
|
|
|
- //获取状态颜色
|
|
|
- getColor(status) {
|
|
|
- var color = '';
|
|
|
- if (status == '0') {
|
|
|
- color = '#4fc5f7';
|
|
|
- } else if (status == '1') {
|
|
|
- color = '#55f868';
|
|
|
- } else if (status == '2') {
|
|
|
- color = '#fe616c';
|
|
|
+ //显示内容表单
|
|
|
+ openFrom(status) {
|
|
|
+ if (!this.ids.length) {
|
|
|
+ mui.toast('请选择要处理的信息');
|
|
|
+ } else {
|
|
|
+ this.subForm.status = status;
|
|
|
+ this.subForm.content = status == 1 ? '同意' : '拒绝';
|
|
|
+ this.showApprovalBl = true;
|
|
|
+ //直接点击处理,不需要弹窗理由框,又需要弹窗理由框了
|
|
|
+ //this.doAction();
|
|
|
}
|
|
|
- return 'color:' + color + ';border-color:' + color + ';';
|
|
|
- },
|
|
|
- asynCallBack() {
|
|
|
-
|
|
|
},
|
|
|
- },
|
|
|
- mounted() {
|
|
|
+ //选择所有
|
|
|
+ selectAll() {
|
|
|
+
|
|
|
+ if (this.allSelect.length) {
|
|
|
+ this.ids = [];
|
|
|
+ } else {
|
|
|
+ var selectIdList = [];
|
|
|
+ this.recordList.forEach(function(item, index) {
|
|
|
+ selectIdList.push(item.procinstActUserId);
|
|
|
+ })
|
|
|
+ this.ids = selectIdList;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //获取列表
|
|
|
+ getList2() {
|
|
|
+ this.isLoading = true;
|
|
|
+ API.alreadyExamineShiftList(this.listForm2).then(response => {
|
|
|
+ if (response) {
|
|
|
+ if (this.listForm2.pageIndex == 1) {
|
|
|
+ this.recordList2 = response.data;
|
|
|
+ this.listForm2.pageIndex = response.pageNumber;
|
|
|
+ this.listForm2.totalPage = response.totalPage;
|
|
|
+
|
|
|
+ } else {
|
|
|
+ this.recordList2 = [
|
|
|
+ ...this.recordList2,
|
|
|
+ ...response.data
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.listForm2.pageIndex++;
|
|
|
+ this.isLoading = false;
|
|
|
+ }).catch(error => {
|
|
|
+ this.isLoading = false;
|
|
|
+ mui.toast(error);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //获取列表
|
|
|
+ getList() {
|
|
|
+ this.isLoading = true;
|
|
|
+ API.waitExamineShiftList(this.listForm).then(response => {
|
|
|
+ if (response) {
|
|
|
+ if (this.listForm.pageIndex == 1) {
|
|
|
+ this.recordList = response.data;
|
|
|
+ this.listForm.pageIndex = response.pageNumber;
|
|
|
+ this.listForm.totalPage = response.totalPage;
|
|
|
+ this.mybadge=response.recordsTotal
|
|
|
+ } else {
|
|
|
+ this.recordList = [
|
|
|
+ ...this.recordList,
|
|
|
+ ...response.data
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.listForm.pageIndex++;
|
|
|
+ this.isLoading = false;
|
|
|
+ }).catch(error => {
|
|
|
+ this.isLoading = false;
|
|
|
+ mui.toast(error);
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //下拉事件
|
|
|
+ handleScrool() {
|
|
|
+
|
|
|
+ if (isReachBottom()) {
|
|
|
+ console.log('到达底部')
|
|
|
+ if(this.switchTab){
|
|
|
+ if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
|
|
|
+ this.getList();
|
|
|
+ } else {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }else{
|
|
|
+ if (this.listForm2.pageIndex <= this.listForm2.totalPage && this.isLoading == false) {
|
|
|
+ this.getList2();
|
|
|
+ } else {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ asynCallBack() {
|
|
|
+
|
|
|
+ },
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ if(this.switchTab){
|
|
|
this.getList();
|
|
|
- //this.getBusinessOutApprovalPerson()
|
|
|
- //监控下拉加载事件
|
|
|
- var _this = this;
|
|
|
- window.addEventListener('scroll', _this.handleScrool);
|
|
|
- },
|
|
|
- destroyed() {
|
|
|
- //销毁监听事件
|
|
|
- var _this = this;
|
|
|
- window.removeEventListener('scroll', _this.handleScrool);
|
|
|
- },
|
|
|
- computed: {
|
|
|
- ...mapGetters({
|
|
|
- openId: 'wx_openid',
|
|
|
- token: 'token',
|
|
|
- })
|
|
|
- },
|
|
|
- //keepalive监控判断
|
|
|
- beforeRouteLeave(to, from, next) {
|
|
|
- console.log(to.name);
|
|
|
- if (['MasterBusinessTravelVerifyInfo'].indexOf(to.name) > -1) {
|
|
|
- this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', ['MasterBusinessTravelVerifyList'])
|
|
|
- } else {
|
|
|
- this.$store.commit('SET_KEEP_ALIVE_COMPONENTS', [])
|
|
|
- }
|
|
|
- next()
|
|
|
- },
|
|
|
- }
|
|
|
+ }else{
|
|
|
+ this.getList2();
|
|
|
+ }
|
|
|
+
|
|
|
+ //监控下拉加载事件
|
|
|
+ var _this = this;
|
|
|
+ window.addEventListener('scroll', _this.handleScrool);
|
|
|
+ },
|
|
|
+ destroyed() {
|
|
|
+ //销毁监听事件
|
|
|
+ var _this = this;
|
|
|
+ window.removeEventListener('scroll', _this.handleScrool);
|
|
|
+ },
|
|
|
+
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
-<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
|
<style src="$project/assets/css/iconfont.css"></style>
|
|
|
-<style src="$project/assets/css/mui.picker.min.css"></style>
|
|
|
-
|
|
|
-<style scoped>
|
|
|
-
|
|
|
- .mui-segmented-control {
|
|
|
- position: fixed;
|
|
|
- top: 44px;
|
|
|
- z-index: 99;
|
|
|
- background-color: #eee;
|
|
|
- }
|
|
|
+<style scoped src="$project/assets/css/xpwyfyy.css"></style>
|
|
|
+<style src="$project/assets/css/xsy.css"></style>
|
|
|
+<style>
|
|
|
|
|
|
- .mui-fullscreen {
|
|
|
- position: unset;
|
|
|
- margin-top: 45px;
|
|
|
- }
|
|
|
-</style>
|
|
|
+
|
|
|
+</style>
|