讲师费用管理,审批增加删除按钮

This commit is contained in:
gengxin
2025-02-17 10:59:29 +08:00
parent f034efc656
commit 072e969e5b
2 changed files with 1035 additions and 1018 deletions

File diff suppressed because it is too large Load Diff

View File

@@ -1,26 +1,26 @@
<!-- 讲师费管理 --> <!-- 讲师费管理 -->
<template> <template>
<div class="LecturerFeeManagement"> <div class="LecturerFeeManagement">
<div style="margin: 20px;margin-top:0;" > <div style="margin: 20px;margin-top:0;">
<a-tabs v-model:activeKey="activeKey" > <a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="讲师费管理"> <a-tab-pane key="1" tab="讲师费管理">
<LecturerFee /> <LecturerFee />
</a-tab-pane> </a-tab-pane>
<!-- v-if="lecturerAdmin('lecturer-admin')" --> <!-- v-if="lecturerAdmin('lecturer-admin')" -->
<a-tab-pane key="2" tab="审批中心"> <a-tab-pane key="2" tab="审批中心">
<LecturerApproval/> <LecturerApproval />
</a-tab-pane> </a-tab-pane>
</a-tabs> </a-tabs>
</div> </div>
</div> </div>
</template> </template>
<script lang="jsx"> <script lang="jsx">
import { reactive, toRefs, ref, watch,onMounted,computed } from "vue"; import { reactive, toRefs, ref, watch, onMounted, computed } from "vue";
import LecturerFee from "../lecturer/LecturerFee.vue" import LecturerFee from "../lecturer/LecturerFee.vue"
import LecturerApproval from "../lecturer/LecturerApproval.vue" import LecturerApproval from "../lecturer/LecturerApproval.vue"
import { useRoute } from "vue-router"; import { useRoute } from "vue-router";
import {useStore} from 'vuex' import { useStore } from 'vuex'
export default { export default {
name: "LecturerFeeManagement", name: "LecturerFeeManagement",
components: { components: {
LecturerFee, LecturerFee,
@@ -28,21 +28,21 @@ import {useStore} from 'vuex'
}, },
setup() { setup() {
const store = useStore(); const store = useStore();
const userInfo = computed(()=> store.state.userInfo) const userInfo = computed(() => store.state.userInfo)
const route = useRoute(); const route = useRoute();
const state = reactive({ const state = reactive({
activeKey:'1', activeKey: '1',
}) })
const lecturerAdmin = (admin)=>{ const lecturerAdmin = (admin) => {
const roleCode = userInfo.value.roleList.map((item)=>item.roleCode) const roleCode = userInfo.value.roleList.map((item) => item.roleCode)
if (admin){ if (admin) {
return roleCode.some(t => t == admin) return roleCode.some(t => t == admin)
} }
} }
watch( watch(
) )
onMounted(() => { onMounted(() => {
if(route.query.activeKey){ if (route.query.activeKey) {
state.activeKey = '2' state.activeKey = '2'
} }
}) })
@@ -54,10 +54,11 @@ import {useStore} from 'vuex'
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .ant-tabs-tab{ ::v-deep .ant-tabs-tab {
font-weight: 600; font-weight: 600;
} }
.LecturerFeeManagement {
.LecturerFeeManagement {
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;