mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-18 07:16:46 +08:00
讲师费用管理,审批增加删除按钮
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -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,25 +28,25 @@ 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'
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
return {
|
return {
|
||||||
...toRefs(state),
|
...toRefs(state),
|
||||||
lecturerAdmin,
|
lecturerAdmin,
|
||||||
}
|
}
|
||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user