内部授课记录页面调整

This commit is contained in:
wangxuemei
2024-07-26 09:00:40 +08:00
parent 7c3ac81e66
commit 6208ea2028
6 changed files with 799 additions and 1498 deletions

View File

@@ -64,9 +64,10 @@
</a-select>
</div> -->
</a-form>
<div style="width: 100%;"></div>
<div style="display: flex; margin-bottom: 20px">
<a-button @click="addTeacher()" type="primary" class="resetbtn">
<UploadOutlined /> 新增讲师
<FolderAddOutlined /> 新增讲师
</a-button>
<div style="margin-left: 20px ;">
<a-button @click="handleExport()" class="resetbtn">
@@ -130,7 +131,7 @@
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="讲师名称" name="name">
<a-tree-select v-model:value="formParam.name" tree-data-simple-mode style=" width:276px ;"
<a-tree-select v-model:value="formParam.name" tree-data-simple-mode class="draitem"
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" :tree-data="treeData" placeholder="请输入讲师名称" />
</a-form-item>
</a-col>
@@ -141,7 +142,7 @@
<p>自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有</p>
{{ formParam.userNo }}
</template>
<a-input disabled v-model:value="formParam.userNo" style="width:276px; height: 40px; "
<a-input disabled v-model:value="formParam.userNo" class="draitem"
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
</a-input>
</a-popover>
@@ -152,14 +153,14 @@
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="讲师级别" name="levelId">
<a-select style="width:276px" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
<a-select class="draitem" v-model:value="formParam.levelId" placeholder="请选择讲师级别"
:options="getLevelList">
</a-select>
</a-form-item>
</a-col>
<a-col :span="12">
<a-form-item label="讲师体系" name="systemId">
<a-select style="width: 276px" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
<a-select class="draitem" v-model:value="formParam.systemId" placeholder="请选择讲师体系"
:options="LecturerSystemList">
</a-select>
</a-form-item>
@@ -169,7 +170,7 @@
<a-row :gutter="16">
<a-col :span="12">
<a-form-item label="初始授课时长" name="defaultTeachingTime">
<a-input v-model:value="formParam.defaultTeachingTime" style="width:226px; height: 40px; " placeholder="0"
<a-input v-model:value="formParam.defaultTeachingTime" style="width:80%; height: 40px; " placeholder="0"
allowClear showSearch suffix="分钟">
</a-input>
<span v-if="formParam.defaultTeachingTime" style="margin-left: 5px ;">{{ (formParam.defaultTeachingTime /60 ).toFixed(2)}}小时</span>
@@ -178,7 +179,7 @@
<a-col :span="12">
<a-form-item label="认证状态" name="certStatus">
<a-radio-group v-model:value="formParam.certStatus"
style="width:276px">
class="draitem">
<a-radio :value="0">未认证</a-radio>
<a-radio :value="1">已认证</a-radio>
@@ -191,7 +192,7 @@
<!-- 其他信息 -->
<a-row>
<a-col :span="24">
<span class="line"></span><span>其他信息</span>
<span class="line" ></span><span>其他信息</span>
</a-col>
</a-row>
<!-- 讲师介绍 -->
@@ -233,8 +234,8 @@
zIndex: 1,
} "
>
<a-button style="margin-right: 8px" @click="cancelTeacherDialog" >取消</a-button>
<a-button type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
<a-button class="drabtn" @click="cancelTeacherDialog" >取消</a-button>
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
</a-button>
</div>
</a-drawer>
@@ -295,7 +296,7 @@
</div>
</template>
<script lang="jsx">
import { reactive, toRefs, ref, watch, shallowRef, onUnmounted, defineComponent } from "vue";
import { reactive, toRefs, ref, watch } from "vue";
import {
RightOutlined,
UpOutlined,
@@ -307,7 +308,7 @@ import Editor from "@/components/project/Editor";
// import FJUpload from "@/components/common/FJUpload";
import { message } from "ant-design-vue";
import { useRouter } from "vue-router";
import { getTeacherSystemList, getTeacherList, getPayRollPlace, getLevel, insertTeacher, deleteInTeacher, updateInTeacher, getTeacherById, updateTeacherState, getTeacherCourseList, getTeacherExpertise, getTeacherExpertiseByPid, infoteacher, getTeacherLogList } from "../../api/Lecturer";
import { getTeacherSystemList, getTeacherList, getPayRollPlace, getLevel, insertTeacher, deleteInTeacher, updateInTeacher, getTeacherById, updateTeacherState, getTeacherExpertise, getTeacherExpertiseByPid, infoteacher, } from "../../api/Lecturer";
// import {getProjSt} from "../../api/indexProjStu";
// import AddTeacher from "../../components/drawers/project/AddTeacher"
export default {
@@ -570,20 +571,6 @@ export default {
elipsis: true, align: "center",
align: "center",
width: 120,
// customRender: (value, record) => {
// return (
// <div>
// {value.record.grade == 0 || value.record.grade == 1 || value.record.grade == 2 || value.record.grade == 3
// ? {
// 0: "未定级",
// 1: "1级",
// 2: "2级",
// 3: "3级",
// }[value.record.grade + ""] || ""
// : "-"}
// </div>
// )
// }
},
{
title: '发薪地 ',
@@ -668,18 +655,6 @@ export default {
])
//列表数据
const tableData = ref([
// {
// name: '夏冬',
// userNo: '1152790',
// organizationDTO: '京东方科技集团股份有限公司/显示器创新业务中台/品质中台/整机品保中心QA部',
// lecturerSystem: 'MiniLED事业',
// grade: '1',
// placeOfPay: 'B1',
// teachingDuration: '0.00小时',
// onTheJobStatus: '1',
// authenticationStatus: '1',
// accountStatus: '1',
// },
])
// 搜索
@@ -751,6 +726,7 @@ export default {
}
//修改讲师信息弹窗
const handleModify = (record) => {
state.teacherdialog = true;
state.teacherdialogtitle = '修改信息'
state.id = record.id
TeacherSystem()
@@ -877,10 +853,9 @@ export default {
const TeacherSystem = () => {
getTeacherById(state.id).then((res) => {
if (res.data.code === 200) {
state.formParam = res.data.data
state.formParam = res.data.data[0]
}
console.log("内部讲师详情", res.data.data);
// state.formParam=Object.assign({} ,res.data.data)
console.log("内部讲师详情", state.formParam);
})
.catch((err) => {
console.log("内部讲师详情", err);
@@ -1214,5 +1189,16 @@ export default {
line-height: 40px;
/* 确保文字垂直居中 */
}
.draitem{
width: 100%;
height: 40px !important;
border-radius: 8px;
line-height: 40px;
}
.drabtn{
height:40px;
width:80px;
border-radius:8px;
margin-right:20px
}
</style>