讲师管理审批

This commit is contained in:
zhangsir
2024-11-05 19:45:16 +08:00
parent 5ee9a77b07
commit d0d8eaea90
4 changed files with 236 additions and 64 deletions

View File

@@ -123,15 +123,15 @@
<span>讲师费用详情</span>
<a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="rowCenter">
<a-descriptions-item label="审批编号">{{formParam?.teacherName}}</a-descriptions-item>
<a-descriptions-item label="培训发生组织">{{formParam?.trainOrg}}</a-descriptions-item>
<a-descriptions-item label="培训发生组织">{{formParam?.trainOrgName}}</a-descriptions-item>
<a-descriptions-item v-if="activeKey==2" label="汇总周期" >{{formParam?.summaryDate}}</a-descriptions-item>
<a-descriptions-item label="提交时间">{{formParam?.payableExpense}}</a-descriptions-item>
<a-descriptions-item label="汇总金额">{{formParam?.totalFee}}</a-descriptions-item>
<a-descriptions-item label="状态">{{formParam?.status=="A10"?'待审核' :formParam?.status=="A20"?'提交':formParam?.status== "A30" ?'审核中':formParam?.status== "E10" ?'审核打回':formParam?.status=="S20"?'审核通过':''}}</a-descriptions-item>
<a-descriptions-item label="提交时间">{{formParam?.summaryTime}}</a-descriptions-item>
<a-descriptions-item label="汇总金额">{{formParam?.summaryTotal}}</a-descriptions-item>
<a-descriptions-item label="状态">{{{0:'待确认' ,1:'提交' ,2:'审核中', 3:'审核通过', 4:'审核拒绝'}[formParam?.status]}}</a-descriptions-item>
</a-descriptions>
<span class="line"></span>
<!-- <span>审批详情</span> -->
<a-tabs v-model:activeKey="activeKey">
<!-- <span>审批详情</span> -->
<span class="line" style="margin-top:12px;"></span>
<a-tabs v-model:activeKey="activeKey">
<a-tab-pane key="1" tab="讲师费列表">
<div style="padding: 10px 0;">
<div style="display: flex;margin-bottom: 20px;">
@@ -139,7 +139,7 @@
<a-input style="height:40px;border-radius:8px;" v-model:value="userNoOrName" placeholder="请输入工号/讲师名称进行搜索" />
</div>
<div style="margin-right:20px;">
<a-range-picker style="height:40px;border-radius:8px;" valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="seeDateValue" />
<a-range-picker style="height:40px;border-radius:8px;" @change="seeDateChange" valueFormat="YYYY-MM-DD" format="YYYY-MM-DD" v-model:value="seeDateValue" />
</div>
<div style="margin-right:20px;">
<a-button style="margin-right:15px;height:40px;border-radius:8px;" type="primary" @click="searchTeacherFeeApprovalList()">搜索</a-button>
@@ -173,7 +173,7 @@
zIndex: 1,
}">
<a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">提交讲师费
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">确定
</a-button>
<!-- <a-button class="drabtn" @click="cancelTeachingDialog" type="primary" danger>拒绝</a-button> -->
</div>
@@ -217,7 +217,7 @@
</div>
</template>
<script lang="jsx">
import { reactive, toRefs, ref ,watch} from "vue";
import { reactive, toRefs, ref ,watch,computed} from "vue";
import { useRouter } from "vue-router";
import { message } from "ant-design-vue";
import dayjs from "dayjs";
@@ -230,7 +230,7 @@
DownloadOutlined
} from '@ant-design/icons-vue';
import ProjectManager from "@/components/project/ProjectManagerNew";
import {expenseBillList,queryById,getTeacherFeeApprovalList ,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTrainOrg,isConfirm} from "../../api/lecturerFeeManagement";
import {expenseBillList,queryById,queryExpnseByBillId ,updateTeacherFee,updateStatusSubmit,approveTeacherFee,getTrainOrg,isConfirm} from "../../api/lecturerFeeManagement";
import { getTeacherSystemList } from "../../api/Lecturer";
// lecturerFeeManagement
// import {getProjSt} from "../../api/indexProjStu";
@@ -248,8 +248,15 @@
setup() {
const router = useRouter()
const state = reactive({
tableDataParams:{
pageNo: 1,
pageSize: 10,
total: 0,
},
userNoOrName: null,
seeDateValue: [],
seeBegin: null,
seeEnd: null,
activeKey: '1',
moreid:1,
byPid:null,
@@ -402,8 +409,8 @@
{
title: '培训发生组织 ',
dataIndex: 'trainOrg',
key: 'trainOrg',
dataIndex: 'trainOrgName',
key: 'trainOrgName',
elipsis: true, align: "center",
width: 120,
},
@@ -413,22 +420,22 @@
key: 'summaryDate',
elipsis: true,
align: "center",
width:300
width:200
},
{
title: '汇总金额 ',
dataIndex: 'totalFee',
key: 'totalFee',
dataIndex: 'summaryTotal',
key: 'summaryTotal',
elipsis: true,
align: "center",
width: 200,
},
{
title: '提交时间(未命名)',
dataIndex: 'trainOrg',
key: 'trainOrg',
dataIndex: 'summaryTime',
key: 'summaryTime',
elipsis: true, align: "center",
width: 120,
width: 200,
},
{
title: '状态 ',
@@ -437,20 +444,22 @@
elipsis: true,
align: "center",
width: 120,
customCell: (record) => {return{style:{color:['#67C23A','#F56C6C'][record.status]}}},
customRender: (value) => {
return (
<div>
{value.record.status == "A10" || value.record.status == "A20" ||value.record.status == "A30" ||value.record.status == "E10"||value.record.status == "S20"
? {
"A10": "待审核",
"A20": "已提交",
"A30": "审核中",
"E10": "审核打回",
"S20": "审核通过",
}[value.record.status + ""] || ""
: "-"}
</div>
)
switch (value.record.status) {
case 0:
return "待确认 "
case 1:
return "待提交"
case 2:
return "审核中"
case 3:
return "审核通过"
case 4:
return "审核拒绝"
default:
return "-"
}
}
},
{
@@ -512,8 +521,6 @@
tableData.value = res.data.data.records
state.tableDataTotal = Number(res.data.data.total);
state.tableLoading=false
console.log("获取讲师tableData", tableData);
tableData.value.push({name:'xixixi',id:'111'})
})
};
getTableDate()
@@ -578,11 +585,10 @@
}
}
const goDdit = (record) => {
console.log(record,'record')
router.push({
path:'/LecturerAppEdit',
query:{
id:'5'
id: record.id
}
})
}
@@ -591,7 +597,7 @@
state.teachingdialog = true;
state.id= record.id
TeacherSystem()
gettableDataExamine( )
gettableDataExamine()
}
const submit = (record) => {
console.log(record,'record')
@@ -635,14 +641,53 @@
console.log("详情", err);
});
}
const tableDataExamine = ref([
])
const gettableDataExamine = () => {
getTeacherFeeApprovalList({id : state.id})
.then((res) => {
tableDataExamine.value = res.data.data.records
const searchTeacherFeeApprovalList = () => {
state.tableDataParams.pageNo = 1
gettableDataExamine()
}
const resetSearch = () => {
state.userNoOrName = null
state.seeDateValue = []
state.seeBegin = null
state.seeEnd = null
searchTeacherFeeApprovalList()
}
const seeDateChange = (e) => {
if(e){
state.seeBegin = e[0]
state.seeEnd = e[1]
}else{
state.seeBegin = null
state.seeEnd = null
}
}
const tableDataExamine = ref([])
const gettableDataExamine = () => {
queryExpnseByBillId({
id : state.id,
pageNo: state.tableDataParams.pageNo,
pageSize: state.tableDataParams.pageSize,
name: state.userNoOrName,
startTime: state.seeBegin,
endTime: state.seeEnd
}).then((res) => {
tableDataExamine.value = res.data.data.records
state.tableDataParams.total = Number(res.data.data.total);
})
};
const pagination = computed(() => ({
total: state.tableDataParams.total,
showSizeChanger: true,
showQuickJumper:true,
current: state.tableDataParams.pageNo,
pageSize: state.tableDataParams.pageSize,
onChange: paginationChange,
}));
const paginationChange = (e,pageSize) => {
state.tableDataParams.pageNo = e;
state.tableDataParams.pageSize = pageSize
gettableDataExamine();
};
const columnsExamineTwo = ref([
{
title: '审批层级 ',
@@ -866,6 +911,7 @@
columnsExamineTwo,
tableData,
tableDataExamine,
seeDateChange,
changePagination,
addTeacher,
cancelTeachingDialog,
@@ -882,6 +928,10 @@
TeacherSystem,
infoteacherList,
getinfoteacher,
pagination,
paginationChange,
searchTeacherFeeApprovalList,
resetSearch,
}
},
};