分页调整

This commit is contained in:
wangxuemei
2024-11-20 14:41:41 +08:00
parent 511332c1fb
commit 35533c7b11
5 changed files with 48 additions and 27 deletions

View File

@@ -58,7 +58,7 @@
<div class="tableBox "> <div class="tableBox ">
<div class="pa"> <div class="pa">
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
:hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
class="pagination" @change="changePagination" /> class="pagination" @change="changePagination" />
</div> </div>
</div> </div>

View File

@@ -109,9 +109,17 @@
</div> </div>
<div class="tableBox "> <div class="tableBox ">
<div class="pa"> <div class="pa">
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" <a-pagination
:hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" v-if="tableDataTotal > 10"
class="pagination" @change="changePagination" /> :showSizeChanger="true"
:showQuickJumper="false"
:hideOnSinglePage="false"
:pageSize="searchParam.pageSize"
:current="searchParam.pageNo"
:total="tableDataTotal"
class="pagination"
@change="changePagination"
/>
</div> </div>
</div> </div>
<!-- 弹窗组件 --> <!-- 弹窗组件 -->
@@ -241,7 +249,9 @@
<a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1 <a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
? '已开课' : '' }}</a-descriptions-item> ? '已开课' : '' }}</a-descriptions-item>
<a-descriptions-item label="内容分类 ">{{ formParam.courseTypeName }}</a-descriptions-item> <a-descriptions-item label="内容分类 ">{{ formParam.courseTypeName }}</a-descriptions-item>
<a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate }}</a-descriptions-item> <a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate }}
</a-descriptions-item>
<a-descriptions-item label="授课时长 "> <span > {{ formParam.teaching }} 分钟</span> <a-descriptions-item label="授课时长 "> <span > {{ formParam.teaching }} 分钟</span>
<span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60 <span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
).toFixed(2) }}小时)</span> ).toFixed(2) }}小时)</span>
@@ -367,7 +377,6 @@ export default {
}, },
searchdate: undefined, //选择时间 searchdate: undefined, //选择时间
searchParam: { searchParam: {
name: null,
recordType: 2, recordType: 2,
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
@@ -495,7 +504,14 @@ export default {
dataIndex: 'teachingDate', dataIndex: 'teachingDate',
key: 'teachingDate', key: 'teachingDate',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 200,
customRender: (value) => {
return (
<div>
{dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
</div>
);
},
}, },
// { // {
// title: '开课场地 ', // title: '开课场地 ',
@@ -778,12 +794,7 @@ export default {
state.teachingdialog = true state.teachingdialog = true
state.lookTeacherId = record.id state.lookTeacherId = record.id
TeacherSystem() TeacherSystem()
state.formParam.teachingDate= state.teachingDate }
// let id = record.userNo
// router.push({ path: '/lecturer/ExternalTeachingDetail/', query: { id } })
// router.push({ path: '/ExternalTeachingDetail' })
}
//取消查看 //取消查看
const cancelTeachingDialog = () => { const cancelTeachingDialog = () => {
state.teachingdialog = false state.teachingdialog = false
@@ -792,9 +803,10 @@ export default {
const TeacherSystem = () => { const TeacherSystem = () => {
getTeacherCourseList({ id: state.lookTeacherId }).then((res) => { getTeacherCourseList({ id: state.lookTeacherId }).then((res) => {
state.formParam = res.data.data state.formParam = res.data.data
state.teachingDate = dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'), state.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'):'',
state.formParam.name=state.formParam.teacherName state.formParam.name=state.formParam.teacherName
console.log(state.formParam); state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
console.log(state.formParam.teachingDate)
}) })
.catch((err) => { .catch((err) => {
}); });
@@ -803,8 +815,8 @@ export default {
console.log(e, l,); console.log(e, l,);
state.formParam.mobile=l.mobile state.formParam.mobile=l.mobile
state.formParam.teacherId=l.id state.formParam.teacherId=l.id
state.searchParam.userNo = d; // state.searchParam.userNo = d;
state.searchParam.name = t; // state.searchParam.name = t;
// state.searchParam.trainorgName=orgName // state.searchParam.trainorgName=orgName
} }
const clearNonNumber = () => { const clearNonNumber = () => {

View File

@@ -153,7 +153,7 @@
<div class="tableBox "> <div class="tableBox ">
<div class="pa"> <div class="pa">
<a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false" <a-pagination v-if="tableDataTotal > 10" :showSizeChanger="true" :showQuickJumper="false"
:hideOnSinglePage="true" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal" :hideOnSinglePage="false" :pageSize="searchParam.pageSize" :current="searchParam.pageNo" :total="tableDataTotal"
class="pagination" @change="changePagination" /> class="pagination" @change="changePagination" />
</div> </div>
</div> </div>
@@ -598,11 +598,11 @@ export default {
]) ])
const scoreList = ref([ const scoreList = ref([
{ value: '', label: "全部" }, { value: '', label: "全部" },
{ value: '90-100', label: "90~100" }, { value: '9-10', label: "9~10" },
{ value: '80-90', label: "80~90" }, { value: '8-9', label: "8~9" },
{ value: '70-80', label: "70~80" }, { value: '7-8', label: "7~8" },
{ value: '60-70', label: "60~70" }, { value: '6-7', label: "6~7" },
{ value: '10-50', label: "10~50" }, { value: '1-5', label: "1~5" },
]) ])
const studysList = ref([ const studysList = ref([
{ value: '0-30', label: "0~30" }, { value: '0-30', label: "0~30" },
@@ -725,7 +725,14 @@ export default {
dataIndex: 'teachingDate', dataIndex: 'teachingDate',
key: 'teachingDate', key: 'teachingDate',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 200,
customRender: (value) => {
return (
<div>
{dayjs(value.record?.teachingDate).format("YYYY-MM-DD HH:mm")}
</div>
);
},
}, },
{ {
title: '开课状态 ', title: '开课状态 ',
@@ -1118,6 +1125,7 @@ export default {
state.formParam.orgLists = res.data.data.expertiseNames?.split(',').map(item=>({ name: item })) state.formParam.orgLists = res.data.data.expertiseNames?.split(',').map(item=>({ name: item }))
state.teachingDate=dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm' ), state.teachingDate=dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm' ),
state.formParam.orgNames = state.formParam.orgName state.formParam.orgNames = state.formParam.orgName
state.formParam.teachingDate = state.teachingDate ? dayjs(state.teachingDate).format("YYYY-MM-DD HH:mm").toString() : ""
console.log( state.formParam); console.log( state.formParam);
}) })
.catch((err) => { .catch((err) => {

View File

@@ -126,6 +126,7 @@ export default{
console.log("内部讲师详情", res.data); console.log("内部讲师详情", res.data);
state.formParam = res.data.data state.formParam = res.data.data
state.formParam.photo = state.formParam.photo ===null ?avatar : state.formParam.photo state.formParam.photo = state.formParam.photo ===null ?avatar : state.formParam.photo
state.formParam.teachingDate = res.data.data.teachingDate ? dayjs(res.data.data.teachingDate, 'YYYY-MM-DD HH:mm'):'',
getteacherrecordstableData() getteacherrecordstableData()
}) })
.catch((err) => { .catch((err) => {
@@ -168,7 +169,7 @@ export default{
dataIndex: 'teachingDate', dataIndex: 'teachingDate',
key: 'teachingDate', key: 'teachingDate',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 200,
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>

View File

@@ -97,7 +97,7 @@
v-if="tableDataTotal > 10" v-if="tableDataTotal > 10"
:showSizeChanger="true" :showSizeChanger="true"
:showQuickJumper="false" :showQuickJumper="false"
:hideOnSinglePage="true" :hideOnSinglePage="false"
:pageSize="searchParam.pageSize" :pageSize="searchParam.pageSize"
:current="searchParam.pageNo" :current="searchParam.pageNo"
:total="tableDataTotal" :total="tableDataTotal"
@@ -233,7 +233,7 @@ export default{
dataIndex: 'teachingDate', dataIndex: 'teachingDate',
key: 'teachingDate', key: 'teachingDate',
ellipsis: true, align: "center", ellipsis: true, align: "center",
width: 120, width: 200,
customRender: (value) => { customRender: (value) => {
return ( return (
<div> <div>