jyk
2021-05-14 49f172b5bd52ad3089eae921554506dd4785b255
Squashed commit of the following:

commit b9288283641af2185990549b300327c097a4dc90
Author: jyk <3177386202@qq.com>
Date: Thu May 13 17:52:53 2021 +0800

111

commit 9634260e236a655f9753f1523eca778c64686a03
Author: jyk <3177386202@qq.com>
Date: Thu May 13 17:19:13 2021 +0800

修改缴费信息详情

commit 7b13e88da95754c43d1dfc2c521fd6762054273c
Author: jyk <3177386202@qq.com>
Date: Thu May 13 16:29:58 2021 +0800

修改111

commit 26ba01d0802ceec812009feeaf74366b603e3aa0
Author: jyk <3177386202@qq.com>
Date: Thu May 13 14:30:16 2021 +0800

课型详情切换

commit 44b0136ade9139c56018e502c9ad2c4b5582b659
Author: jyk <3177386202@qq.com>
Date: Thu May 13 09:42:32 2021 +0800

修改

commit d349643d96f7257f27384477c7ab819aa04b91c0
Author: jyk <3177386202@qq.com>
Date: Wed May 12 13:24:58 2021 +0800

学员详情缴费信息

commit 651af329ce5d0e4f6a0165524690c9ac5c97f718
Author: jyk <3177386202@qq.com>
Date: Wed May 12 09:04:10 2021 +0800

bug修该

commit 396764eab162334ad39413ed91d3702f0bc8fe66
Author: jyk <3177386202@qq.com>
Date: Tue May 11 17:13:57 2021 +0800

修改111

commit 5f9079459716959d92fdab8409dbe48b1f31fcc2
Author: jyk <3177386202@qq.com>
Date: Tue May 11 10:54:59 2021 +0800

撤销功能

commit 7de41e892348241be052ed1ea4be402f5965d816
Author: jyk <3177386202@qq.com>
Date: Mon May 10 13:11:20 2021 +0800

bug修改

commit 71401ccff2b4a74937fa8aa4d9a74f7c52611277
Author: jyk <3177386202@qq.com>
Date: Fri May 7 17:51:11 2021 +0800

111

commit ca510ca667f77a32d70672345f5ac43f5c6b199e
Author: jyk <3177386202@qq.com>
Date: Fri May 7 14:33:14 2021 +0800

1

# Conflicts:
# src/apis/teachCenter/student/indexs.js
# src/views/teachCenter/student/StudCheck.vue
# src/views/teachCenter/student/router.js
3 files added
7 files modified
1199 ■■■■■ changed files
src/apis/teachCenter/student/indexs.js 32 ●●●●● patch | view | raw | blame | history
src/components/common/AdjustSettlement.vue 4 ●●●● patch | view | raw | blame | history
src/components/teachCenter/SettlementPop.vue 4 ●●●● patch | view | raw | blame | history
src/views/statistics/classHour/classHourIndex.vue 4 ●●●● patch | view | raw | blame | history
src/views/teachCenter/grade/GradeCheck.vue 4 ●●●● patch | view | raw | blame | history
src/views/teachCenter/student/ActivityView.vue 316 ●●●●● patch | view | raw | blame | history
src/views/teachCenter/student/MemberView.vue 376 ●●●●● patch | view | raw | blame | history
src/views/teachCenter/student/OtherView.vue 381 ●●●●● patch | view | raw | blame | history
src/views/teachCenter/student/StudCheck.vue 45 ●●●● patch | view | raw | blame | history
src/views/teachCenter/student/router.js 33 ●●●●● patch | view | raw | blame | history
src/apis/teachCenter/student/indexs.js
@@ -18,4 +18,36 @@
        method:'post',
        data
    })
}
//查看活动费用缴费详情
export const paymentActivityInfo = data => {
    return network({
        url: '/api/v1/Payment/paymentActivityInfo',
        method:'post',
        data
    })
}
//查看会员缴费详情
export const paymentUserInfo = data => {
    return network({
        url: '/api/v1/Payment/paymentUserInfo',
        method:'post',
        data
    })
}
//电子产品列表
export const electronList = data => {
    return network({
        url: '/api/v1/Payment/electronList',
        method:'post',
        data
    })
}
//查看其他缴费详情
export const paymentOtherInfo = data => {
    return network({
        url: '/api/v1/Payment/paymentOtherInfo',
        method:'post',
        data
    })
}
src/components/common/AdjustSettlement.vue
@@ -79,11 +79,11 @@
            </div>
            <div class="right-text mt-10" v-if="studentDetail.applyType!=3">
                <!-- 折扣后的费用 -->
                共计:{{ discountFee }}
                网课学费含计:{{ discountFee }}
            </div>
            <div class="right-text mt-10" v-if="studentDetail.applyType!=3">
                <!-- 折扣后减去佣金 -->
                需结算:{{ realMoney }}
                与总馆结算合计:{{ realMoney }}
            </div>
            <div class="right-text mt-10" style="color: #FF8C15;">
                <!-- 原订单-新订单的钱 -->
src/components/teachCenter/SettlementPop.vue
@@ -36,11 +36,11 @@
    </table>
    <div class="right-text mt-10">
      <!-- 折扣后的费用 -->
      共计:{{ discountFee }}
      网课学费含计:{{ discountFee }}
    </div>
    <div class="right-text mt-10">
      <!-- 折扣后减去佣金 -->
      需结算:{{ realMoney }}
      与总馆结算合计:{{ realMoney }}
    </div>
    <div class="right-text mt-10">
      <!-- 折扣后的费用 -->
src/views/statistics/classHour/classHourIndex.vue
@@ -25,7 +25,7 @@
                    <div class="content-left">
                        <div style="overflow: hidden;">
                            <div class="content-right-title">累计购买课时</div>
                            <div class="content-right-title" style="margin-left: 400px;">累计收入(万元)</div>
                            <div class="content-right-title" style="margin-left: 400px;">累计收入(元)</div>
                        </div>
                        <div class="content-left-num" v-if="yearDinfo!=null">
                            <div class="left-num-le">{{yearDinfo.courseHoursum}}</div>
@@ -79,7 +79,7 @@
                            <div class="content-right-title">累计购买课时
                            <p style="color: #FF8C15;font-size: 46px;">{{SpecialDinfo.courseHoursum}}</p>
                            </div>
                            <div class="content-right-title" style="margin-left: 100px;">累计收入(万元)
                            <div class="content-right-title" style="margin-left: 100px;">累计收入(元)
                            <p style="color: #FF8C15;font-size: 46px;">{{SpecialDinfo.coursePaysum}}</p>
                            </div>
                            <div class="content-right-title" style="margin-left: 70px;">人均耗课
src/views/teachCenter/grade/GradeCheck.vue
@@ -417,11 +417,11 @@
      </table>
      <div class="right-text mt-10">
        <!-- 折扣后的费用 -->
        共计:{{ discountFee }}
        网课学费含计:{{ discountFee }}
      </div>
      <div class="right-text mt-10">
        <!-- 折扣后减去佣金 -->
        需结算:{{ realMoney }}
        与总馆结算合计:{{ realMoney }}
      </div>
      <div class="settlement">
        <h3>结算方式</h3>
src/views/teachCenter/student/ActivityView.vue
New file
@@ -0,0 +1,316 @@
<template>
  <div class="view-clues" v-if="DataInfo!=null">
    <bread-crumb :breadList="breadList" :breadtwo="breadtwo"></bread-crumb>
    <div class="return fr" @click="returnBtn()">
        返回
    </div>
    <!-- 基本信息 -->
    <div class="v-box">
        <!-- <div class="title">
            基本信息
        </div> -->
        <!-- 内容 -->
        <div class="activityAdd-box">
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>手机号:{{DataInfo.phone}}</div>
            </div>
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>参加的活动:{{DataInfo.title||'其他'}}<br />
                    <span v-if="DataInfo.activityId=='0'" style="margin-left: 90px;display: inline-block;">{{DataInfo.activityExplain||'------'}}</span>
                    <span v-if="DataInfo.typename" style="margin-left: 90px;display: inline-block;">{{DataInfo.typename}}</span>
                    <span v-if="DataInfo.twotypename" style="margin-left: 90px;display: inline-block;">/{{DataInfo.twotypename}}</span>
                    <span v-if="DataInfo.threetypename" style="margin-left: 90px;display: inline-block;">/{{DataInfo.threetypename}}</span>
                    <span v-if="DataInfo.activityId!='0'" style="margin-left: 90px;display: inline-block;">{{DataInfo.startTime}} &emsp;至&emsp; {{DataInfo.endTime}}</span>
                </div>
            </div>
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>活动费用:
                    {{DataInfo.totalCost}}元
                </div>
            </div>
        </div>
    </div>
    <!-- 付款信息 -->
    <div class="v-box mt-10" >
        <div class="title">
            付款信息
        </div>
        <!-- 内容 -->
        <div class="activityAdd-box">
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>付款日期:{{DataInfo.paymentTime.split(' ')[0]}}</div>
            </div>
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>付款方式:
                <span v-if="DataInfo.mentModePay==1">信用卡</span>
                <span v-if="DataInfo.mentModePay==2">储蓄卡</span>
                <span v-if="DataInfo.mentModePay==3">现金</span>
                <span v-if="DataInfo.mentModePay==4">支付宝</span>
                <span v-if="DataInfo.mentModePay==5">微信</span>
                <span v-if="DataInfo.mentModePay==99">其他</span>
                </div>
            </div>
            <div class="select-box mt-10">
                <div class="select-title">付款人账号:
                    {{DataInfo.account}}
                </div>
            </div>
        </div>
    </div>
    <!-- 收款信息 -->
    <div class="v-box mt-10">
        <div class="title">
            收款信息
        </div>
        <!-- 内容 -->
        <div class="activityAdd-box">
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>收款账号:
                    <span v-if="DataInfo.accountType==1">对公pos机</span>
                    <span v-if="DataInfo.accountType==2">对公支付宝</span>
                    <span v-if="DataInfo.accountType==3">对公微信</span>
                    <span v-if="DataInfo.accountType==4">财务现金</span>
                    <span v-if="DataInfo.accountType==5">馆长微信</span>
                    <span v-if="DataInfo.accountType==6">馆长支付宝</span>
                    <span v-if="DataInfo.accountType==7">馆长银行账号</span>
                    <span v-if="DataInfo.accountType==99">其他</span>
                    <span v-if="DataInfo.accountType==99&&DataInfo.accountTypeExplain">------{{DataInfo.accountTypeExplain}}</span>
                </div>
            </div>
            <div class="select-box mt-10">
                <div class="select-title"><span class="mandatory">*</span>经手人:{{DataInfo.managerName}}</div>
            </div>
           <!-- <div class="select-box mt-10">
                <div class="select-title">备注说明:{{DataInfo.remarks}}</div>
            </div> -->
        </div>
    </div>
    <!-- 备注说明 -->
    <div class="v-box mt-10">
        <div class="title">
            备注说明
        </div>
        <!-- 内容 -->
            <div class="select-box mt-10">
                <div class="select-title">备注:{{DataInfo.remarks}}</div>
            </div>
        </div>
    </div>
  </div>
</template>
<script>
import {
        paymentActivityInfo
    } from '@/apis/teachCenter/student/indexs.js';
import { cityJson } from '@/views/pca-codes.js'
export default {
    name: 'activityView',
    data () {
        return {
            breadtwo: '财务管理',
            breadList: [{
                    bread_name: '学员列表',
                    bread_url: '/teachCenter/stud',
                },
                {
                    bread_name: '查看学员',
                    bread_url: '/teachCenter/stud/studCheck',
                },
                {
                    bread_name: '订单详情',
                    bread_url: '',
                }
            ],
            userList: null,
            remarks: null,
            //省市区数据
            city: cityJson,
            cityList: '',
            DataInfo:null
        }
    },
    methods: {
        // 返回按钮
        returnBtn() {
            this.$router.go(-1);
        },
        showall(childlist, province, city, county) {
            let cityList = ''
            childlist.forEach(item => {
                if(item.value == province){
                    cityList += item.label + '-';
                    item.children.forEach(cityItem => {
                        if(cityItem.value == city){
                            cityList += cityItem.label;
                        }
                        if(cityItem.children) {
                            cityItem.children.forEach(countyItem => {
                                if(countyItem.value == county){
                                    cityList += '-' + countyItem.label;
                                }
                            })
                        }
                    })
                }
            })
            this.cityList = cityList;
        },
        async paymentActivityInfo(){
            let params={
                id:this.$route.query.id
            };
            let res = await paymentActivityInfo(params);
            if(res.code==1){
                this.DataInfo=res.data;
            }
        }
    },
    created() {
        this.paymentActivityInfo();
    }
}
</script>
<style lang="less" scoped>
    .v-box{
        background-color: #FFFFFF;
        padding:15px;
    }
.return{
    font-size: 14px;
    color: #999;
    cursor: pointer;
    margin-top: 10px;
}
.title{
    font-size: 16px;
    color: #333;
    position: relative;
    padding-left: 8px;
}
.title::before{
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    background-color: #6DD400;
    position: absolute;
    top: 50%;
    left: -8px;
    margin-top: -4px;
}
.mandatory{
    color: #FF6D5E;
}
.select-title{
   width: 471px;
   font-size: 14px;
   color: #333;
   padding-right: 8px;
   background-color: #FBF9FB;
   box-sizing: border-box;
   border-radius: 2px 0 0 2px;
   padding: 10px 30px;
   box-sizing: border-box;
}
/deep/ .el-input__inner{
   border-radius: 0 2px 2px 0;
   width: 371px;
}
.select-box{
    display: flex;
    align-items: center;
}
.el-input{
    width: 371px;
    // border: none;
}
/deep/ .el-date-editor .el-range-input{
    font-size: 12px;
}
.title-text{
    font-size: 12px;
    color: #999;
}
.select-form{
    width: 564px;
    height: 40px;
    background-color: #FBF9FB;
    border: 1px solid #E4E7ED;
    box-sizing: border-box;
    display: flex;
}
.select-table {
    background-color: #fff;
    border:0 none;
    width: 640px;
}
.selectForm-title{
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    border-right: 1px solid #E4E7ED;
}
.selectForm-con{
    width: 140px;
    // height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border-right: 1px solid #E4E7ED;
    border-bottom: 1px solid#E4E7ED;
}
.expenditure{
    width: 281px;
}
.selectForm-con .el-input{
    width: 100%;
}
/deep/ .selectForm-con .el-input__inner{
    width: 100%;
    border-radius: 0;
}
.reduce{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.select-fee{
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #333;
    text-align: end;
    background-color: #FBF9FB;
    box-sizing: border-box;
    border-radius: 2px 0 0 2px;
}
.total{
    font-size: 15px;
    color: #333;
}
.activityAdd-box{
    width: 660px;
}
</style>
src/views/teachCenter/student/MemberView.vue
New file
@@ -0,0 +1,376 @@
<template>
    <div class="view-clues" v-if="DataInfo!=null">
        <bread-crumb :breadList="breadList" :breadtwo="breadtwo"></bread-crumb>
        <div class="return fr" @click="returnBtn()">
            返回
        </div>
        <!-- 基本信息 -->
        <div class="v-box">
            <!-- <div class="title">
            基本信息
        </div> -->
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>手机号:{{DataInfo.phone}}</div>
                </div>
            </div>
        </div>
        <!-- 借阅卡信息 -->
        <div class="v-box mt-10">
            <div class="title">
                借阅卡信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>借阅卡种类:
                        <span v-if="DataInfo.borrowType==1">月卡</span>
                        <span v-if="DataInfo.borrowType==2">季卡</span>
                        <span v-if="DataInfo.borrowType==3">半年卡</span>
                        <span v-if="DataInfo.borrowType==4">年卡</span>
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title">借阅卡卡号:{{DataInfo.cardNumber||'------'}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>赠送时长:
                        {{DataInfo.giveTime}}
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>开始日期:
                    <span v-if="DataInfo.startTime">{{DataInfo.startTime.split(' ')[0]}}</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 费用信息 -->
        <div class="v-box mt-10">
            <div class="title">
                费用信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>借阅卡总费用:{{DataInfo.totalCost}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>实收总费用:{{DataInfo.actualReceive}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title">含押金:{{DataInfo.deposit||'------'}}</div>
                </div>
            </div>
        </div>
        <!-- 付款信息 -->
        <div class="v-box mt-10">
            <div class="title">
                付款信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>付款日期:{{DataInfo.paymentTime.split(' ')[0]}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>付款方式:
                        <span v-if="DataInfo.mentModePay==1">信用卡</span>
                        <span v-if="DataInfo.mentModePay==2">储蓄卡</span>
                        <span v-if="DataInfo.mentModePay==3">现金</span>
                        <span v-if="DataInfo.mentModePay==4">支付宝</span>
                        <span v-if="DataInfo.mentModePay==5">微信</span>
                        <span v-if="DataInfo.mentModePay==99">其他</span>
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title">付款人账号:
                        {{DataInfo.account}}
                    </div>
                </div>
            </div>
        </div>
        <!-- 收款信息 -->
        <div class="v-box mt-10">
            <div class="title">
                收款信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>收款账号:
                        <span v-if="DataInfo.accountType==1">对公pos机</span>
                        <span v-if="DataInfo.accountType==2">对公支付宝</span>
                        <span v-if="DataInfo.accountType==3">对公微信</span>
                        <span v-if="DataInfo.accountType==4">财务现金</span>
                        <span v-if="DataInfo.accountType==5">馆长微信</span>
                        <span v-if="DataInfo.accountType==6">馆长支付宝</span>
                        <span v-if="DataInfo.accountType==7">馆长银行账号</span>
                        <span v-if="DataInfo.accountType==99">其他</span>
                        <span v-if="DataInfo.accountType==99&&DataInfo.accountTypeExplain">------{{DataInfo.accountTypeExplain}}</span>
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>经手人:{{DataInfo.managerName}}</div>
                </div>
                <!-- <div class="select-box mt-10">
                    <div class="select-title">备注说明:{{DataInfo.remarks}}</div>
                </div> -->
            </div>
        </div>
        <!-- 备注说明 -->
        <div class="v-box mt-10">
            <div class="title">
                备注说明
            </div>
            <!-- 内容 -->
                <div class="select-box mt-10">
                    <div class="select-title">备注:{{DataInfo.remarks}}</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import {
        paymentUserInfo
    } from '@/apis/teachCenter/student/indexs.js';
    import {
        cityJson
    } from '@/views/pca-codes.js'
    export default {
        name: 'memberView',
        data() {
            return {
                breadtwo: '财务管理',
                breadList: [{
                        bread_name: '学员列表',
                        bread_url: '/teachCenter/stud',
                    },
                    {
                        bread_name: '查看学员',
                        bread_url: '/teachCenter/stud/studCheck',
                    },
                    {
                        bread_name: '订单详情',
                        bread_url: '',
                    }
                ],
                userList: null,
                remarks: null,
                //省市区数据
                city: cityJson,
                cityList: '',
                DataInfo:null
            }
        },
        methods: {
            // 返回按钮
            returnBtn() {
                this.$router.go(-1);
            },
            showall(childlist, province, city, county) {
                let cityList = ''
                childlist.forEach(item => {
                    if (item.value == province) {
                        cityList += item.label + '-';
                        item.children.forEach(cityItem => {
                            if (cityItem.value == city) {
                                cityList += cityItem.label;
                            }
                            if (cityItem.children) {
                                cityItem.children.forEach(countyItem => {
                                    if (countyItem.value == county) {
                                        cityList += '-' + countyItem.label;
                                    }
                                })
                            }
                        })
                    }
                })
                this.cityList = cityList;
            },
            async paymentUserInfo(){
                let params={
                    id:this.$route.query.id
                };
                let res = await paymentUserInfo(params);
                if(res.code==1){
                    this.DataInfo=res.data;
                }
            }
        },
        created() {
            this.paymentUserInfo();
        }
    }
</script>
<style lang="less" scoped>
    .v-box{
        background-color: #FFFFFF;
        padding:15px;
    }
    .return {
        font-size: 14px;
        color: #999;
        cursor: pointer;
        margin-top: 10px;
    }
    .title {
        font-size: 16px;
        color: #333;
        position: relative;
        padding-left: 8px;
    }
    .title::before {
        content: "";
        width: 8px;
        height: 8px;
        display: inline-block;
        background-color: #6DD400;
        position: absolute;
        top: 50%;
        left: -8px;
        margin-top: -4px;
    }
    .mandatory {
        color: #FF6D5E;
    }
    .select-title {
        width: 471px;
        font-size: 14px;
        color: #333;
        padding-right: 8px;
        background-color: #FBF9FB;
        box-sizing: border-box;
        border-radius: 2px 0 0 2px;
        padding: 10px 30px;
        box-sizing: border-box;
    }
    /deep/ .el-input__inner {
        border-radius: 0 2px 2px 0;
        width: 371px;
    }
    .select-box {
        display: flex;
        align-items: center;
    }
    .el-input {
        width: 371px;
        // border: none;
    }
    /deep/ .el-date-editor .el-range-input {
        font-size: 12px;
    }
    .title-text {
        font-size: 12px;
        color: #999;
    }
    .select-form {
        width: 564px;
        height: 40px;
        background-color: #FBF9FB;
        border: 1px solid #E4E7ED;
        box-sizing: border-box;
        display: flex;
    }
    .select-table {
        background-color: #fff;
        border: 0 none;
        width: 640px;
    }
    .selectForm-title {
        width: 140px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #333;
        border-right: 1px solid #E4E7ED;
    }
    .selectForm-con {
        width: 140px;
        // height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #333;
        background-color: #fff;
        border-right: 1px solid #E4E7ED;
        border-bottom: 1px solid#E4E7ED;
    }
    .expenditure {
        width: 281px;
    }
    .selectForm-con .el-input {
        width: 100%;
    }
    /deep/ .selectForm-con .el-input__inner {
        width: 100%;
        border-radius: 0;
    }
    .reduce {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .select-fee {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #333;
        text-align: end;
        background-color: #FBF9FB;
        box-sizing: border-box;
        border-radius: 2px 0 0 2px;
    }
    .total {
        font-size: 15px;
        color: #333;
    }
    .activityAdd-box {
        width: 660px;
    }
</style>
src/views/teachCenter/student/OtherView.vue
New file
@@ -0,0 +1,381 @@
<template>
    <div class="view-clues" v-if="DataInfo!=null">
        <bread-crumb :breadList="breadList" :breadtwo="breadtwo"></bread-crumb>
        <div class="return fr" @click="returnBtn()">
            返回
        </div>
        <!-- 基本信息 -->
        <div class="v-box">
            <!-- <div class="title">
            基本信息
        </div> -->
            <!-- 内容 -->
            <div class="activityAdd-box" v-if="DataInfo.otherPaymentType==1">
                <div class="select-box mt-10">
                    <div class="select-title">赔偿缴费</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>手机号:{{DataInfo.phone}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>赔偿项目:{{DataInfo.otherMechanism}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>赔偿金额:{{DataInfo.totalCost}}</div>
                </div>
            </div>
            <div class="activityAdd-box" v-if="DataInfo.otherPaymentType==2">
                <div class="select-box mt-10">
                    <div class="select-title">教材/图书缴费</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title">机构/个人:{{DataInfo.otherMechanism}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>手机号:{{DataInfo.phone}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>教材图书:{{DataInfo.otherBooks}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>支付金额:{{DataInfo.totalCost}}</div>
                </div>
            </div>
            <div class="activityAdd-box" v-if="DataInfo.otherPaymentType==3">
                <div class="select-box mt-10">
                    <div class="select-title">电子产品缴费</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>手机号:{{DataInfo.phone}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>电子产品:{{DataInfo.name}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>支付金额:{{DataInfo.totalCost}}</div>
                </div>
            </div>
        </div>
        <!-- 付款信息 -->
        <div class="v-box mt-10">
            <div class="title">
                付款信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>付款日期:{{DataInfo.paymentTime.split(' ')[0]}}</div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>付款方式:
                        <span v-if="DataInfo.mentModePay==1">信用卡</span>
                        <span v-if="DataInfo.mentModePay==2">储蓄卡</span>
                        <span v-if="DataInfo.mentModePay==3">现金</span>
                        <span v-if="DataInfo.mentModePay==4">支付宝</span>
                        <span v-if="DataInfo.mentModePay==5">微信</span>
                        <span v-if="DataInfo.mentModePay==99">其他</span>
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title">付款人账号:{{DataInfo.account}}
                    </div>
                </div>
            </div>
        </div>
        <!-- 收款信息 -->
        <div class="v-box mt-10">
            <div class="title">
                收款信息
            </div>
            <!-- 内容 -->
            <div class="activityAdd-box">
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>收款账号:
                        <span v-if="DataInfo.accountType==1">对公pos机</span>
                        <span v-if="DataInfo.accountType==2">对公支付宝</span>
                        <span v-if="DataInfo.accountType==3">对公微信</span>
                        <span v-if="DataInfo.accountType==4">财务现金</span>
                        <span v-if="DataInfo.accountType==5">馆长微信</span>
                        <span v-if="DataInfo.accountType==6">馆长支付宝</span>
                        <span v-if="DataInfo.accountType==7">馆长银行账号</span>
                        <span v-if="DataInfo.accountType==99">其他</span>
                        <span v-if="DataInfo.accountType==99&&DataInfo.accountTypeExplain!=''">{{DataInfo.accountTypeExplain}}</span>
                    </div>
                </div>
                <div class="select-box mt-10">
                    <div class="select-title"><span class="mandatory">*</span>经手人:{{DataInfo.managerName}}</div>
                </div>
                <!-- <div class="select-box mt-10">
                    <div class="select-title">备注说明:{{DataInfo.remarks}}</div>
                </div> -->
            </div>
        </div>
        <!-- 备注说明 -->
        <div class="v-box mt-10">
            <div class="title">
                备注说明
            </div>
            <!-- 内容 -->
                <div class="select-box mt-10">
                    <div class="select-title">备注:{{DataInfo.remarks}}</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    import {
        paymentOtherInfo,
        electronList
    } from '@/apis/teachCenter/student/indexs.js';
    import {
        cityJson
    } from '@/views/pca-codes.js'
    export default {
        name: 'otherView',
        data() {
            return {
                breadtwo: '财务管理',
                breadList: [{
                        bread_name: '学员列表',
                        bread_url: '/teachCenter/stud',
                    },
                    {
                        bread_name: '查看学员',
                        bread_url: '/teachCenter/stud/studCheck',
                    },
                    {
                        bread_name: '订单详情',
                        bread_url: '',
                    }
                ],
                userList: null,
                remarks: null,
                //省市区数据
                city: cityJson,
                cityList: '',
                DataInfo:null,
                electron:[]
            }
        },
        methods: {
            // 返回按钮
            returnBtn() {
                this.$router.go(-1);
            },
            showall(childlist, province, city, county) {
                let cityList = ''
                childlist.forEach(item => {
                    if (item.value == province) {
                        cityList += item.label + '-';
                        item.children.forEach(cityItem => {
                            if (cityItem.value == city) {
                                cityList += cityItem.label;
                            }
                            if (cityItem.children) {
                                cityItem.children.forEach(countyItem => {
                                    if (countyItem.value == county) {
                                        cityList += '-' + countyItem.label;
                                    }
                                })
                            }
                        })
                    }
                })
                this.cityList = cityList;
            },
            async paymentOtherInfo(){
                let params={
                    id:this.$route.query.id
                };
                let res = await paymentOtherInfo(params);
                if(res.code==1){
                    if(res.data.electronId!=null){
                        this.electron.forEach(item=>{
                            if(res.data.electronId==item.id){
                                res.data.electronIdname=item.name;
                            }
                        })
                    }
                    this.DataInfo=res.data;
                }
            },
            async electronList(){
                let params={
                };
                let res = await electronList(params);
                if(res.code==1){
                    this.electron=res.data;
                }
            }
        },
        created() {
            this.electronList();
            this.paymentOtherInfo();
        }
    }
</script>
<style lang="less" scoped>
    .v-box{
        background-color: #FFFFFF;
        padding:15px;
    }
    .return {
        font-size: 14px;
        color: #999;
        cursor: pointer;
        margin-top: 10px;
    }
    .title {
        font-size: 16px;
        color: #333;
        position: relative;
        padding-left: 8px;
    }
    .title::before {
        content: "";
        width: 8px;
        height: 8px;
        display: inline-block;
        background-color: #6DD400;
        position: absolute;
        top: 50%;
        left: -8px;
        margin-top: -4px;
    }
    .mandatory {
        color: #FF6D5E;
    }
    .select-title {
        width: 471px;
        font-size: 14px;
        color: #333;
        padding-right: 8px;
        background-color: #FBF9FB;
        box-sizing: border-box;
        border-radius: 2px 0 0 2px;
        padding: 10px 30px;
        box-sizing: border-box;
    }
    /deep/ .el-input__inner {
        border-radius: 0 2px 2px 0;
        width: 371px;
    }
    .select-box {
        display: flex;
        align-items: center;
    }
    .el-input {
        width: 371px;
        // border: none;
    }
    /deep/ .el-date-editor .el-range-input {
        font-size: 12px;
    }
    .title-text {
        font-size: 12px;
        color: #999;
    }
    .select-form {
        width: 564px;
        height: 40px;
        background-color: #FBF9FB;
        border: 1px solid #E4E7ED;
        box-sizing: border-box;
        display: flex;
    }
    .select-table {
        background-color: #fff;
        border: 0 none;
        width: 640px;
    }
    .selectForm-title {
        width: 140px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #333;
        border-right: 1px solid #E4E7ED;
    }
    .selectForm-con {
        width: 140px;
        // height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        color: #333;
        background-color: #fff;
        border-right: 1px solid #E4E7ED;
        border-bottom: 1px solid#E4E7ED;
    }
    .expenditure {
        width: 281px;
    }
    .selectForm-con .el-input {
        width: 100%;
    }
    /deep/ .selectForm-con .el-input__inner {
        width: 100%;
        border-radius: 0;
    }
    .reduce {
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .select-fee {
        width: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #333;
        text-align: end;
        background-color: #FBF9FB;
        box-sizing: border-box;
        border-radius: 2px 0 0 2px;
    }
    .total {
        font-size: 15px;
        color: #333;
    }
    .activityAdd-box {
        width: 660px;
    }
</style>
src/views/teachCenter/student/StudCheck.vue
@@ -688,13 +688,38 @@
        },
        methods: {
            godinfo(row){
                console.log(row.id);
                this.$router.push({
                    path:'/teachCenter/stud/CurriculumView',
                    query:{
                        id:row.id
                    }
                })
                if (row.paymentClass == 1) { //课件缴费
                    this.$router.push({
                        path: '/teachCenter/stud/curriculumView',
                        query: {
                            id: row.id
                        }
                    })
                }
                if (row.paymentClass == 2) { //会员缴费
                    this.$router.push({
                        path: '/teachCenter/stud/memberView',
                        query: {
                            id: row.id
                        }
                    })
                }
                if (row.paymentClass == 3) { //活动费用缴费
                    this.$router.push({
                        path: '/teachCenter/stud/ActivityView',
                        query: {
                            id: row.id
                        }
                    })
                }
                if (row.paymentClass == 99) { //其他缴费
                    this.$router.push({
                        path: '/teachCenter/stud/OtherView',
                        query: {
                            id: row.id
                        }
                    })
                }
            },
            // 转出馆班级展示
            async outOrgClass() {
@@ -1104,7 +1129,6 @@
            //订单
            async paymentList(){
                let params={
                    username:this.$route.query.username,
                    page:this.pageInfos.page,
                    pageSize:this.pageInfos.pageSize,
                    phone:this.studInfo.phoneNumber||''
@@ -1128,7 +1152,10 @@
</script>
<style scoped lang="less">
    @deep: ~">>>";
    .cp{
        color: #ff8c15;
        cursor: pointer;
    }
    .stud-check {
        .black-bar {
            position: absolute;
src/views/teachCenter/student/router.js
@@ -16,6 +16,12 @@
const studSuccess = () => import("./StudSuccess.vue")
// 订单详情
const CurriculumView = () => import("./CurriculumView.vue")
// 订单详情
const ActivityView = () => import("./ActivityView.vue")
// 订单详情
const MemberView = () => import("./MemberView.vue")
// 订单详情
const OtherView = () => import("./OtherView.vue")
const student = [
    {
@@ -85,6 +91,33 @@
                    title: '订单详情'
                }
            },
            {
                path: 'ActivityView',
                name: 'ActivityView',
                component: ActivityView,
                meta: {
                    auth: true,
                    title: '订单详情'
                }
            },
            {
                path: 'MemberView',
                name: 'MemberView',
                component: MemberView,
                meta: {
                    auth: true,
                    title: '订单详情'
                }
            },
            {
                path: 'OtherView',
                name: 'OtherView',
                component: OtherView,
                meta: {
                    auth: true,
                    title: '订单详情'
                }
            },
        ]
    }