佣金设置；财务管理；提现管理

src/api/finance.js

@@ -0,0 +1,12 @@
+import service from '@/utils/request'
+const api = {
+  /*助教*/
+   getFinanceInfo : data => { // 财务管理
+    return service({
+      url: '/finance',
+      method: 'get',
+      params:data
+    })
+  }
+}
+export default api

src/api/market.js

@@ -44,5 +44,18 @@ const api = {
       data
     })
   },
+  getBrokerage: data => { // 获取佣金信息
+    return service({
+      url: '/brokerage',
+      method: 'get'
+    })
+  },
+  brokerageFunc: data => { // 提交佣金设置
+    return service({
+      url: '/brokerage',
+      method: 'post',
+      data
+    })
+  },
 }
 export default api

src/api/userManage.js

@@ -48,6 +48,27 @@ const api = {
       method: 'get',
       params:data
     })
-  }
+  },
+  getWithdrawList:data => { // 获取用户提现记录
+    return service({
+      url: '/withdraw',
+      method: 'get',
+      params:data
+    })
+  },
+  passWithdraw:data => { // 同意提现申请
+    return service({
+      url: '/withdraw',
+      method: 'post',
+      data
+    })
+  },
+  rejectWithdraw:data => { // 拒绝提现申请
+    return service({
+      url: '/withdraw/reject',
+      method: 'post',
+      data
+    })
+  },
 }
 export default api

src/view/course/addCourse/index.vue

@@ -58,7 +58,7 @@ function stepChangeFunc(type) {
       break;
     case 2: // 下一步
         if(active.value == 0) { // 保存第一步的信息
-          console.log(isChange.value)
+          // console.log(isChange.value)
           if(isChange.value){
             submitForm(ruleFormRef.value)
           }
@@ -88,6 +88,12 @@ async function saveStep1() {
       return item.name === form.value.subject
     })[0].id
   form.value.price = parseFloat(form.value.price)<0?0:form.value.price
+  if(!checkFreeTestFromPrice()) {
+    ElMessage({
+      type: 'warning',
+      message: '赠送价格不能超过课程价格!'
+    })
+  }
   let params = {
     step1:{
       ...form.value
@@ -180,6 +186,25 @@ function handlerChange(e) {
   // console.log(e)
   isChange.value = true
 }
+function freeTestFunc() { // 免费试卷数量
+  if(!checkFreeTestFromPrice()) {
+    ElMessage({
+      type: 'warning',
+      message: '赠送价格不能超过课程价格!'
+    })
+  }
+  handlerChange()
+}
+const STD_TEST_PRICE = 4.9
+function checkFreeTestFromPrice() { // 检查免费试卷分数是否合理
+  let flag = true
+  if(form.value.free_test && form.value.price) {
+    if(parseInt(form.value.free_test) * STD_TEST_PRICE > parseFloat(form.value.price)) {
+      flag = false
+    }
+  }
+  return flag
+}
 </script>
 <template>
   <div>
@@ -240,6 +265,10 @@ function handlerChange(e) {
 <!--        <el-form-item label="包含试听">-->
 <!--          <el-switch @change="handlerChange" v-model="form.is_audition" active-text="是" inactive-text="否" :active-value="1" :inactive-value="-1"  />-->
 <!--        </el-form-item>-->
+        <el-form-item label="赠送试卷">
+          <el-input @change="freeTestFunc" placeholder="请输入需要赠送的试卷份数，如：1" v-model="form.free_test" />
+          <div style="color:gray;font-size: 12px" v-if="form.free_test">总计{{(STD_TEST_PRICE*form.free_test).toFixed(2)}} 元</div>
+        </el-form-item>
         <el-form-item label="设置精品">
           <el-switch @change="handlerChange" v-model="form.is_boutique" active-text="是" inactive-text="否" :active-value="1" :inactive-value="-1"  />
         </el-form-item>

src/view/course/components/chapter.vue

@@ -154,6 +154,7 @@ async function enterChapterChildDialog() { // 提交小章节
   // return
   if(chapterChildForm.value.course_subsection_id){ // 编辑
     func_name = 'editChapter'
+    params.course_id = parseInt(props.course_id)
   }
   else{ // 新增
     func_name = 'addChapter'

src/view/course/components/examinationPool.vue

@@ -236,6 +236,9 @@ function handleChooseChange(row) {
   </div>
 </template>
 <style scoped>
+  .el-table th, .el-table tr{
+    cursor: pointer;
+  }
   .drawer-section{
     padding: 10px;
   }

src/view/dealDetailManage/testDetail.vue

@@ -120,9 +120,9 @@ async function getCourseName(course_id) {
         </el-table-column>
         <el-table-column align="left" label="科目" min-width="150" prop="subject"></el-table-column>
         <el-table-column align="left" label="课程" min-width="150" prop="name"></el-table-column>
-        <el-table-column align="left" label="测试用时/限时" min-width="150">
+        <el-table-column align="left" label="测试用时/限时(分钟)" min-width="150">
           <template #default="scope">
-            {{scope.row.duration/scope.row.duration}}
+            {{scope.row.duration+'/'+scope.row.time_limit}}
           </template>
         </el-table-column>
         <el-table-column align="left" label="测试状态" min-width="150" prop="status">

src/view/financeManage/index.vue

@@ -0,0 +1,111 @@
+<script setup>
+// 引入依赖
+import api from '@/api/finance'
+import custom from '@/utils/custom'
+import {formatDate} from '@/utils/format'
+import _ from 'lodash'
+import {ref,onMounted } from 'vue'
+// 图像
+import icon1 from '@/assets/f_icon1.png'
+import icon2 from '@/assets/f_icon2.png'
+import icon3 from '@/assets/f_icon3.png'
+import icon4 from '@/assets/f_icon4.png'
+import icon5 from '@/assets/f_icon5.png'
+// 生命周期
+onMounted(() => {
+  getFinanceInfo()
+})
+// 变量
+const financeInfo = ref({})
+// 方法
+async function getFinanceInfo() {
+  const res = await api.getFinanceInfo()
+  if(res.code === 0) {
+    financeInfo.value = res.data
+  }
+}
+</script>
+<template>
+  <div class="gva-table-box fiance-box">
+    <div class="card-box">
+      <div class="card-item">
+        <div class="ci-icon">
+          <img :src="icon1" alt="">
+        </div>
+        <div class="ci-title">学生总数</div>
+        <div class="ci-value">{{financeInfo.student_num}}人</div>
+      </div>
+      <div class="card-item">
+        <div class="ci-icon">
+          <img :src="icon2" alt="">
+        </div>
+        <div class="ci-title">助教总数</div>
+        <div class="ci-value">{{financeInfo.assistant_num}}人</div>
+      </div>
+      <div class="card-item">
+        <div class="ci-icon">
+          <img :src="icon3" alt="">
+        </div>
+        <div class="ci-title">老师总数</div>
+        <div class="ci-value">{{financeInfo.teacher_num}}人</div>
+      </div>
+      <div class="card-item">
+        <div class="ci-icon">
+          <img :src="icon4" alt="">
+        </div>
+        <div class="ci-title">课程订单</div>
+        <div class="ci-value">{{financeInfo.course_order_num}}人</div>
+      </div>
+      <div class="card-item">
+        <div class="ci-icon">
+          <img :src="icon5" alt="">
+        </div>
+        <div class="ci-title">测试订单</div>
+        <div class="ci-value">{{financeInfo.exam_order_num}}人</div>
+      </div>
+    </div>
+    <div class="total-box">
+      <div class="tb-item">
+        今日收益：{{financeInfo.today_income}}
+      </div>
+      <div class="tb-item">
+        累计总收益：{{financeInfo.total_income}}
+      </div>
+    </div>
+  </div>
+</template>
+<style scoped lang="scss">
+  .fiance-box{
+    .card-box{
+      margin-bottom: 30px;
+      .card-item{
+        .ci-title{
+          margin-bottom: 10px;
+        }
+        .ci-icon{
+          img{
+            width: 80px;
+            height: 80px;
+          }
+          position: absolute;top: 5px;
+          right: 5px;
+        }
+        position: relative;
+        display: inline-block;
+        width: 300px;
+        height: 150px;
+        margin-right: 10px;
+        margin-bottom: 10px;
+        box-shadow: 5px 5px 5px #f0f2f5;
+        padding: 10px;
+        background: linear-gradient(#4fadc9,white);
+        color: white;
+      }
+    }
+    .total-box{
+      .tb-item{
+        margin-bottom: 10px;
+      }
+    }
+  }
+</style>

src/view/marketManage/brokerage/index.vue

@@ -0,0 +1,98 @@
+<script setup>
+// 引入依赖
+import api from '@/api/market'
+import custom from '@/utils/custom'
+import {formatDate} from '@/utils/format'
+import _ from 'lodash'
+import {ref,onMounted } from 'vue'
+// 生命周期
+onMounted(() => {
+  // console.log(brokerageForm.value)
+  getBrokerage()
+})
+// 变量
+const brokerageForm = ref({})
+const brokerageFormRules = ref({
+  exam_assistant: [{ required: true, message: '请输入助教佣金', trigger: 'blur' }],
+  exam_manage:[{ required: true, message: '请输入主管佣金', trigger: 'blur'},
+  { type: 'number', message: '请输入正确的格式',trigger: 'blur' }],
+  exam_assistant_assistant:[{ required: true, message: '请输入助教推荐助教佣金', trigger: 'blur'},
+  { type: 'number', message: '请输入正确的格式' }],
+  exam_assistant_teacher:[{ required: true, message: '请输入助教推荐老师佣金', trigger: 'blur'},
+  { type: 'number', message: '请输入正确的格式' }],
+  course_assistant:[{ required: true, message: '请输入助教佣金占比', trigger: 'blur' }],
+  course_manage:[{ required: true, message: '请输入主管佣金占比', trigger: 'blur' }],
+  course_assistant_assistant:[{ required: true, message: '请输入助教推荐助教佣金占比', trigger: 'blur' }],
+  course_assistant_teacher:[{ required: true, message: '请输入助教推荐老师佣金占比', trigger: 'blur' }],
+})
+const brokerageFormRef = ref(null)
+// 方法
+async function getBrokerage() {
+  const res = await api.getBrokerage()
+  if(res.code === 0) {
+    brokerageForm.value = res.data
+  }
+}
+async function submitForm(formEl) {
+  if (!formEl) return
+  await formEl.validate((valid, fields) => {
+    if (valid) { // 验证通过
+      // console.log('submit!')
+      saveData()
+    } else {
+      // console.log('请填写完整信息!', fields)
+    }
+  })
+}
+async function saveData() {
+  const params = {
+    ...brokerageForm.value
+  }
+  const res = await api.brokerageFunc(params)
+  if(res.code === 0) {
+    ElMessage({
+      type: 'success',
+      message: res.msg
+    })
+    getBrokerage()
+  }
+}
+</script>
+<template>
+  <div class="brokerage-box gva-table-box">
+    <el-form ref="brokerageFormRef" class="form-box" :model="brokerageForm" :rules="brokerageFormRules" label-width="180px" style="width:50%">
+      <el-form-item>测试题佣金设置</el-form-item>
+      <el-form-item label="助教(元/份)" prop="exam_assistant">
+          <el-input v-model.number="brokerageForm.exam_assistant" placeholder="请输入助教佣金" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="主管(元/份)" prop="exam_manage">
+          <el-input v-model.number="brokerageForm.exam_manage" placeholder="请输入主管佣金" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="助教推荐助教(元/份)" prop="exam_assistant_assistant">
+          <el-input v-model.number="brokerageForm.exam_assistant_assistant" placeholder="请输入助教推荐助教佣金" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="助教推荐老师(元/份)" prop="exam_assistant_teacher">
+          <el-input v-model.number="brokerageForm.exam_assistant_teacher" placeholder="请输入助教推荐老师佣金" autocomplete="off" />
+      </el-form-item>
+      <el-form-item>课程佣金设置</el-form-item>
+      <el-form-item label="助教(%)" prop="course_assistant">
+          <el-input v-model.number="brokerageForm.course_assistant" placeholder="请输入助教佣金占比" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="主管(%)" prop="course_manage">
+          <el-input v-model.number="brokerageForm.course_manage" placeholder="请输入主管佣金占比" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="助教推荐助教(%)" prop="course_assistant_assistant">
+          <el-input v-model.number="brokerageForm.course_assistant_assistant" placeholder="请输入助教推荐助教佣金占比" autocomplete="off" />
+      </el-form-item>
+      <el-form-item label="助教推荐老师(%)" prop="course_assistant_teacher">
+          <el-input v-model.number="brokerageForm.course_assistant_teacher" placeholder="请输入助教推荐老师佣金占比" autocomplete="off" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm(brokerageFormRef)">保存</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<style lang="scss" scoped>
+
+</style>

src/view/userManage/withdraw.vue

@@ -0,0 +1,262 @@
+
+<script setup>
+// 引入依赖
+import api from '@/api/userManage'
+import capi from '@/api/course'
+import custom from '@/utils/custom'
+import {formatDate} from '@/utils/format'
+// import { toSQLLine } from '@/utils/stringFun'
+// import WarningBar from '@/components/warningBar/warningBar.vue'
+// import coursePool from './components/coursePool.vue'
+// import exercisesPool from '@/view/course/components/exercisesPool.vue'
+import {ref,onMounted,provide } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+const route = useRoute()
+import cityList from '@/utils/city.json';
+// store
+import { useUserStore } from '@/pinia/modules/user'
+const userStore = useUserStore()
+// 变量
+// const path = ref(import.meta.env.VITE_BASE_API)
+const queryParams = ref({
+  page:1,
+  pageSize:10,
+  status:'',
+  userId:'',
+  userType:'',
+  name:'',
+  province:''
+})
+const tableData = ref([])
+const total = ref(0)
+const status_list = ref([
+  {
+    name:'审核中',
+    value:1
+  },
+  {
+    name:'同意',
+    value:2
+  },
+  {
+    name:'拒绝',
+    value:3
+  }
+])
+// 生命周期
+onMounted(() => {
+  getWithdrawList()
+})
+// 方法
+async function getWithdrawList() {
+  const res = await api.getWithdrawList(queryParams.value)
+  if(res.code === 0) {
+    tableData.value = res.data.records
+    total.value = res.data.total
+  }
+}
+function onSubmit() {
+  getWithdrawList()
+}
+const onReset = () => {
+  queryParams.value = {
+    page:1,
+    pageSize:10,
+    status:'',
+    userId:'',
+    userType:'',
+    name:'',
+    province:''
+  }
+}
+function handleCurrentChange(val) {
+  queryParams.value.pageIndex = val
+  getWithdrawList()
+}
+function handleSizeChange(val) {
+  queryParams.value.pageSize = val
+  getWithdrawList()
+}
+function viewUserFunc(row) { // 查看订单
+  router.push({name:'viewUserManage',params:{id:row.user_id}})
+}
+function getStateName(state) {
+  return status_list.value.filter((item,i) => {
+    return item.value === state
+  })[0].name
+}
+function getProvinceName(province) {
+  if(province < 0) return ''
+  return cityList[province].name
+}
+async function passFunc(row) { // 通过
+  ElMessageBox.confirm('是否通过该提现申请?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+  .then(async() => {
+    const res = await api.passWithdraw({
+          withdraw_id:row.id
+    })
+    if (res.code === 0) {
+      ElMessage({
+        type: 'success',
+        message: '操作成功!'
+      })
+      getWithdrawList()
+    }
+  },() => {
+  })
+}
+async function rejectFunc(row) { // 拒绝
+  ElMessageBox.confirm('是否拒绝该提现申请?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+  .then(async() => {
+    const res = await api.rejectWithdraw({
+          withdraw_id:row.id
+    })
+    if (res.code === 0) {
+      ElMessage({
+        type: 'success',
+        message: '操作成功!'
+      })
+      getWithdrawList()
+    }
+  },() => {
+  })
+}
+</script>
+<template>
+  <div>
+    <!--    搜索框-->
+    <div class="gva-search-box">
+      <el-form ref="searchForm" :inline="true" :model="queryParams">
+        <el-form-item label="提现状态">
+          <el-select v-model="queryParams.status" clearable placeholder="请选择">
+            <el-option
+              v-for="(item,i) in status_list"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="区域">
+          <el-select v-model="queryParams.province" clearable placeholder="请选择">
+            <el-option
+              v-for="(item,i) in cityList"
+              :key="item.ProID"
+              :label="item.name"
+              :value="i"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
+          <el-button size="small" icon="refresh" @click="onReset">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <!--    表格数据-->
+    <div class="gva-table-box">
+      <!--      批量操作-->
+      <div class="gva-btn-list">
+      </div>
+      <!--      数据列表-->
+      <el-table :data="tableData">
+        <el-table-column align="center" label="ID"  prop="user_id" sortable="custom" />
+        <el-table-column align="center" label="头像" min-width="150">
+          <template #default="scope">
+            <img class="avatar-css" :src="scope.row.avatar" alt="">
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="姓名" prop="name" />
+        <el-table-column align="center" label="手机号" min-width="150" prop="phone" />
+        <el-table-column align="center" label="余额" min-width="150" prop="balance" />
+        <el-table-column align="center" label="提现金额" min-width="150" prop="count" />
+        <el-table-column align="center" label="提现时间" min-width="150" >
+          <template #default="scope">
+            {{formatDate(scope.row.CreatedAt)}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="所属省份" min-width="150">
+          <template #default="scope">
+            {{getProvinceName(scope.row.province)}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="状态" min-width="150">
+          <template #default="scope">
+            {{getStateName(scope.row.status)}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" fixed="right" label="操作" width="200">
+          <template #default="scope">
+            <el-button
+              icon="view"
+              size="small"
+              type="primary"
+              link
+              @click="viewUserFunc(scope.row)"
+            >查看</el-button>
+            <el-button
+              icon="check"
+              size="small"
+              type="primary"
+              link
+              @click="passFunc(scope.row)"
+            >通过</el-button>
+            <el-button
+              icon="close"
+              size="small"
+              type="primary"
+              link
+              @click="rejectFunc(scope.row)"
+            >拒绝</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="queryParams.page"
+          :page-size="queryParams.pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+    </div>
+
+  </div>
+</template>
+<style scoped lang="scss">
+  .avatar-css{
+    height: 100px;
+    width: 150px;
+  }
+  .e-img{
+    width: 150px;
+    height: 100px;
+  }
+  .option-item{
+    display: flex;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+  .button-box {
+    padding: 10px 20px;
+    .el-button {
+      float: right;
+    }
+  }
+  .warning {
+    color: #dc143c;
+  }
+</style>