hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 13:56:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

讲师费用下 控制

Browse Source
This commit is contained in:
gengxin
2025-02-18 17:10:43 +08:00
parent a3337e12f1
commit 9cbd72d6ae
2 changed files with 348 additions and 327 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/lecturer/InsideTeaching.vue
View File

@@ -50,7 +50,7 @@
<!-- <OrgClass @enter="searchSubmit()" v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'" <!-- <OrgClass @enter="searchSubmit()" v-model:value="searchParam.orgId" :placeholder="'请选择讲师组织'"
style="width: 235px" style="width: 235px"
></OrgClass> --> ></OrgClass> -->
<!-- TODO --> <!-- TODO GX02-->
<a-select <a-select
style="width: 235px ; style="width: 235px ;
margin-bottom:20px" margin-bottom:20px"

655
src/views/lecturer/MonthlyStatistics.vue
View File

@@ -1,10 +1,10 @@
<!-- 讲师费月度统计详情页面 --> <!-- 讲师费月度统计详情页面 -->
<template> <template>
<a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" <a-drawer :visible="visible" class="largeDrawerInside" placement="right" :closable="false" width="80%" :title="false"
width="80%" :title="false" @close="handleBack"> @close="handleBack">
<div class="MonthlyStatistics"> <div class="MonthlyStatistics">
<!-- 搜索框及按钮 --> <!-- 搜索框及按钮 -->
<!-- <a-layout-header style="background: white;color: black; font-size: 20px ;"> <!-- <a-layout-header style="background: white;color: black; font-size: 20px ;">
<span>讲师费月度统计详情</span> <span>讲师费月度统计详情</span>
<router-link to="/LecturerFeeStatistics" class="goback"> <router-link to="/LecturerFeeStatistics" class="goback">
<span class="return"></span> <span class="return"></span>
@@ -13,22 +13,18 @@
</router-link> </router-link>
</router-link> </router-link>
</a-layout-header> --> </a-layout-header> -->
<div class="header"> <div class="header">
<div class="headerTitle">讲师费月度统计详情</div> <div class="headerTitle">讲师费月度统计详情</div>
<img <img style="width: 29px; height: 29px; cursor: pointer" src="../../assets/images/basicinfo/close.png"
style="width: 29px; height: 29px; cursor: pointer" @click="handleBack" />
src="../../assets/images/basicinfo/close.png"
@click="handleBack"
/>
</div> </div>
<!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> --> <!-- <a-divider style="height: 1px; background-color: #b7b8b7 ;margin: 0;" /> -->
<div class="filter"> <div class="filter">
<a-form layout="inline" > <a-form layout="inline">
<a-form-item class="select"> <a-form-item class="select">
<a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px" <a-input v-model:value="searchParam.name" style="width: 240px; height: 40px; border-radius: 8px"
placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch placeholder="请输入工号/讲师姓名进行检索" allowClear showSearch v-on:keydown.enter="enterPressHadlerSearch">
v-on:keydown.enter="enterPressHadlerSearch"> </a-input>
</a-input>
</a-form-item> </a-form-item>
<!-- <a-form-item class="select"> <!-- <a-form-item class="select">
<a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地" <a-select style="width: 230px" v-model:value="searchParam.payrollPlaceId" placeholder="发薪地"
@@ -36,7 +32,7 @@
v-on:keydown.enter="enterPressHadlerSearch"/> v-on:keydown.enter="enterPressHadlerSearch"/>
</a-form-item> --> </a-form-item> -->
<!-- <a-form-item class="select " > --> <!-- <a-form-item class="select " > -->
<!-- <a-tree-select style="width: 230px" <!-- <a-tree-select style="width: 230px"
:fieldNames="{ :fieldNames="{
children: 'children', children: 'children',
label: 'name', label: 'name',
@@ -52,7 +48,7 @@
:tree-data="sysTypeOptions" :tree-data="sysTypeOptions"
v-on:keydown.enter="enterPressHadlerSearch"> v-on:keydown.enter="enterPressHadlerSearch">
</a-tree-select> --> </a-tree-select> -->
<!-- <a-select style="width: 235px" placeholder="请选择培训发生组织" v-model:value="searchParam.trainOrgId" <!-- <a-select style="width: 235px" placeholder="请选择培训发生组织" v-model:value="searchParam.trainOrgId"
:options="getOrganizationList"> :options="getOrganizationList">
</a-select> --> </a-select> -->
<!-- </a-form-item> --> <!-- </a-form-item> -->
@@ -65,32 +61,45 @@
</a-form> </a-form>
<div style="width: 100%;"></div> <div style="width: 100%;"></div>
<div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px"> <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
<a-button class="resetbtn" @click="handleFeeMonthly" type="primary"><UploadOutlined/>导出</a-button> <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
<UploadOutlined />导出
</a-button>
</div> </div>
<!-- 表格 --> <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
<div style="margin-bottom: 4px;color: #aaaaaa;"> <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
注：下表为按讲师汇总的费用 <UploadOutlined />讲师月度费用下载
</div> </a-button>
<div style="padding: 10px 0"> </div>
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns" <div v-if="checkMenu('lecturerSummaryExport')" style="display: flex; margin-bottom: 20px">
:data-source="tableData" :loading="tableLoading" :scroll="{ x: 600}" :pagination="pagination"> <a-button class="resetbtn" @click="handleFeeMonthly" type="primary">
<template #orgName="{ record }"> <UploadOutlined />讲师费用详情下载
<div :title="record.orgName">{{ endOrg(record.orgName) }}</div> </a-button>
</template>" </div>
<template #bodyCell="{ record, column }"> <!-- 表格 -->
<template v-if="column.key === 'operation'"> <div style="margin-bottom: 4px;color: #aaaaaa;">
<a-space > 注：下表为按讲师汇总的费用
<a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button> </div>
<a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleLess(record)">撤回</a-button> <div style="padding: 10px 0">
</a-space> <a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe" :columns="columns"
:data-source="tableData" :loading="tableLoading" :scroll="{ x: 600 }" :pagination="pagination">
<template #orgName="{ record }">
<div :title="record.orgName">{{ endOrg(record.orgName) }}</div>
</template>"
<template #bodyCell="{ record, column }">
<template v-if="column.key === 'operation'">
<a-space>
<a-button type="link" @click="() => handleLook(record, String(record.courseform))">查看</a-button>
<a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
@click="handleLess(record)">撤回</a-button>
</a-space>
</template>
</template> </template>
</template> </a-table>
</a-table> </div>
</div>
</div> </div>
<!-- 翻页 --> <!-- 翻页 -->
<!-- <div class="tableBox "> <!-- <div class="tableBox ">
<div style="float: right;"> <div style="float: right;">
<a-pagination <a-pagination
v-if="tableDataTotal > 10" v-if="tableDataTotal > 10"
@@ -105,41 +114,41 @@
/> />
</div> </div>
</div> --> </div> -->
<!-- 抽屉 --> <!-- 抽屉 -->
<a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right" <a-drawer class="largeDrawerInside" v-model:visible="opendrawer" placement="right" @closa="cancelTeachingDialog"
@closa="cancelTeachingDialog" :maskClosable="true" width="80%" :title="false"> :maskClosable="true" width="80%" :title="false">
<div style="padding:24px;"> <div style="padding:24px;">
<div class="headers" style="margin-top:-24px;"> <div class="headers" style="margin-top:-24px;">
<div class="headerTitle">查看详情</div> <div class="headerTitle">查看详情</div>
<img <img style="width: 29px; height: 29px; cursor: pointer" src="@/assets/images/basicinfo/close.png"
style="width: 29px; height: 29px; cursor: pointer" @click="cancelTeachingDialog" />
src="@/assets/images/basicinfo/close.png" </div>
@click="cancelTeachingDialog" <a-form layout="inline">
/> <a-form-item class="select">
</div> <a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name"
<a-form layout="inline"> style="width: 260px; height: 40px; border-radius: 8px" placeholder="请输入课程名称进行搜索" allowClear showSearch>
<a-form-item class="select"> </a-input>
<a-input @pressEnter="searchSubmitdrawer" v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px" </a-form-item>
placeholder="请输入课程名称进行搜索" allowClear showSearch> <a-form-item class="select ">
</a-input> <a-range-picker format="YYYY-MM-DD" valueFormat="YYYY-MM-DD"
</a-form-item> style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px"
<a-form-item class="select "> v-model:value="drawer.drawersearchdate" separator="至" :placeholder="[' 开始时间', ' 结束时间']"
<a-range-picker format="YYYY-MM-DD" @change="searchTimeChange" />
valueFormat="YYYY-MM-DD" style="width: 260px; height: 40px; margin-bottom: 20px; border-radius: 8px" v-model:value="drawer.drawersearchdate" separator="至" </a-form-item>
:placeholder="[' 开始时间', ' 结束时间']" @change="searchTimeChange" /> <div style="display: flex; margin-bottom: 20px">
</a-form-item> <a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button>
<div style="display: flex; margin-bottom: 20px"> <a-button class="resetbtn " @click="searchResetdrawer">重置</a-button>
<a-button @click="searchSubmitdrawer()" type="primary" class="resetbtn">查询 </a-button> </div>
<a-button class="resetbtn " @click="searchResetdrawer">重置</a-button> </a-form>
</div> <!-- <span>讲师费发放情况</span> -->
</a-form> <a-table :columns="column" :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings"
<!-- <span>讲师费发放情况</span> --> :pagination="false">
<a-table :columns="column" :scroll="{ x: '1000' }" :data-source="tableDatas" :loading="tableLoadings" :pagination="false">
<template #action="{ record, column }"> <template #action="{ record, column }">
<a-button v-if="checkMenu('lecturerSummaryCancel')" type="link" @click="handleDetail(record)">撤回</a-button> <a-button v-if="checkMenu('lecturerSummaryCancel')" type="link"
@click="handleDetail(record)">撤回</a-button>
</template> </template>
</a-table> </a-table>
<!-- <div :style="{ <!-- <div :style="{
position: 'absolute', position: 'absolute',
right: 0, right: 0,
bottom: 0, bottom: 0,
@@ -154,51 +163,51 @@
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回 <a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
</a-button> </a-button>
</div> --> </div> -->
</div>
</a-drawer>
</div> </div>
</a-drawer> </a-drawer>
</div>
</a-drawer>
</template> </template>
<script lang="jsx"> <script lang="jsx">
import { reactive, toRefs, ref, watch,computed } from "vue"; import { reactive, toRefs, ref, watch, computed } from "vue";
import { useStore } from "vuex"; import { useStore } from "vuex";
import { useRouter,useRoute } from "vue-router"; import { useRouter, useRoute } from "vue-router";
import { import {
UploadOutlined, UploadOutlined,
} from '@ant-design/icons-vue'; } from '@ant-design/icons-vue';
import { getPayRollPlace,expenseSummaryById ,removeBySummaryId,removeBySummaryDetailId,queryDetailId} from "../../api/Lecturer"; import { getPayRollPlace, expenseSummaryById, removeBySummaryId, removeBySummaryDetailId, queryDetailId } from "../../api/Lecturer";
import { getOrganization } from "../../api/Teaching"; import { getOrganization } from "../../api/Teaching";
import ProjectManager from "@/components/project/ProjectManagerNew"; import ProjectManager from "@/components/project/ProjectManagerNew";
import {queryTeacherFeeMonthly} from "../../api/lecturerFeeStatistics"; import { queryTeacherFeeMonthly } from "../../api/lecturerFeeStatistics";
import {CostDetails} from "../lecturer/CostDetails.vue" import { CostDetails } from "../lecturer/CostDetails.vue"
// import * as api from '@/api/Lecturer' // import * as api from '@/api/Lecturer'
import dialog from '@/utils/dialog' import dialog from '@/utils/dialog'
import {message} from 'ant-design-vue' import { message } from 'ant-design-vue'
import { checkMenu } from '@/utils/utils' import { checkMenu } from '@/utils/utils'
export default { export default {
name: "MonthlyStatistics", name: "MonthlyStatistics",
components: { components: {
UploadOutlined,//图标--导出, UploadOutlined,//图标--导出,
ProjectManager,CostDetails ProjectManager, CostDetails
}, },
props:{ props: {
visible:{ visible: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
id:{ id: {
type: String, type: String,
default: "" default: ""
}, },
}, },
setup(props,emits) { setup(props, emits) {
const router=useRouter(); const router = useRouter();
const route = useRoute(); const route = useRoute();
const { query: { id }} = useRoute(); const { query: { id } } = useRoute();
const state = reactive({ const state = reactive({
tableLoading: false, tableLoading: false,
tableLoadings: false, tableLoadings: false,
opendrawer:false, opendrawer: false,
id, id,
summaryDate: null, summaryDate: null,
resbgTxt: null, resbgTxt: null,
@@ -219,11 +228,11 @@ export default {
name: '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: null, departId: null,
summaryDate:null, summaryDate: null,
id: props.id, id: props.id,
// trainOrgId: '', // trainOrgId: '',
}, },
name:null, name: null,
drawer: { drawer: {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
@@ -234,34 +243,34 @@ export default {
} }
}) })
const handleBack = () => { const handleBack = () => {
emits.emit('update:visible',false) emits.emit('update:visible', false)
} }
watch(()=>props.visible,(val)=>{ watch(() => props.visible, (val) => {
if(val){ if (val) {
state.searchParam.id = props.id state.searchParam.id = props.id
getTableDate() getTableDate()
}else{ } else {
state.searchParam = { state.searchParam = {
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
name: '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: null, departId: null,
summaryDate:null, summaryDate: null,
id: null, id: null,
} }
} }
}) })
const endOrg = (val) => { const endOrg = (val) => {
if(val){ if (val) {
const parts = val.split('/'); const parts = val.split('/');
// const reversedParts = parts.reverse(); // const reversedParts = parts.reverse();
// return reversedParts.join('/'); // return reversedParts.join('/');
return parts[parts.length - 1] return parts[parts.length - 1]
} }
} }
//获取内容分类 //获取内容分类
const store = useStore(); const store = useStore();
const sysTypeOptions = computed(() => store.state.content_type); const sysTypeOptions = computed(() => store.state.content_type);
const columns = ref([ const columns = ref([
{ {
@@ -271,9 +280,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 180, width: 180,
customRender: (value)=>{ customRender: (value) => {
return ( return (
<div style="user-select:text">{value.record.name} / {value.record.userNo}</div> <div style="user-select:text">{ value.record.name } / { value.record.userNo }</div>
) )
} }
}, },
@@ -312,8 +321,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 140, width: 140,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -323,8 +332,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 140, width: 140,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -334,8 +343,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
@@ -345,8 +354,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -356,9 +365,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 120, width: 120,
customCell:(text)=>{return{style:{color:colorSet(text)}}}, customCell: (text) => { return { style: { color: colorSet(text) } } },
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -376,7 +385,7 @@ export default {
const tableData = ref([ const tableData = ref([
]) ])
const colorSet = (val) => { const colorSet = (val) => {
if(val.payableExpense!=val.expense){ if (val.payableExpense != val.expense) {
return 'red' return 'red'
} }
} }
@@ -386,7 +395,7 @@ export default {
getTableDate(); getTableDate();
}; };
const PlaceOfPayList = ref([ const PlaceOfPayList = ref([
]) ])
//获取讲师发薪地列表 //获取讲师发薪地列表
const PlaceOfPayLista = () => { const PlaceOfPayLista = () => {
@@ -398,7 +407,7 @@ export default {
arr.map((value) => { arr.map((value) => {
let obj = { let obj = {
value: value.id, value: value.id,
label: value.name, label: value.name,
}; };
array.push(obj); array.push(obj);
}); });
@@ -417,14 +426,14 @@ export default {
tableData.value = res.data.data.records tableData.value = res.data.data.records
state.tableDataTotal = Number(res.data.data.total); state.tableDataTotal = Number(res.data.data.total);
state.tableLoading = false state.tableLoading = false
}).catch(err=>{ }).catch(err => {
state.tableLoading = false state.tableLoading = false
message.error(err.data.msg) message.error(err.data.msg)
}) })
}; };
//获取所属组织 //获取所属组织
const getOrganizationList = ref([ const getOrganizationList = ref([
// { value: 0, systemName: "讲师体系" }, // { value: 0, systemName: "讲师体系" },
]); ]);
//获取所属组织 //获取所属组织
@@ -448,7 +457,7 @@ export default {
getOrganizationLista() getOrganizationLista()
//表格内查看数据操作 //表格内查看数据操作
const handleLook = (record) => { const handleLook = (record) => {
state.drawer={ state.drawer = {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
pageNo: '1', pageNo: '1',
@@ -457,22 +466,22 @@ export default {
startTime: '', startTime: '',
id: record.id, id: record.id,
} }
state.opendrawer=true state.opendrawer = true
searchSubmitdrawer() searchSubmitdrawer()
} }
const handleLess = (record) => { const handleLess = (record) => {
dialog({ dialog({
content: '是否确认撤回 ?', content: '是否确认撤回 ?',
ok:()=>{ ok: () => {
removeBySummaryId({summaryId:record.id}).then(res=>{ removeBySummaryId({ summaryId: record.id }).then(res => {
if(res.data.code == 200){ if (res.data.code == 200) {
message.success('撤回成功') message.success('撤回成功')
emits.emit('tableList',true) emits.emit('tableList', true)
searchSubmit() searchSubmit()
}else{ } else {
message.error(res.data.msg) message.error(res.data.msg)
} }
}).catch(err=>{ }).catch(err => {
message.error(err.data.msg) message.error(err.data.msg)
}) })
} }
@@ -481,17 +490,17 @@ export default {
const handleDetail = (record) => { const handleDetail = (record) => {
dialog({ dialog({
content: '是否确认撤回 ?', content: '是否确认撤回 ?',
ok:()=>{ ok: () => {
removeBySummaryDetailId({detailId:record.detailId}).then(res=>{ removeBySummaryDetailId({ detailId: record.detailId }).then(res => {
if(res.data.code == 200){ if (res.data.code == 200) {
message.success('撤回成功') message.success('撤回成功')
emits.emit('tableList',true) emits.emit('tableList', true)
searchSubmit() searchSubmit()
searchSubmitdrawer() searchSubmitdrawer()
}else{ } else {
message.error(res.data.msg) message.error(res.data.msg)
} }
}).catch(err=>{ }).catch(err => {
message.destroy() message.destroy()
message.error(err.data.msg) message.error(err.data.msg)
}) })
@@ -499,11 +508,11 @@ export default {
}) })
} }
const searchTimeChange = (e) => { const searchTimeChange = (e) => {
console.log(e,'eeeee') console.log(e, 'eeeee')
if(e){ if (e) {
state.drawer.startTime = e[0] state.drawer.startTime = e[0]
state.drawer.endTime = e[1] state.drawer.endTime = e[1]
}else{ } else {
state.drawer.startTime = '' state.drawer.startTime = ''
state.drawer.endTime = '' state.drawer.endTime = ''
} }
@@ -512,7 +521,7 @@ export default {
const pagination = computed(() => ({ const pagination = computed(() => ({
total: state.tableDataTotal, total: state.tableDataTotal,
showSizeChanger: true, showSizeChanger: true,
showQuickJumper:true, showQuickJumper: true,
current: state.searchParam.pageNo, current: state.searchParam.pageNo,
pageSize: state.searchParam.pageSize, pageSize: state.searchParam.pageSize,
onChange: changePagination, onChange: changePagination,
@@ -528,51 +537,51 @@ export default {
window.open( window.open(
`${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherSummary?&name=${state.searchParam.name ? state.searchParam.name : ""}&id=${state.searchParam.id ? state.searchParam.id : ""}&trainOrgId=${state.searchParam.trainOrgId || ''}`) `${process.env.VUE_APP_BASE_API}/admin/export/exportTeacherSummary?&name=${state.searchParam.name ? state.searchParam.name : ""}&id=${state.searchParam.id ? state.searchParam.id : ""}&trainOrgId=${state.searchParam.trainOrgId || ''}`)
} }
//重置 //重置
const searchReset = () => { const searchReset = () => {
state.searchParam = { state.searchParam = {
pageNo: "1", pageNo: "1",
pageSize: "10", pageSize: "10",
id: props.id, id: props.id,
name : '', name: '',
payrollPlaceId: null, payrollPlaceId: null,
departId: '', departId: '',
summaryDate:'', summaryDate: '',
// trainOrgId: '', // trainOrgId: '',
};
getTableDate();
}; };
//二级页面重置 getTableDate();
const searchResetdrawer =()=>{ };
const id = state.drawer.id //二级页面重置
state.drawer={ const searchResetdrawer = () => {
name: '', const id = state.drawer.id
drawersearchdate: [], state.drawer = {
pageNo: '1', name: '',
pageSize: '10', drawersearchdate: [],
endTime: '', pageNo: '1',
startTime: '', pageSize: '10',
id, endTime: '',
} startTime: '',
searchSubmitdrawer() id,
} }
//二级页面查询 searchSubmitdrawer()
const searchSubmitdrawer=()=>{ }
state.tableLoadings = true //二级页面查询
const params = { const searchSubmitdrawer = () => {
summaryId: state.drawer.id, state.tableLoadings = true
name: state.drawer.name, const params = {
endTime: state.drawer.endTime, summaryId: state.drawer.id,
startTime: state.drawer.startTime, name: state.drawer.name,
} endTime: state.drawer.endTime,
queryDetailId(params).then(res=>{ startTime: state.drawer.startTime,
console.log(res,'resss')
tableDatas.value = res.data.data
state.tableLoadings = false
})
} }
const tableDatas = ref([]) queryDetailId(params).then(res => {
const column = ref([ console.log(res, 'resss')
tableDatas.value = res.data.data
state.tableLoadings = false
})
}
const tableDatas = ref([])
const column = ref([
{ {
title: '讲师姓名 ', title: '讲师姓名 ',
dataIndex: 'name', dataIndex: 'name',
@@ -583,7 +592,7 @@ export default {
customRender: (value) => { customRender: (value) => {
return ( return (
<div style="user-select: text"> <div style="user-select: text">
{value.record?.name} / {value.record?.userNo} { value.record?.name } / { value.record?.userNo }
</div> </div>
); );
}, },
@@ -597,53 +606,53 @@ export default {
// width: 100, // width: 100,
// }, // },
{ {
title: '课程名称 ', title: '课程名称 ',
dataIndex: 'courseName', dataIndex: 'courseName',
key: 'courseName', key: 'courseName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 160, width: 160,
customCell:()=>{return{style:{userSelect: 'text'}}} customCell: () => { return { style: { userSelect: 'text' } } }
}, },
{ {
title: '培训发生组织 ', title: '培训发生组织 ',
dataIndex: 'trainOrgName', dataIndex: 'trainOrgName',
key: 'trainOrgName', key: 'trainOrgName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 160, width: 160,
customCell:()=>{return{style:{userSelect: 'text'}}} customCell: () => { return { style: { userSelect: 'text' } } }
}, },
{ {
title: '课程类型 ', title: '课程类型 ',
dataIndex: ' courseType', dataIndex: ' courseType',
key: ' courseType', key: ' courseType',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>
{String(value.record.courseType) { String(value.record.courseType)
? { ? {
"0": "在线课", "0": "在线课",
"1": "面授课", "1": "面授课",
"2": "课程开发", "2": "课程开发",
"3": "作业员入模培训", "3": "作业员入模培训",
"4": "其他", "4": "其他",
}[value.record.courseType + ""] }[value.record.courseType + ""]
: "-"} : "-" }
</div> </div>
) )
} }
}, },
{ {
title: '授课时长 ', title: '授课时长 ',
dataIndex: 'teachingTime', dataIndex: 'teachingTime',
key: 'teachingTime', key: 'teachingTime',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'分钟' : '-' return text ? text + '分钟' : '-'
} }
}, },
{ {
title: '授课时间', title: '授课时间',
dataIndex: 'teachingDate', dataIndex: 'teachingDate',
@@ -654,19 +663,19 @@ export default {
scopedSlots: { customRender: "teacherOrg" }, scopedSlots: { customRender: "teacherOrg" },
}, },
{ {
title: '讲师体系', title: '讲师体系',
dataIndex: 'tsystemName', dataIndex: 'tsystemName',
key: 'tsystemName', key: 'tsystemName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '讲师级别 ', title: '讲师级别 ',
dataIndex: 'tlevelName', dataIndex: 'tlevelName',
key: 'tlevelName', key: 'tlevelName',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 120,
}, },
{ {
title: '讲师发薪地 ', title: '讲师发薪地 ',
dataIndex: 'payrollPlace', dataIndex: 'payrollPlace',
@@ -677,15 +686,15 @@ export default {
}, },
{ {
title: '基准课酬 ', title: '基准课酬 ',
dataIndex: 'levelPay', dataIndex: 'levelPay',
key: 'levelPay', key: 'levelPay',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 100, width: 100,
customRender: ({text})=>{ customRender: ({ text }) => {
return text||text==0 ? text+'元' : '-' return text || text == 0 ? text + '元' : '-'
} }
}, },
{ {
title: '计划费用 ', title: '计划费用 ',
dataIndex: 'expense', dataIndex: 'expense',
@@ -693,8 +702,8 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 100, width: 100,
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -704,9 +713,9 @@ export default {
ellipsis: true, ellipsis: true,
align: "center", align: "center",
width: 100, width: 100,
customCell:(text)=>{return{style:{color:colorSet(text)}}}, customCell: (text) => { return { style: { color: colorSet(text) } } },
customRender: ({text})=>{ customRender: ({ text }) => {
return text ? text+'元' : '-' return text ? text + '元' : '-'
} }
}, },
{ {
@@ -720,27 +729,27 @@ export default {
slots: { customRender: "action" }, slots: { customRender: "action" },
}, },
]) ])
//取消按钮 清空输入的数据 //取消按钮 清空输入的数据
const cancelTeachingDialog = () => { const cancelTeachingDialog = () => {
state.opendrawer = false state.opendrawer = false
state.drawer={ state.drawer = {
name: '', name: '',
drawersearchdate: [], drawersearchdate: [],
pageNo: '1', pageNo: '1',
pageSize: '10', pageSize: '10',
endTime: '', endTime: '',
startTime: '', startTime: '',
} }
}; };
//回车 //回车
const enterPressHadlerSearch = e => { const enterPressHadlerSearch = e => {
  console.log("e",e); console.log("e", e);
    if (e.keyCode === 13) { if (e.keyCode === 13) {
      searchSubmit() searchSubmit()
    } }
}; };
return { return {
...toRefs(state), ...toRefs(state),
tableDatas, tableDatas,
@@ -774,7 +783,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped > <style lang="scss" scoped>
.MonthlyStatistics { .MonthlyStatistics {
.header { .header {
padding: 0px 32px; padding: 0px 32px;
@@ -795,6 +804,7 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
width: 100%; width: 100%;
height: 100%; height: 100%;
display: flex; display: flex;
@@ -804,18 +814,21 @@ export default {
margin-left: 38px; margin-left: 38px;
margin-right: 38px; margin-right: 38px;
margin-top: 30px; margin-top: 30px;
// display: flex; // display: flex;
// justify-content: space-between; // justify-content: space-between;
// flex-wrap: wrap; // flex-wrap: wrap;
.select { .select {
margin-right: 20px; margin-right: 20px;
margin-bottom: 20px; margin-bottom: 20px;
}
} }
}
} }
.select .ant-picker { .select .ant-picker {
width: 410px !important; width: 410px !important;
} }
.headers { .headers {
height: 73px; height: 73px;
border-bottom: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;
@@ -834,6 +847,7 @@ export default {
// margin-left: 24px; // margin-left: 24px;
} }
} }
.addTimeBox { .addTimeBox {
position: relative; position: relative;
display: flex; display: flex;
@@ -1158,53 +1172,60 @@ export default {
border-radius: 8px; border-radius: 8px;
margin-right: 20px margin-right: 20px
} }
::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector{
::v-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
// border-radius:8px; // border-radius:8px;
height:32px; height: 32px;
} }
.ant-col-12{
height:90px; .ant-col-12 {
height: 90px;
} }
.goback { .goback {
float: right; float: right;
padding-right: 70px; padding-right: 70px;
//padding-top: 37px; //padding-top: 37px;
position: relative; position: relative;
.return { .return {
display: inline-block; display: inline-block;
width: 42px; width: 42px;
height: 42px; height: 42px;
margin-top: 17px; margin-top: 17px;
margin-right: 10px; margin-right: 10px;
background-image: url("../../assets/images/projectadd/return.png"); background-image: url("../../assets/images/projectadd/return.png");
} }
.returntext { .returntext {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 12px; top: 12px;
color: #4ea6ff; color: #4ea6ff;
font-size: 14px; font-size: 14px;
} }
}
tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown{
display: inline-block;
} }
::v-deep .ant-select-selection-item{
margin-left: 3px;
}
::v-deep .ant-pagination-options-size-changer.ant-select{
width: 84px;
}
.pa {
width: 100%;
display: flex;
justify-content: right;
}
}
</style>
tableBox {
padding-bottom: 20px;
margin: 20px 38px 30px;
::v-deep .ant-select-dropdown {
display: inline-block;
}
::v-deep .ant-select-selection-item {
margin-left: 3px;
}
::v-deep .ant-pagination-options-size-changer.ant-select {
width: 84px;
}
.pa {
width: 100%;
display: flex;
justify-content: right;
}
}
</style>