|
|
@@ -0,0 +1,290 @@
|
|
|
+<template>
|
|
|
+ <div v-loading="fullscreenLoading">
|
|
|
+ <div class="reports-list">
|
|
|
+ <div class="reports-title">
|
|
|
+ <div>团组列表</div>
|
|
|
+ <div class="reports-box">
|
|
|
+ <el-select v-model="value" clearable placeholder="请选择" @change="filterStatus(value)">
|
|
|
+ <el-option
|
|
|
+ v-for="item in options"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <el-input
|
|
|
+ style="width:200px;"
|
|
|
+
|
|
|
+ placeholder="请输入查询内容"
|
|
|
+ v-model="input"
|
|
|
+ clearable>
|
|
|
+ </el-input>
|
|
|
+ <el-button
|
|
|
+ type="primary"
|
|
|
+ size=""
|
|
|
+ title="查看费用清单"
|
|
|
+ @click="Inquireclick()">查 询</el-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <template>
|
|
|
+ <el-table
|
|
|
+ :data="groupDatas"
|
|
|
+ border
|
|
|
+ style="width: 100%">
|
|
|
+ <el-table-column
|
|
|
+ prop="num"
|
|
|
+ label="序 号"
|
|
|
+ width="55">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ {{(currentPage - 1) * pageSize + scope.$index + 1}}
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ width="100"
|
|
|
+ prop="isSure"
|
|
|
+ :formatter="zhuangtai"
|
|
|
+ label="团组状态">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="tourCode"
|
|
|
+ width="100"
|
|
|
+ label="团 号">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="teamLev"
|
|
|
+ label="级 别"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="teamName"
|
|
|
+ label="团队名称"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="clientName"
|
|
|
+ label="客户名称"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="clientUnit"
|
|
|
+ label="客户单位">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="teamType"
|
|
|
+ label="团组类型"
|
|
|
+ width="90">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitDate"
|
|
|
+ :formatter="filteryear"
|
|
|
+ label="出访时间"
|
|
|
+ width="100">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitDays"
|
|
|
+ label="出访天数"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="visitPNumber"
|
|
|
+ label="出访人数"
|
|
|
+ width="80">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="jietuanOperator"
|
|
|
+ label="接团操作人"
|
|
|
+ width="110">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="lastCollectionTime"
|
|
|
+ :formatter="filteryear"
|
|
|
+ label="收款时间"
|
|
|
+ width="110">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button Inquireclick
|
|
|
+ type="primary"
|
|
|
+ size="mini"
|
|
|
+ title="详 细"
|
|
|
+ @click="handleView(scope.$index, scope.row)">详 细</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </template>
|
|
|
+ <div class="block">
|
|
|
+ <el-pagination align='center'
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ :current-page="currentPage"
|
|
|
+ :page-sizes="[10,12,15,20]"
|
|
|
+ :page-size="pageSize"
|
|
|
+ layout="total, sizes, prev, pager, next"
|
|
|
+ :total="count">
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+
|
|
|
+export default {
|
|
|
+ beforeRouteLeave(to, from, next) {
|
|
|
+ if(to.name!='TellerStatementTB'){
|
|
|
+ localStorage.removeItem('tzbbval');
|
|
|
+ }
|
|
|
+ next()
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ pageId:0,
|
|
|
+ options: [
|
|
|
+ {
|
|
|
+ value: '-1',
|
|
|
+ label: '全部'
|
|
|
+ }, {
|
|
|
+ value: '1',
|
|
|
+ label: '已完成'
|
|
|
+ }, {
|
|
|
+ value: '0',
|
|
|
+ label: '未完成'
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ value: '-1',
|
|
|
+ groupDatas:[],
|
|
|
+ groupData: [],
|
|
|
+ groupDatass:[],
|
|
|
+ currentPage: 1, // 当前页码
|
|
|
+ pageSize: 10 ,// 每页的数据条数
|
|
|
+ count:0,//总数
|
|
|
+ input:'',
|
|
|
+ token:'',
|
|
|
+ fullscreenLoading:false,
|
|
|
+ userid:''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods:{
|
|
|
+ //分页api
|
|
|
+ PostGroupPageList(){
|
|
|
+ var url = "/api/Statistics/PostGroupStatementItems"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + this.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ portType: 1,
|
|
|
+ pageId:that.pageId,
|
|
|
+ userId:that.userid,
|
|
|
+ pageIndex: that.currentPage,
|
|
|
+ pageSize: that.pageSize,
|
|
|
+ isSure: that.value,
|
|
|
+ searchCriteria: that.input,
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ console.log(res)
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.groupDatas=res.data.data.data
|
|
|
+ that.count=res.data.count
|
|
|
+ }
|
|
|
+ console.log(that.count)
|
|
|
+ })
|
|
|
+ },
|
|
|
+ //每页条数改变时触发 选择一页显示多少行
|
|
|
+ handleSizeChange(val) {
|
|
|
+ this.currentPage = 1;
|
|
|
+ this.pageSize = val;
|
|
|
+ this.PostGroupPageList();
|
|
|
+ },
|
|
|
+ //当前页改变时触发 跳转其他页
|
|
|
+ handleCurrentChange(val) {
|
|
|
+ this.currentPage = val;
|
|
|
+ this.PostGroupPageList();
|
|
|
+ },
|
|
|
+ //查看费用申请
|
|
|
+ handleView(index, row) {
|
|
|
+ var tzbbval={
|
|
|
+ currentPage:this.currentPage,
|
|
|
+ value:this.value,
|
|
|
+ input:this.input,
|
|
|
+ }
|
|
|
+ localStorage.setItem('tzbbval', JSON.stringify(tzbbval));
|
|
|
+ this.$router.push({path: '/home/TellerStatementTB?id=' + row.id +''});
|
|
|
+ },
|
|
|
+ //模糊查询
|
|
|
+ Inquireclick(){
|
|
|
+ this.currentPage=1;
|
|
|
+ this.PostGroupPageList()
|
|
|
+ },
|
|
|
+ //处理时间
|
|
|
+ filteryear(val){
|
|
|
+ let gstime=val.visitDate.split(' ')[0]
|
|
|
+ return gstime;
|
|
|
+ },
|
|
|
+ zhuangtai(val){
|
|
|
+ if(val.isSure==0){
|
|
|
+ return '未完成'
|
|
|
+ }
|
|
|
+ if(val.isSure==1){
|
|
|
+ return '已完成'
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //筛选状态
|
|
|
+ filterStatus(){
|
|
|
+ this.currentPage=1;
|
|
|
+ this.PostGroupPageList();
|
|
|
+ },
|
|
|
+ },
|
|
|
+ created(){
|
|
|
+ if(JSON.parse(localStorage.getItem('tzbbval'))){
|
|
|
+ this.currentPage=JSON.parse(localStorage.getItem('tzbbval')).currentPage;
|
|
|
+ this.value=JSON.parse(localStorage.getItem('tzbbval')).value;
|
|
|
+ this.input=JSON.parse(localStorage.getItem('tzbbval')).input;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted(){
|
|
|
+ this.token=JSON.parse(localStorage.getItem('userinif')).token;
|
|
|
+ this.pageId=Number(localStorage.getItem('indexs').split('-')[1]);//页面id
|
|
|
+ this.userid=JSON.parse(localStorage.getItem('userinif')).userInfo.userId;
|
|
|
+ this.PostGroupPageList();
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ .reports-list{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 10px;
|
|
|
+ box-shadow: 0 0 5px #0005;
|
|
|
+ border-radius: 10px;
|
|
|
+ min-height: 840px;
|
|
|
+ }
|
|
|
+ .reports-list .block{
|
|
|
+ margin-top: 10px;
|
|
|
+ }
|
|
|
+ .reports-title{
|
|
|
+ display: flex;
|
|
|
+ font-size: 17px;
|
|
|
+ font-weight:600 ;
|
|
|
+ color: #555;
|
|
|
+ margin-top: 8px;
|
|
|
+ margin-bottom: 2px;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .reports-box{
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .reports-box>button{
|
|
|
+ margin-left: 10px;
|
|
|
+ padding: 8px 20px;
|
|
|
+ }
|
|
|
+ .reports-list .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ .reports-box>.el-input{
|
|
|
+ margin-left: 10px;
|
|
|
+ }
|
|
|
+</style>
|
