mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git
synced 2025-12-14 05:16:45 +08:00
讲师管理bug
This commit is contained in:
zhangsir
@@ -2,7 +2,7 @@
|
||||
<a-drawer
|
||||
:visible="visible"
|
||||
:closable="false"
|
||||
class="RouterFaceStus"
|
||||
class="largeDrawerStyle"
|
||||
placement="right"
|
||||
width="70%"
|
||||
>
|
||||
@@ -301,14 +301,14 @@ const queryDrawer = () => {
|
||||
<style lang="scss" scoped>
|
||||
|
||||
|
||||
.RouterFaceStus {
|
||||
.largeDrawerStyle {
|
||||
.drawerMains {
|
||||
min-width: 600px;
|
||||
// margin: 0px 32px 0px 32px;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
padding:24px;
|
||||
.headers {
|
||||
height: 73px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<a-drawer
|
||||
:visible="visible"
|
||||
:closable="false"
|
||||
class="RouterFaceStus"
|
||||
class="largeDrawerStyle"
|
||||
placement="right"
|
||||
width="64%"
|
||||
:zIndex="1001"
|
||||
@@ -533,14 +533,14 @@ const config = () => {
|
||||
}
|
||||
}
|
||||
|
||||
.RouterFaceStus {
|
||||
.largeDrawerStyle {
|
||||
.drawerMains {
|
||||
min-width: 600px;
|
||||
// margin: 0px 32px 0px 32px;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
padding:24px;
|
||||
.headers {
|
||||
height: 73px;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
|
||||
<template>
|
||||
<a-drawer :visible="visible" placement="right" :closable="false" :maskClosable="false"
|
||||
<a-drawer :visible="visible" class="largeDrawerStyle" placement="right" :closable="false" :maskClosable="false"
|
||||
width="80%" :title="false">
|
||||
<!-- 外部讲师查看详情 -->
|
||||
<div class="LookExternalLecturer">
|
||||
@@ -332,6 +332,7 @@ export default{
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding:24px;
|
||||
.header {
|
||||
padding: 0px 32px;
|
||||
height: 73px;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<a-drawer :visible="visible" placement="right" :closable="false" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" :visible="visible" placement="right" :closable="false" :maskClosable="false"
|
||||
width="80%" :title="false">
|
||||
<!-- 内部讲师查看详情 -->
|
||||
<div class="LookInsideLecturer">
|
||||
@@ -462,6 +462,7 @@ const handleup = ()=>{
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.LookInsideLecturer {
|
||||
padding:24px;
|
||||
.header {
|
||||
padding: 0px 32px;
|
||||
height: 73px;
|
||||
|
||||
@@ -63,156 +63,158 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
|
||||
width="700px" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;width: 110%;margin-left: -24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form style="padding-left:12px;padding-right: 46px;" :model="formParam" layout="vertical" ref="formRef" >
|
||||
<!-- 基本信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span style="font-weight: 600;">基本信息</span>
|
||||
</a-col>
|
||||
<!-- 头像 -->
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<div class="item_inp" style="background-color: #fff;">
|
||||
<a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
|
||||
:headers="headers" :before-upload="beforeUpload">
|
||||
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<!-- <div class="i_upload" v-else>
|
||||
<div class="addimg">
|
||||
<div class="heng"></div>
|
||||
<div class="shu"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</a-upload>
|
||||
<div class="i_bottom">
|
||||
<div class="tip" style="margin-bottom: 10px;">
|
||||
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
|
||||
<div style="padding:24px">
|
||||
<div class="headers" style="margin-top:-24px;width: 110%;margin-left: -24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form style="padding-left:12px;padding-right: 46px;" :model="formParam" layout="vertical" ref="formRef" >
|
||||
<!-- 基本信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span style="font-weight: 600;">基本信息</span>
|
||||
</a-col>
|
||||
<!-- 头像 -->
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<div class="item_inp" style="background-color: #fff;">
|
||||
<a-upload name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
|
||||
:headers="headers" :before-upload="beforeUpload">
|
||||
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<!-- <div class="i_upload" v-else>
|
||||
<div class="addimg">
|
||||
<div class="heng"></div>
|
||||
<div class="shu"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</a-upload>
|
||||
<div class="i_bottom">
|
||||
<div class="tip" style="margin-bottom: 10px;">
|
||||
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师名称 ,手机号码-->
|
||||
<a-row :gutter="16">
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师名称 ,手机号码-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item name="name">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师姓名
|
||||
</template>
|
||||
<a-input v-model:value="formParam.name" class="draitem" :maxlength="20" showCount
|
||||
@blur="sendName"
|
||||
placeholder="请输入讲师姓名" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item name="supplier">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
供应商
|
||||
</template>
|
||||
<a-input v-model:value="formParam.supplier" class="draitem" :maxlength="30" showCount
|
||||
placeholder="请输入供应商" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 供应商 ,邮箱-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="手机号码" name="mobile" prop="mobile">
|
||||
<a-input v-model:value.trim="formParam.mobile" class="draitem"
|
||||
placeholder="请输入手机号码" allowClear showSearch :maxLength="11" @blur="sendPhone">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师邮箱" name="email" prop="email">
|
||||
<a-input v-model:value="formParam.email" type="email" class="draitem"
|
||||
placeholder="请输入讲师邮箱" allowClear showSearch @blur="sendEmail">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item name="name">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师姓名
|
||||
</template>
|
||||
<a-input v-model:value="formParam.name" class="draitem" :maxlength="20" showCount
|
||||
@blur="sendName"
|
||||
placeholder="请输入讲师姓名" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item name="supplier">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
供应商
|
||||
</template>
|
||||
<a-input v-model:value="formParam.supplier" class="draitem" :maxlength="30" showCount
|
||||
placeholder="请输入供应商" allowClear showSearch>
|
||||
<a-form-item label="初始授课时长" name="teaching">
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px ; "
|
||||
placeholder="0" allowClear showSearch suffix="分钟" @blur="clearNonNumber" @focus="focusTeaching">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching !== null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching === null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 其他信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24" style="margin-bottom: 24px;margin-top: 12px;">
|
||||
<span class="line"></span><span style="font-weight: 600;">其他信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 供应商 ,邮箱-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="手机号码" name="mobile" prop="mobile">
|
||||
<a-input v-model:value.trim="formParam.mobile" class="draitem"
|
||||
placeholder="请输入手机号码" allowClear showSearch :maxLength="11" @blur="sendPhone">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师邮箱" name="email" prop="email">
|
||||
<a-input v-model:value="formParam.email" type="email" class="draitem"
|
||||
placeholder="请输入讲师邮箱" allowClear showSearch @blur="sendEmail">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="初始授课时长" name="teaching">
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px ; "
|
||||
placeholder="0" allowClear showSearch suffix="分钟" @blur="clearNonNumber">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching !== null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching === null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 其他信息 -->
|
||||
<a-row>
|
||||
<a-col :span="24" style="margin-bottom: 24px;margin-top: 12px;">
|
||||
<span class="line"></span><span style="font-weight: 600;">其他信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师介绍 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师介绍">
|
||||
<Editor v-model:value="formParam.description "/>
|
||||
<!-- <a-textarea placeholder="富文本"/> -->
|
||||
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注" style="margin-bottom: 80px;">
|
||||
<a-textarea
|
||||
v-model:value="formParam.remark"
|
||||
showCount
|
||||
:maxlength="200"
|
||||
@blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px"
|
||||
placeholder="请输入"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 交互按钮 -->
|
||||
<div
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
} "
|
||||
>
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog" >取消</a-button>
|
||||
<a-button style="margin-right: 20px;" class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</a-row>
|
||||
<!-- 讲师介绍 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师介绍">
|
||||
<Editor v-model:value="formParam.description "/>
|
||||
<!-- <a-textarea placeholder="富文本"/> -->
|
||||
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注" style="margin-bottom: 80px;">
|
||||
<a-textarea
|
||||
v-model:value="formParam.remark"
|
||||
showCount
|
||||
:maxlength="200"
|
||||
@blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px"
|
||||
placeholder="请输入"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 交互按钮 -->
|
||||
<div
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
} "
|
||||
>
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog" >取消</a-button>
|
||||
<a-button style="margin-right: 20px;" class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
|
||||
<!-- 删除功能弹窗 -->
|
||||
@@ -346,7 +348,7 @@ export default {
|
||||
teacherType:'2',
|
||||
photo:null,
|
||||
status:1,
|
||||
teaching:'',
|
||||
teaching:0,
|
||||
},
|
||||
vf:true,
|
||||
searchParam: {
|
||||
@@ -667,7 +669,7 @@ export default {
|
||||
status:1,
|
||||
teacherType:2,
|
||||
photo:null,
|
||||
teaching:null,
|
||||
teaching:0,
|
||||
name: null,
|
||||
mobile: null,
|
||||
email: null,
|
||||
@@ -682,20 +684,20 @@ export default {
|
||||
const rules = {
|
||||
name: [{ required: true, message: '',log: '讲师不能为空' }],
|
||||
supplier:[{ required: true, message: '',log:'供应商不能为空' }],
|
||||
email:[
|
||||
{
|
||||
type: "email",
|
||||
message: '',log: '请输入正确的邮箱地址',
|
||||
trigger: "blur"
|
||||
}
|
||||
],
|
||||
mobile: [
|
||||
{
|
||||
pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
message: '',log: "请输入正确的手机号码",
|
||||
trigger: "blur"
|
||||
}
|
||||
]
|
||||
// email:[
|
||||
// {
|
||||
// type: "email",
|
||||
// message: '',log: '请输入正确的邮箱地址',
|
||||
// trigger: "blur"
|
||||
// }
|
||||
// ],
|
||||
// mobile: [
|
||||
// {
|
||||
// pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
|
||||
// message: '',log: "请输入正确的手机号码",
|
||||
// trigger: "blur"
|
||||
// }
|
||||
// ]
|
||||
}
|
||||
const rule =()=>{
|
||||
if (state.formParam.name==null){
|
||||
@@ -755,6 +757,9 @@ export default {
|
||||
}
|
||||
const sendEmail=()=>{
|
||||
const reg = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.\w{2,}$/;
|
||||
if(!state.formParam.email){
|
||||
return
|
||||
}
|
||||
if (!reg.test(state.formParam.email)) {
|
||||
message.warning( '邮箱格式不正确')
|
||||
state.formParam.email=''
|
||||
@@ -762,11 +767,15 @@ export default {
|
||||
}
|
||||
}
|
||||
const clearNonNumber = () => {
|
||||
state.formParam.teaching = state.formParam.teaching.replace(/\D/g, '');
|
||||
state.formParam.teaching = state.formParam.teaching.slice(0,8)
|
||||
state.formParam.teaching = state.formParam.teaching?.replace(/\D/g, '');
|
||||
state.formParam.teaching = state.formParam.teaching?.slice(0,8)
|
||||
!state.formParam.teaching && (state.formParam.teaching = 0)
|
||||
}
|
||||
const focusTeaching = () => {
|
||||
state.formParam.teaching == 0 && (state.formParam.teaching = null)
|
||||
}
|
||||
const sendRemark=()=>{
|
||||
state.formParam.remark = state.formParam.remark.replace(/\s/g, '');
|
||||
state.formParam.remark = state.formParam.remark?.replace(/\s/g, '');
|
||||
}
|
||||
const repl = (val) => {
|
||||
if(val){
|
||||
@@ -804,6 +813,7 @@ export default {
|
||||
...toRefs(state),
|
||||
lecturerAdmin,
|
||||
clearNonNumber,
|
||||
focusTeaching,
|
||||
enterPressHadlerSearch,
|
||||
validateField,
|
||||
rules,
|
||||
|
||||
@@ -131,230 +131,234 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" :maskClosable="false" :closable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" placement="right" :maskClosable="false" :closable="false"
|
||||
width="60%" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<!--讲师名称 teacherName 内容分类 coursetypeid -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
|
||||
<a-form-item name="teacherName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师名称
|
||||
</template>
|
||||
<ProjectManagerOutTeacher v-model:value="formParam.name"
|
||||
v-model:name="formParam.teacherName"
|
||||
placeholder="请输入工号/讲师姓名进行检索"
|
||||
@onChange="managerChange"></ProjectManagerOutTeacher>
|
||||
|
||||
<!-- <a-input v-model:value="formParam.teacherName" allowClear showSearch class="draitem"
|
||||
placeholder="请输入讲师姓名"></a-input> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseTypeId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
内容分类
|
||||
</template>
|
||||
<a-tree-select :fieldNames="{
|
||||
children: 'children',
|
||||
label: 'name',
|
||||
value: 'code',
|
||||
}" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
|
||||
v-model:value="formParam.courseTypeId" show-search
|
||||
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
|
||||
:tree-data="sysTypeOptions"
|
||||
@change="treetype">
|
||||
</a-tree-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 课程名称：name 开课状态 courseStatus-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
课程名称
|
||||
</template>
|
||||
<a-input class="draitem" v-model:value="formParam.courseName" :maxlength="20" showCount placeholder="请输入课程名称" @blur="sendName" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="开课状态">
|
||||
<a-radio-group v-model:value="formParam.courseStatus" class="draitem">
|
||||
<a-radio :value="0">未开课</a-radio>
|
||||
<a-radio :value="1">已开课</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 授课日期 teachingDate 授课时长defaultTeachingTime-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teachingDate">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课/课程日期 :
|
||||
</template>
|
||||
<a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm" :show-time="{ format: 'HH:mm' }"
|
||||
placeholder="请选择课程日期" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teaching">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px; "
|
||||
placeholder="请输入授课时长" allowClear showSearch suffix="分钟"
|
||||
:maxLength="8" @change="clearNonNumber">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 参训人数 studys评分 score-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="studys">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
参训人数
|
||||
</template>
|
||||
<a-input v-model:value="formParam.studys" class="draitem" placeholder="请输入参训人数" allowClear showSearch :maxLength="8"
|
||||
@blur="clearstudysNumber">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="score">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
评分
|
||||
</template>
|
||||
<!-- <a-input class="draitem" v-model:value="formParam.score" @blur="clearscoreNumber" placeholder="" allowClear showSearch>
|
||||
</a-input> -->
|
||||
<a-input-number @blur="blurScore" @focus="focusScore" v-model:value="formParam.score" :precision="0" :min="1" :max="100"
|
||||
style="width:100%; height: 40px; border-radius: 8px ; " placeholder="请输入评分" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注">
|
||||
<a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
@blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<!--讲师名称 teacherName 内容分类 coursetypeid -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
|
||||
<a-form-item name="teacherName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师名称
|
||||
</template>
|
||||
<ProjectManagerOutTeacher v-model:value="formParam.name"
|
||||
v-model:name="formParam.teacherName"
|
||||
placeholder="请输入工号/讲师姓名进行检索"
|
||||
@onChange="managerChange"></ProjectManagerOutTeacher>
|
||||
|
||||
<!-- <a-input v-model:value="formParam.teacherName" allowClear showSearch class="draitem"
|
||||
placeholder="请输入讲师姓名"></a-input> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseTypeId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
内容分类
|
||||
</template>
|
||||
<a-tree-select :fieldNames="{
|
||||
children: 'children',
|
||||
label: 'name',
|
||||
value: 'code',
|
||||
}" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
|
||||
v-model:value="formParam.courseTypeId" show-search
|
||||
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
|
||||
:tree-data="sysTypeOptions"
|
||||
@change="treetype">
|
||||
</a-tree-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 课程名称：name 开课状态 courseStatus-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
课程名称
|
||||
</template>
|
||||
<a-input class="draitem" v-model:value="formParam.courseName" :maxlength="20" showCount placeholder="请输入课程名称" @blur="sendName" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="开课状态">
|
||||
<a-radio-group v-model:value="formParam.courseStatus" class="draitem">
|
||||
<a-radio :value="0">未开课</a-radio>
|
||||
<a-radio :value="1">已开课</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 授课日期 teachingDate 授课时长defaultTeachingTime-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teachingDate">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课/课程日期 :
|
||||
</template>
|
||||
<a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm" :show-time="{ format: 'HH:mm' }"
|
||||
placeholder="请选择课程日期" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teaching">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px; "
|
||||
placeholder="请输入授课时长" allowClear showSearch suffix="分钟"
|
||||
:maxLength="8" @change="clearNonNumber">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 参训人数 studys评分 score-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="studys">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
参训人数
|
||||
</template>
|
||||
<a-input v-model:value="formParam.studys" class="draitem" placeholder="请输入参训人数" allowClear showSearch :maxLength="8"
|
||||
@blur="clearstudysNumber">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="score">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
评分
|
||||
</template>
|
||||
<!-- <a-input class="draitem" v-model:value="formParam.score" @blur="clearscoreNumber" placeholder="" allowClear showSearch>
|
||||
</a-input> -->
|
||||
<a-input-number @blur="blurScore" @focus="focusScore" v-model:value="formParam.score" :precision="0" :min="1" :max="100"
|
||||
style="width:100%; height: 40px; border-radius: 8px ; " placeholder="请输入评分" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注">
|
||||
<a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
@blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!-- 查看授课记录 -->
|
||||
<a-drawer v-model:visible="teachingdialog" placement="right" :maskClosable="false" :closable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teachingdialog" placement="right" :maskClosable="false" :closable="false"
|
||||
width="60%" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">查看讲师授课记录</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeachingDialog"
|
||||
/>
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">查看讲师授课记录</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeachingDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="{'width':'160px'}">
|
||||
<a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="手机号码">{{ formParam.mobile ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程名称">{{ formParam.courseName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
|
||||
? '已开课' : '-' }}</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="授课时长 "> <span > {{ formParam.teaching }} 分钟</span>
|
||||
<span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时)</span>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="评分 ">{{ formParam.score ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="参训人数 ">{{ formParam.studys ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="备注 " :span="2">{{ formParam.remark ||'-' }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<!-- <div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
|
||||
</a-button>
|
||||
</div> -->
|
||||
</div>
|
||||
<a-descriptions bordered :column="2" :contentStyle="rowCenter" :labelStyle="{'width':'160px'}">
|
||||
<a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="手机号码">{{ formParam.mobile ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程名称">{{ formParam.courseName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
|
||||
? '已开课' : '-' }}</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="授课时长 "> <span > {{ formParam.teaching }} 分钟</span>
|
||||
<span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时)</span>
|
||||
</a-descriptions-item>
|
||||
<a-descriptions-item label="评分 ">{{ formParam.score ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="参训人数 ">{{ formParam.studys ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="备注 " :span="2">{{ formParam.remark ||'-' }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<!-- <div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
|
||||
</a-button>
|
||||
</div> -->
|
||||
</a-drawer>
|
||||
<!-- 删除功能弹窗 -->
|
||||
<div>
|
||||
|
||||
@@ -113,248 +113,250 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false"
|
||||
width="700" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;margin-left: -25px;width: 110%;">
|
||||
<div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;">
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span style="color:#333333;font-weight: 600;font-size:16px;">基本信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<div class="item_inp" style="background-color: #fff;">
|
||||
<div style="width:120px;margin:0 auto;" @click="avatarChange">
|
||||
<a-upload :disabled="!formParam.name" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
|
||||
:headers="headers" :before-upload="beforeUpload">
|
||||
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else-if="formParam.gender==1" src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else-if="formParam.gender==2" src="../../assets/Avatarwoman.png" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<!-- <div class="i_upload" v-else>
|
||||
<div class="addimg">
|
||||
<div class="heng"></div>
|
||||
<div class="shu"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</a-upload>
|
||||
</div>
|
||||
<div class="i_bottom">
|
||||
<div class="tip" style="margin-bottom: 10px;">
|
||||
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
|
||||
<div style="padding:24px">
|
||||
<div class="headers" style="margin-top:-24px;margin-left: -25px;width: 110%;">
|
||||
<div class="headerTitle" style="margin-left: 14px;">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer;margin-right: 24px;"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<div ref="drawerContent" style="padding-left: 15px;padding-right: 46px;">
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line"></span><span style="color:#333333;font-weight: 600;font-size:16px;">基本信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<div class="item_inp" style="background-color: #fff;">
|
||||
<div style="width:120px;margin:0 auto;" @click="avatarChange">
|
||||
<a-upload :disabled="!formParam.name" name="avatar" list-type="picture-card" class="avatar-uploader" :show-upload-list="false"
|
||||
:headers="headers" :before-upload="beforeUpload">
|
||||
<img class="i_upload_img" v-if="formParam.photo" :src="formParam.photo" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else-if="formParam.gender==1" src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else-if="formParam.gender==2" src="../../assets/Avatarwoman.png" alt="avatar" title="更换头像" />
|
||||
<img class="i_upload_img" v-else src="../../assets/Avatarman.png" alt="avatar" title="更换头像" />
|
||||
<!-- <div class="i_upload" v-else>
|
||||
<div class="addimg">
|
||||
<div class="heng"></div>
|
||||
<div class="shu"></div>
|
||||
</div>
|
||||
</div> -->
|
||||
</a-upload>
|
||||
</div>
|
||||
<div class="i_bottom">
|
||||
<div class="tip" style="margin-bottom: 10px;">
|
||||
<span style="color: #999999; margin-left: 8px">支持图片格式为jpg/jpeg/png </span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item name="name">
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item name="name">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师姓名
|
||||
</template>
|
||||
<SearchTeacher @tlevel="teacherTlevel" :lecturer="true" :disabled="!!id" v-model:value="formParam.name" v-model:lable="formParam.orgNames" v-model:orgId="formParam.orgId" v-model:id="formParam.id"
|
||||
v-model:system="tSystemNames" v-model:level="formParam.tlevelId"></SearchTeacher>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师组织" name="orgName">
|
||||
<!-- <a-popover>
|
||||
<template #content>
|
||||
{{ formParam.orgNames }}
|
||||
</template> -->
|
||||
<a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
|
||||
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
|
||||
</a-input>
|
||||
<!-- </a-popover> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-col :span="24">
|
||||
<a-form-item name="tsystemName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师姓名
|
||||
讲师体系
|
||||
</template>
|
||||
<SearchTeacher @tlevel="teacherTlevel" :lecturer="true" :disabled="!!id" v-model:value="formParam.name" v-model:lable="formParam.orgNames" v-model:orgId="formParam.orgId" v-model:id="formParam.id"
|
||||
v-model:system="tSystemNames" v-model:level="formParam.tlevelId"></SearchTeacher>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师组织" name="orgName">
|
||||
<!-- <a-popover>
|
||||
<template #content>
|
||||
{{ formParam.orgNames }}
|
||||
</template> -->
|
||||
<a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
|
||||
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
|
||||
<!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
|
||||
@change="changetlevel" .:options="LecturerSystemList">
|
||||
</a-select> -->
|
||||
<a-input disabled v-model:value="tSystemNames.systemName" class="draitem"
|
||||
placeholder="自动带出讲师的体系" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<!-- <div @click="handleformlevel"> -->
|
||||
<a-form-item name="tlevelId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师级别
|
||||
</template>
|
||||
<a-select class="draitem" v-model:value="formParam.tlevelId" placeholder="请选择讲师级别" allowClear disableda
|
||||
:options="tSystemNames.levelVoList" @change="handleformlevel">
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<!-- </div> -->
|
||||
</a-col>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item name="defaultTeachingTime">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
初始授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.defaultTeachingTime" style="width:100%; height: 40px; border-radius: 8px; "
|
||||
:maxLength="8"
|
||||
@change="clearNonNumber" @blur="blurNumber" @focus="focusNumber" placeholder="请输入初始授课时长" allowClear suffix="分钟">
|
||||
</a-input>
|
||||
<!-- </a-popover> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-col :span="24">
|
||||
<a-form-item name="tsystemName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师体系
|
||||
</template>
|
||||
<!-- <a-select class="draitem" v-model:value="formParam.tsystemName" placeholder="请选择讲师体系" allowClear
|
||||
@change="changetlevel" .:options="LecturerSystemList">
|
||||
</a-select> -->
|
||||
<a-input disabled v-model:value="tSystemNames.systemName" class="draitem"
|
||||
placeholder="自动带出讲师的体系" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<!-- <div @click="handleformlevel"> -->
|
||||
<a-form-item name="tlevelId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师级别
|
||||
</template>
|
||||
<a-select class="draitem" v-model:value="formParam.tlevelId" placeholder="请选择讲师级别" allowClear disableda
|
||||
:options="tSystemNames.levelVoList" @change="handleformlevel">
|
||||
</a-select>
|
||||
</a-form-item>
|
||||
<!-- </div> -->
|
||||
</a-col>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item name="defaultTeachingTime">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
初始授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.defaultTeachingTime" style="width:100%; height: 40px; border-radius: 8px; "
|
||||
:maxLength="8"
|
||||
@change="clearNonNumber" @blur="blurNumber" @focus="focusNumber" placeholder="请输入初始授课时长" allowClear suffix="分钟">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime === null">0.00小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime != null">{{
|
||||
(formParam.defaultTeachingTime / 60).toFixed(2) }}小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="认证状态" name="certStatus" style="display:flex;">
|
||||
<a-radio-group v-model:value="formParam.certStatus" class="draitem">
|
||||
<a-radio :value="0">未认证</a-radio>
|
||||
<a-radio :value="1">已认证</a-radio>
|
||||
<span>
|
||||
<a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
|
||||
@click="handleupdialog">{{formParam.certificationName?formParam.certificationName:'上传凭证'}}</a-button>
|
||||
</span>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line" style="margin-bottom:24px;"></span><span style="color:#333333;font-weight: 600;font-size:16px;">其他信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师介绍">
|
||||
<Editor v-model:value="formParam.description" :isupload="isupload" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="工作经历">
|
||||
<Editor v-model:value="formParam.workExperience" :isupload="isupload" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="擅长课程">
|
||||
<Editor v-model:value="formParam.courses" :isupload="isupload"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div style="margin-bottom: 6px;">教师专长</div>
|
||||
<a-row :gutter="50" style="margin-bottom: 50px;">
|
||||
<!-- <a-col :span="4">
|
||||
<a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag>
|
||||
</a-col> -->
|
||||
<a-col :span="20">
|
||||
<!-- <div class="add_content" @click="addContentData">
|
||||
<div class="text">+</div>
|
||||
</div> -->
|
||||
<div class="add_list">
|
||||
<div :title="item.name" class="add_item" v-for="(item,index) in formParam.orgLists">
|
||||
{{item.name}}
|
||||
</div>
|
||||
<div class="add_content" @click="addContentData">
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime === null">0.00小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.defaultTeachingTime != null">{{
|
||||
(formParam.defaultTeachingTime / 60).toFixed(2) }}小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="24">
|
||||
<a-form-item label="认证状态" name="certStatus" style="display:flex;">
|
||||
<a-radio-group v-model:value="formParam.certStatus" class="draitem">
|
||||
<a-radio :value="0">未认证</a-radio>
|
||||
<a-radio :value="1">已认证</a-radio>
|
||||
<span>
|
||||
<a-button type="text" class="moreidbtn" v-if="formParam.certStatus == 1"
|
||||
@click="handleupdialog">{{formParam.certificationName?formParam.certificationName:'上传凭证'}}</a-button>
|
||||
</span>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="24">
|
||||
<span class="line" style="margin-bottom:24px;"></span><span style="color:#333333;font-weight: 600;font-size:16px;">其他信息</span>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="讲师介绍">
|
||||
<Editor v-model:value="formParam.description" :isupload="isupload" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="工作经历">
|
||||
<Editor v-model:value="formParam.workExperience" :isupload="isupload" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="擅长课程">
|
||||
<Editor v-model:value="formParam.courses" :isupload="isupload"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<div style="margin-bottom: 6px;">教师专长</div>
|
||||
<a-row :gutter="50" style="margin-bottom: 50px;">
|
||||
<!-- <a-col :span="4">
|
||||
<a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag>
|
||||
</a-col> -->
|
||||
<a-col :span="20">
|
||||
<!-- <div class="add_content" @click="addContentData">
|
||||
<div class="text">+</div>
|
||||
</div> -->
|
||||
<div class="add_list">
|
||||
<div :title="item.name" class="add_item" v-for="(item,index) in formParam.orgLists">
|
||||
{{item.name}}
|
||||
</div>
|
||||
<div class="add_content" @click="addContentData">
|
||||
<div class="text">+</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div>
|
||||
<a-modal
|
||||
v-model:visible="updialog"
|
||||
:footer="null"
|
||||
closable="false"
|
||||
style="margin-top: 400px"
|
||||
@cancel="cancelupdialog"
|
||||
:maskClosable="false"
|
||||
:destroyOnClose="true"
|
||||
>
|
||||
<div class="selectonlineface" style="width: 660px;" :style="{ display: updialog ? 'block' : 'none' }">
|
||||
<div class="bg_headers"></div>
|
||||
<div class="bg_main">
|
||||
<div class="bg_main_header">
|
||||
<div class="bg_main_header_close" @click="cancelupdialog"></div>
|
||||
</div>
|
||||
<div class="bg_body">
|
||||
<div>导入</div>
|
||||
<a-form style="margin-top:30px ;">
|
||||
<a-form-item style="color: #999999;">注意 :文件支持PDF、PNG、JPG ,文件大小不可超过5MB</a-form-item>
|
||||
<a-form-item label="上传文件">
|
||||
<UploadDragger :size="5000000" ref="uploadRef" style="width:86%;height:148px;" @change="changeUpload" :accept="accept"
|
||||
@removeList="removeList" :uploadUrl="uploadUrl" :params="folderId" :loadTrue="formParam.certificationName" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<div class="bg_footer" style="margin-left: 160px;margin-top: 30px">
|
||||
<div class="btn btn6" @click="cancelupdialog">
|
||||
<div class="btnText">取消</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div>
|
||||
<a-modal
|
||||
v-model:visible="updialog"
|
||||
:footer="null"
|
||||
closable="false"
|
||||
style="margin-top: 400px"
|
||||
@cancel="cancelupdialog"
|
||||
:maskClosable="false"
|
||||
:destroyOnClose="true"
|
||||
>
|
||||
<div class="selectonlineface" style="width: 660px;" :style="{ display: updialog ? 'block' : 'none' }">
|
||||
<div class="bg_headers"></div>
|
||||
<div class="bg_main">
|
||||
<div class="bg_main_header">
|
||||
<div class="bg_main_header_close" @click="cancelupdialog"></div>
|
||||
</div>
|
||||
<div class="bg_body">
|
||||
<div>导入</div>
|
||||
<a-form style="margin-top:30px ;">
|
||||
<a-form-item style="color: #999999;">注意 :文件支持PDF、PNG、JPG ,文件大小不可超过5MB</a-form-item>
|
||||
<a-form-item label="上传文件">
|
||||
<UploadDragger :size="5000000" ref="uploadRef" style="width:86%;height:148px;" @change="changeUpload" :accept="accept"
|
||||
@removeList="removeList" :uploadUrl="uploadUrl" :params="folderId" :loadTrue="formParam.certificationName" />
|
||||
</a-form-item>
|
||||
</a-form>
|
||||
<div class="bg_footer" style="margin-left: 160px;margin-top: 30px">
|
||||
<div class="btn btn6" @click="cancelupdialog">
|
||||
<div class="btnText">取消</div>
|
||||
</div>
|
||||
<a-button
|
||||
class="btn btn6"
|
||||
@click="createupdialog"
|
||||
>
|
||||
确定
|
||||
</a-button>
|
||||
</div>
|
||||
<a-button
|
||||
class="btn btn6"
|
||||
@click="createupdialog"
|
||||
>
|
||||
确定
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-modal>
|
||||
</div>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
display: 'flex',
|
||||
justifyContent: 'end',
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</a-modal>
|
||||
</div>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
display: 'flex',
|
||||
justifyContent: 'end',
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
|
||||
@@ -140,321 +140,325 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-drawer v-model:visible="teacherdialog" :closable="false" placement="right" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" :closable="false" placement="right" :maskClosable="false"
|
||||
width="60%" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<!-- 讲师姓名 teacher 组织 orgName-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="name">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师名称
|
||||
</template>
|
||||
<SearchTeacher @tlevel="tlevelChange" v-model:value="formParam.name" v-model:lable="formParam.orgNames"
|
||||
v-model:id="formParam.teacherId" v-model:system="tSystemNames" v-model:level="formParam.tlevelId">
|
||||
</SearchTeacher>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="orgName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师组织
|
||||
</template>
|
||||
<a-popover>
|
||||
<!-- <template #content>
|
||||
{{ formParam.orgNames }}
|
||||
</template> -->
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<!-- 讲师姓名 teacher 组织 orgName-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="name">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师名称
|
||||
</template>
|
||||
<SearchTeacher @tlevel="tlevelChange" v-model:value="formParam.name" v-model:lable="formParam.orgNames"
|
||||
v-model:id="formParam.teacherId" v-model:system="tSystemNames" v-model:level="formParam.tlevelId">
|
||||
</SearchTeacher>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="orgName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师组织
|
||||
</template>
|
||||
<a-popover>
|
||||
<!-- <template #content>
|
||||
{{ formParam.orgNames }}
|
||||
</template> -->
|
||||
|
||||
<a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
|
||||
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
|
||||
<a-input :title="formParam.orgNames" disabled v-model:value="formParam.orgName" class="draitem"
|
||||
placeholder="自动带出讲师的组织,展示主要部分,鼠标浮上去展示所有" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-popover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师体系 tsystemName 级别 tlevelId -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="tsystemName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师体系
|
||||
</template>
|
||||
<a-input disabled v-model:value="tSystemNames.systemName" class="draitem" placeholder="自动带出讲师的体系" allowClear
|
||||
showSearch>
|
||||
</a-input>
|
||||
</a-popover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 讲师体系 tsystemName 级别 tlevelId -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="tsystemName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师体系
|
||||
</template>
|
||||
<a-input disabled v-model:value="tSystemNames.systemName" class="draitem" placeholder="自动带出讲师的体系" allowClear
|
||||
showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="tlevelName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师级别
|
||||
</template>
|
||||
<a-input disabled v-model:value="formParam.tlevelName" class="draitem" placeholder="自动带出讲师级别" allowClear
|
||||
showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 内容分类 courseTypeId 课程名称 name -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseTypeId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
内容分类
|
||||
</template>
|
||||
<a-tree-select :fieldNames="{
|
||||
children: 'children',
|
||||
label: 'name',
|
||||
value: 'code',
|
||||
}" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
|
||||
v-model:value="formParam.courseTypeId" show-search
|
||||
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
|
||||
:tree-data="sysTypeOptions" @change="treetype">
|
||||
</a-tree-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
课程名称：
|
||||
</template>
|
||||
<a-input class="draitem" v-model:value="formParam.courseName" placeholder="请输入课程名称" allowClear showSearch
|
||||
:maxlength="20" showCount @blur="sendName">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 授课日期 teachingDate 开课状态 courseStatus -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="trainOrgId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织
|
||||
</template>
|
||||
<a-select v-model:value="formParam.trainOrgId" placeholder="请选择培训发生组织" allowClear
|
||||
:options="orgList" @change="changeOrg">
|
||||
</a-select>
|
||||
<!-- <OrgClass v-model:value="formParam.sourceBelongId" v-model:name="formParam.sourceBelongFullName"></OrgClass> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teachingDate">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课/课程日期 :
|
||||
</template>
|
||||
<a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm"
|
||||
:show-time="{ format: 'HH:mm' }" type="datetime" placeholder="请选择课程日期" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<!-- 授课时长 teaching 评分 score-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="开课状态">
|
||||
<a-radio-group v-model:value="formParam.courseStatus" class="draitem">
|
||||
<a-radio :value="0">未开课</a-radio>
|
||||
<a-radio :value="1">已开课</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teaching">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px ; "
|
||||
placeholder="请输入授课时长" allowClear showSearch suffix="分钟" :maxLength="8" @blur="clearNonNumber">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<!-- 参训人数 studys-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="score">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
评分
|
||||
</template>
|
||||
<!-- <a-input class="draitem" v-model:value="formParam.score" @blur="clearscoreNumber" placeholder="" allowClear showSearch>
|
||||
</a-input> -->
|
||||
<a-input-number @blur="blurScore" @focus="focusScore" v-model:value="formParam.score" :precision="0" :min="1" :max="100"
|
||||
style="width:100%; height: 40px; border-radius: 8px ; " placeholder="请输入评分" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="studys">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
参训人数
|
||||
</template>
|
||||
<a-input v-model:value="formParam.studys" class="draitem" placeholder="请输入参训人数" :maxLength="8"
|
||||
@blur="clearstudysNumber" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注">
|
||||
<a-textarea v-model:value="formParam.remark" showCount :maxlength="200" @blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px;margin-bottom:62px;" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="tlevelName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
讲师级别
|
||||
</template>
|
||||
<a-input disabled v-model:value="formParam.tlevelName" class="draitem" placeholder="自动带出讲师级别" allowClear
|
||||
showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 内容分类 courseTypeId 课程名称 name -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseTypeId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
内容分类
|
||||
</template>
|
||||
<a-tree-select :fieldNames="{
|
||||
children: 'children',
|
||||
label: 'name',
|
||||
value: 'code',
|
||||
}" allow-clear :getPopupContainer="triggerNode => triggerNode.parentNode || document.body"
|
||||
v-model:value="formParam.courseTypeId" show-search
|
||||
:dropdown-style="{ maxHeight: '400px', overflow: 'auto' }" placeholder="请选择内容分类" tree-default-expand-all
|
||||
:tree-data="sysTypeOptions" @change="treetype">
|
||||
</a-tree-select>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="courseName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
课程名称：
|
||||
</template>
|
||||
<a-input class="draitem" v-model:value="formParam.courseName" placeholder="请输入课程名称" allowClear showSearch
|
||||
:maxlength="20" showCount @blur="sendName">
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 授课日期 teachingDate 开课状态 courseStatus -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="trainOrgId">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织
|
||||
</template>
|
||||
<a-select v-model:value="formParam.trainOrgId" placeholder="请选择培训发生组织" allowClear
|
||||
:options="orgList" @change="changeOrg">
|
||||
</a-select>
|
||||
<!-- <OrgClass v-model:value="formParam.sourceBelongId" v-model:name="formParam.sourceBelongFullName"></OrgClass> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teachingDate">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课/课程日期 :
|
||||
</template>
|
||||
<a-date-picker class="draitem" v-model:value="teachingDate" style="width:100%" format="YYYY-MM-DD HH:mm"
|
||||
:show-time="{ format: 'HH:mm' }" type="datetime" placeholder="请选择课程日期" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<!-- 授课时长 teaching 评分 score-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item label="开课状态">
|
||||
<a-radio-group v-model:value="formParam.courseStatus" class="draitem">
|
||||
<a-radio :value="0">未开课</a-radio>
|
||||
<a-radio :value="1">已开课</a-radio>
|
||||
</a-radio-group>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="teaching">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
授课时长
|
||||
</template>
|
||||
<a-input v-model:value="formParam.teaching" style="width:100%; height: 40px; border-radius: 8px ; "
|
||||
placeholder="请输入授课时长" allowClear showSearch suffix="分钟" :maxLength="8" @blur="clearNonNumber">
|
||||
</a-input>
|
||||
<!-- <span style="margin-left: 5px ;" v-if="formParam.teaching != null">{{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时</span>
|
||||
<span style="margin-left: 5px ;" v-if="formParam.teaching == null">0.00小时</span> -->
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
|
||||
</a-row>
|
||||
<!-- 参训人数 studys-->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="score">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
评分
|
||||
</template>
|
||||
<!-- <a-input class="draitem" v-model:value="formParam.score" @blur="clearscoreNumber" placeholder="" allowClear showSearch>
|
||||
</a-input> -->
|
||||
<a-input-number @blur="blurScore" @focus="focusScore" v-model:value="formParam.score" :precision="0" :min="1" :max="100"
|
||||
style="width:100%; height: 40px; border-radius: 8px ; " placeholder="请输入评分" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="studys">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
参训人数
|
||||
</template>
|
||||
<a-input v-model:value="formParam.studys" class="draitem" placeholder="请输入参训人数" :maxLength="8"
|
||||
@blur="clearstudysNumber" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="备注">
|
||||
<a-textarea v-model:value="formParam.remark" showCount :maxlength="200" @blur="sendRemark"
|
||||
style="width: 100%; height: 100px; border-radius: 8px;margin-bottom:62px;" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!--查看授课详情 -->
|
||||
<a-drawer v-model:visible="teachingdialog" :closable="false" placement="right" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teachingdialog" :closable="false" placement="right" :maskClosable="false"
|
||||
width="60%" :title="false">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">查看讲师授课记录</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeachingDialog"
|
||||
/>
|
||||
</div>
|
||||
<span class="line"></span>
|
||||
<span style="font-weight:600;">讲师信息</span>
|
||||
<a-descriptions style="margin-top:15px;" bordered :column="2" :contentStyle="{'maxWidth':'300px'}" :labelStyle="{'width':'160px'}">
|
||||
<a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师工号">{{ formParam.userNo||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师组织">{{ formParam.orgName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="培训发生组织">{{ formParam.trainOrg||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师体系">{{ formParam.tsystemName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师级别">{{ formParam.tlevelName||'-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="录入方式">
|
||||
{{ formParam.createFrom == 0 ? '系统生成' : formParam.createFrom == 1 ? '手动录入' : '-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程名称">{{ formParam.courseName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
|
||||
? '已开课' : '-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="授课时长 ">
|
||||
<span> {{ formParam.teaching }} 分钟</span>
|
||||
<span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时)</span> </a-descriptions-item>
|
||||
<a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="参训人数 ">{{ formParam.studys||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="评分 ">{{ formParam.score||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="内容分类">{{ formParam.courseTypeName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="备注 ">{{ formParam.remark||'-' }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<div v-if="formParam.createFrom == '0'">
|
||||
<div style="margin-top:20px ;line-height: 24px;margin-bottom: 15px;">
|
||||
<span class="line"></span>
|
||||
<span style="font-weight:600;">讲师费发放情况</span>
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">查看讲师授课记录</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeachingDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe;margin-bottom: 60px;" :columns="column"
|
||||
:data-source="tableDatas" :pagination="false">
|
||||
<template #bodyCell="{ record, column }">
|
||||
<template v-if="column.key === 'operation'">
|
||||
<a-space>
|
||||
<!-- <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">查看</a-button> -->
|
||||
</a-space>
|
||||
<span class="line"></span>
|
||||
<span style="font-weight:600;">讲师信息</span>
|
||||
<a-descriptions style="margin-top:15px;" bordered :column="2" :contentStyle="{'maxWidth':'300px'}" :labelStyle="{'width':'160px'}">
|
||||
<a-descriptions-item label="讲师名称">{{ formParam.teacherName ||'-'}}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师工号">{{ formParam.userNo||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师组织">{{ formParam.orgName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="培训发生组织">{{ formParam.trainOrg||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师体系">{{ formParam.tsystemName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="讲师级别">{{ formParam.tlevelName||'-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="录入方式">
|
||||
{{ formParam.createFrom == 0 ? '系统生成' : formParam.createFrom == 1 ? '手动录入' : '-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程类型">{{ formParam.type == 0 ? '在线课' : formParam.type == 1 ? '面授课' : '-'
|
||||
}}</a-descriptions-item>
|
||||
<a-descriptions-item label="课程名称">{{ formParam.courseName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="开课状态">{{ formParam.courseStatus == 0 ? '未开课' : formParam.courseStatus == 1
|
||||
? '已开课' : '-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="授课时长 ">
|
||||
<span> {{ formParam.teaching }} 分钟</span>
|
||||
<span style="margin-left: 10px ;" v-if="formParam.teaching != '0'">({{ (formParam.teaching / 60
|
||||
).toFixed(2) }}小时)</span> </a-descriptions-item>
|
||||
<a-descriptions-item label="授课/课程日期 ">{{ formParam.teachingDate||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="参训人数 ">{{ formParam.studys||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="评分 ">{{ formParam.score||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="内容分类">{{ formParam.courseTypeName||'-' }}</a-descriptions-item>
|
||||
<a-descriptions-item label="备注 ">{{ formParam.remark||'-' }}</a-descriptions-item>
|
||||
</a-descriptions>
|
||||
<div v-if="formParam.createFrom == '0'">
|
||||
<div style="margin-top:20px ;line-height: 24px;margin-bottom: 15px;">
|
||||
<span class="line"></span>
|
||||
<span style="font-weight:600;">讲师费发放情况</span>
|
||||
</div>
|
||||
<a-table :header-cell-style="{ 'text-align': 'center' }" style="border: 1px solid #f2f6fe;margin-bottom: 60px;" :columns="column"
|
||||
:data-source="tableDatas" :pagination="false">
|
||||
<template #bodyCell="{ record, column }">
|
||||
<template v-if="column.key === 'operation'">
|
||||
<a-space>
|
||||
<!-- <a-button type="link" @click="() => handleLooka(record, String(record.courseform))">查看</a-button> -->
|
||||
</a-space>
|
||||
</template>
|
||||
</template>
|
||||
</template>
|
||||
</a-table>
|
||||
</a-table>
|
||||
</div>
|
||||
<!-- <div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
|
||||
</a-button>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- <div :style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
}">
|
||||
<a-button class="drabtn" @click="cancelTeachingDialog">取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
|
||||
</a-button>
|
||||
</div> -->
|
||||
</a-drawer>
|
||||
<!-- 删除功能弹窗 -->
|
||||
<div>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<a-drawer :visible="visible" placement="right" :closable="false" :maskClosable="false"
|
||||
<a-drawer class="largeDrawerStyle" :visible="visible" placement="right" :closable="false" :maskClosable="false"
|
||||
width="60%" :title="false">
|
||||
<div class="appedit">
|
||||
<div class="header" style="margin-top: -24px;">
|
||||
@@ -74,8 +74,9 @@
|
||||
<button class="btn2" @click="paramsDrawer">提交</button>
|
||||
</div>
|
||||
</div>
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
|
||||
width="60%" :title="false">
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">编辑讲师费</div>
|
||||
<img
|
||||
@@ -388,6 +389,7 @@
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<a-modal
|
||||
:visible="modalVisible"
|
||||
@@ -1197,7 +1199,7 @@ export default {
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
padding:24px;
|
||||
.header {
|
||||
padding: 0px 15px;
|
||||
height: 68px;
|
||||
|
||||
@@ -120,8 +120,9 @@
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<!--查看讲师费详情 -->
|
||||
<a-drawer :closable="false" v-model:visible="teachingdialog" placement="right"
|
||||
<a-drawer class="largeDrawerStyle" :closable="false" v-model:visible="teachingdialog" placement="right"
|
||||
@closa="cancelTeachingDialog" width="60%" :title="false">
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">汇总讲师费详情</div>
|
||||
<img
|
||||
@@ -188,6 +189,7 @@
|
||||
</a-button>
|
||||
<!-- <a-button class="drabtn" @click="cancelTeachingDialog" type="primary" danger>拒绝</a-button> -->
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!-- 修改状态功能弹窗 -->
|
||||
<div>
|
||||
|
||||
@@ -156,8 +156,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 弹窗组件 -->
|
||||
<a-drawer v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" placement="right" :closable="false" :maskClosable="false" dropdown-style="drawaer"
|
||||
width="60%" :title="false">
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
@@ -470,6 +471,7 @@
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog" :loading="buttonLoading">保存
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<!-- 修改状态功能弹窗 -->
|
||||
<div>
|
||||
@@ -499,8 +501,9 @@
|
||||
</a-modal>
|
||||
</div>
|
||||
<!-- <div> <Upload/> </div> -->
|
||||
<a-drawer v-model:visible="teachingdialog" placement="right"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teachingdialog" placement="right"
|
||||
:closable="false" width="60%" :title="false">
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top:-24px;">
|
||||
<div class="headerTitle">查看讲师费用</div>
|
||||
<img
|
||||
@@ -556,6 +559,7 @@
|
||||
<a-button class="drabtn" @click="cancelTeachingDialog(false)" :loading="buttonLoading">取消
|
||||
</a-button>
|
||||
</div> -->
|
||||
</div>
|
||||
</a-drawer>
|
||||
<ImportWork v-model:showWork="showWork" :template="'讲师费导入模板'" :url="'/admin/export/importTeacherExpense'" :fileName="uploadFile" :title="title"></ImportWork>
|
||||
</div>
|
||||
|
||||
@@ -99,8 +99,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- 抽屉 -->
|
||||
<a-drawer v-model:visible="opendrawer" placement="right"
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="opendrawer" placement="right"
|
||||
@closa="cancelTeachingDialog" :maskClosable="true" width="60%" title="查看详情">
|
||||
<div style="padding:24px;">
|
||||
<a-form layout="inline">
|
||||
<a-form-item class="select">
|
||||
<a-input v-model:value="drawer.name" style="width: 260px; height: 40px; border-radius: 8px"
|
||||
@@ -137,6 +138,7 @@
|
||||
<a-button class="drabtn" type="primary" @click="cancelTeachingDialog" :loading="buttonLoading">返回
|
||||
</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -88,202 +88,204 @@
|
||||
</a-modal>
|
||||
</div>
|
||||
<!-- 抽屉 -->
|
||||
<a-drawer v-model:visible="teacherdialog" :closable="false" :title="false" placement="right" width="60%" :maskClosable="false" >
|
||||
<div class="headers" style="margin-top: -24px">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<!-- <span class="line"></span><span>讲师体系基本信息</span> -->
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="affiliationCode">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织编号：
|
||||
</template>
|
||||
<a-input disabled v-model:value="formParam.affiliationCode" class="draitem"
|
||||
placeholder="请输入讲师体系编号" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="affiliationName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织名称：
|
||||
</template>
|
||||
<a-input :maxlength="30" show-count v-model:value="formParam.affiliationName" class="draitem"
|
||||
placeholder="请输入培训发生组织名称" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="code">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
是否为根节点：
|
||||
</template>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<a-radio-group style="min-width:126px;" @change="selectRadio" v-model:value="formParam.isParent" name="radioGroup">
|
||||
<a-radio :value="1">否</a-radio>
|
||||
<a-radio :value="0">是</a-radio>
|
||||
</a-radio-group>
|
||||
<a-select v-model:value="formParam.code" :placeholder="!formParam.isParent?'请选择审批层级':'请选择根节点'"
|
||||
:options="!formParam.isParent?PlaceOfPayList:PlaceOfPayListTwo" allowClear showSearch/>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="actValue">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
组织担当：
|
||||
</template>
|
||||
<!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择组织负责人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'组织担当'" v-model:arrayList="formParam.actArray" @valueChange="valueChange" :type="0">
|
||||
<a-select style="width:100%" v-model:value="formParam.actValue" :open="false" :placeholder="'请选择担当'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16" v-if="formParam.isParent">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="leveOneValue">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
一级审批人
|
||||
</template>
|
||||
<!-- <a-select v-model:value="formParam.yjspr" placeholder="请选择一级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" v-model:value="formParam.leveOneValue" :placeholder="'请选择一级审批人'" v-model:arrayList="formParam.leveOneArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'一级审批人'" v-model:arrayList="formParam.leveOneArray" @valueChange="valueChange" :type="1">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveOneValue" :open="false" :placeholder="'请选择一级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="二级审批人">
|
||||
<!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择二级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" :placeholder="'请选择二级审批人'" v-model:arrayList="formParam.leveTwoArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'二级审批人'" v-model:arrayList="formParam.leveTwoArray" @valueChange="valueChange" :type="2">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveTwoValue" :open="false" :placeholder="'请选择二级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12" v-if="formParam.isParent">
|
||||
<a-form-item label="三级审批人" >
|
||||
<!-- <a-select v-model:value="formParam.sjspr" placeholder="请选择三级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" :placeholder="'请选择三级审批人'" v-model:arrayList="formParam.leveThreeArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'三级审批人'" v-model:arrayList="formParam.leveThreeArray" @valueChange="valueChange" :type="3">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveThreeValue" :open="false" :placeholder="'请选择三级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" v-if="formParam.isParent==0">
|
||||
<a-form-item name="isContains">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
审批流程是否加该担当
|
||||
</template>
|
||||
<a-select v-model:value="formParam.isContains" placeholder="请选择审批流程是否加担当"
|
||||
:options="isConSelect" allowClear showSearch/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="备注" >
|
||||
<a-input v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
style="width: 100%; height: 40px; border-radius: 8px" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-form-item name="orglistName">
|
||||
<template v-slot:label>
|
||||
<a-drawer class="largeDrawerStyle" v-model:visible="teacherdialog" :closable="false" :title="false" placement="right" width="60%" :maskClosable="false" >
|
||||
<div style="padding:24px;">
|
||||
<div class="headers" style="margin-top: -24px">
|
||||
<div class="headerTitle">{{ teacherdialogtitle }}</div>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
style="width: 29px; height: 29px; cursor: pointer"
|
||||
src="@/assets/images/basicinfo/close.png"
|
||||
@click="cancelTeacherDialog"
|
||||
/>
|
||||
选择管理组织
|
||||
</template>
|
||||
<a-row :gutter="50" style="margin-bottom: 10px;">
|
||||
<a-col :span="2">
|
||||
<!-- <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag> -->
|
||||
<a-button type="primary" @click="addContentData" style="width: 100px; height: 40px;border-radius: 8px">添加组织</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :span="20">
|
||||
<div class="add_content" @click="addContentData" >+</div>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form-item>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16" style="padding-bottom: 60px;">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="">
|
||||
<!-- <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" /> -->
|
||||
<a-table :dataSource="formParam?.affiliationOrgList" :scroll="{ x: '600' }" :columns="orgColumns"/>
|
||||
</a-form-item>
|
||||
</div>
|
||||
<a-form :model="formParam" layout="vertical" ref="formRef">
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="24">
|
||||
<!-- <span class="line"></span><span>讲师体系基本信息</span> -->
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="affiliationCode">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织编号：
|
||||
</template>
|
||||
<a-input disabled v-model:value="formParam.affiliationCode" class="draitem"
|
||||
placeholder="请输入讲师体系编号" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="affiliationName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
培训发生组织名称：
|
||||
</template>
|
||||
<a-input :maxlength="30" show-count v-model:value="formParam.affiliationName" class="draitem"
|
||||
placeholder="请输入培训发生组织名称" allowClear showSearch>
|
||||
</a-input>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="code">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
是否为根节点：
|
||||
</template>
|
||||
<div style="display: flex;align-items: center;">
|
||||
<a-radio-group style="min-width:126px;" @change="selectRadio" v-model:value="formParam.isParent" name="radioGroup">
|
||||
<a-radio :value="1">否</a-radio>
|
||||
<a-radio :value="0">是</a-radio>
|
||||
</a-radio-group>
|
||||
<a-select v-model:value="formParam.code" :placeholder="!formParam.isParent?'请选择审批层级':'请选择根节点'"
|
||||
:options="!formParam.isParent?PlaceOfPayList:PlaceOfPayListTwo" allowClear showSearch/>
|
||||
</div>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item name="actValue">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
组织担当：
|
||||
</template>
|
||||
<!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择组织负责人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="0" v-model:value="formParam.actValue" :placeholder="'请选择担当'" v-model:arrayList="formParam.actArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'组织担当'" v-model:arrayList="formParam.actArray" @valueChange="valueChange" :type="0">
|
||||
<a-select style="width:100%" v-model:value="formParam.actValue" :open="false" :placeholder="'请选择担当'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16" v-if="formParam.isParent">
|
||||
<a-col :span="12">
|
||||
<a-form-item name="leveOneValue">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
一级审批人
|
||||
</template>
|
||||
<!-- <a-select v-model:value="formParam.yjspr" placeholder="请选择一级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" v-model:value="formParam.leveOneValue" :placeholder="'请选择一级审批人'" v-model:arrayList="formParam.leveOneArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'一级审批人'" v-model:arrayList="formParam.leveOneArray" @valueChange="valueChange" :type="1">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveOneValue" :open="false" :placeholder="'请选择一级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="二级审批人">
|
||||
<!-- <a-select v-model:value="formParam.zzfzr" placeholder="请选择二级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" :placeholder="'请选择二级审批人'" v-model:arrayList="formParam.leveTwoArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'二级审批人'" v-model:arrayList="formParam.leveTwoArray" @valueChange="valueChange" :type="2">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveTwoValue" :open="false" :placeholder="'请选择二级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row :gutter="16">
|
||||
<a-col :span="12" v-if="formParam.isParent">
|
||||
<a-form-item label="三级审批人" >
|
||||
<!-- <a-select v-model:value="formParam.sjspr" placeholder="请选择三级审批人"
|
||||
:options="PlaceOfPayList" allowClear showSearch/> -->
|
||||
<!-- <ProjectManager :type="1" :placeholder="'请选择三级审批人'" v-model:arrayList="formParam.leveThreeArray" ></ProjectManager> -->
|
||||
<AddApprover :title="'三级审批人'" v-model:arrayList="formParam.leveThreeArray" @valueChange="valueChange" :type="3">
|
||||
<a-select style="width:100%" v-model:value="formParam.leveThreeValue" :open="false" :placeholder="'请选择三级审批人'"></a-select>
|
||||
</AddApprover>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12" v-if="formParam.isParent==0">
|
||||
<a-form-item name="isContains">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
审批流程是否加该担当
|
||||
</template>
|
||||
<a-select v-model:value="formParam.isContains" placeholder="请选择审批流程是否加担当"
|
||||
:options="isConSelect" allowClear showSearch/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-item label="备注" >
|
||||
<a-input v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
style="width: 100%; height: 40px; border-radius: 8px" placeholder="请输入" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-form-item name="orglistName">
|
||||
<template v-slot:label>
|
||||
<img
|
||||
style="margin-right:4px;width: 7px;height: 7px"
|
||||
src="@/assets/images/coursewareManage/asterisk.png"
|
||||
alt=""
|
||||
/>
|
||||
选择管理组织
|
||||
</template>
|
||||
<a-row :gutter="50" style="margin-bottom: 10px;">
|
||||
<a-col :span="2">
|
||||
<!-- <a-tag color="blue" style="line-height: 40px; ">管理业务</a-tag> -->
|
||||
<a-button type="primary" @click="addContentData" style="width: 100px; height: 40px;border-radius: 8px">添加组织</a-button>
|
||||
</a-col>
|
||||
<!-- <a-col :span="20">
|
||||
<div class="add_content" @click="addContentData" >+</div>
|
||||
</a-col> -->
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 交互按钮 -->
|
||||
<div
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
} "
|
||||
>
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog" >取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog(0)" :loading="buttonLoading">保存</a-button>
|
||||
<a-button v-if="editParams||editIndex>1" class="drabtn" type="primary" @click="createTeacherDialog(1)" :loading="buttonLoading">提交</a-button>
|
||||
</a-form-item>
|
||||
<!-- 备注 remark -->
|
||||
<a-row :gutter="16" style="padding-bottom: 60px;">
|
||||
<a-col :span="24">
|
||||
<a-form-item label="">
|
||||
<!-- <a-textarea v-model:value="formParam.remark" showCount :maxlength="200"
|
||||
style="width: 100%; height: 100px; border-radius: 8px" placeholder="请输入" /> -->
|
||||
<a-table :dataSource="formParam?.affiliationOrgList" :scroll="{ x: '600' }" :columns="orgColumns"/>
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
<!-- 交互按钮 -->
|
||||
<div
|
||||
:style="{
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
bottom: 0,
|
||||
width: '100%',
|
||||
borderTop: '1px solid #e9e9e9',
|
||||
padding: '10px 16px',
|
||||
background: '#fff',
|
||||
textAlign: 'right',
|
||||
zIndex: 1,
|
||||
} "
|
||||
>
|
||||
<a-button class="drabtn" @click="cancelTeacherDialog" >取消</a-button>
|
||||
<a-button class="drabtn" type="primary" @click="createTeacherDialog(0)" :loading="buttonLoading">保存</a-button>
|
||||
<a-button v-if="editParams||editIndex>1" class="drabtn" type="primary" @click="createTeacherDialog(1)" :loading="buttonLoading">提交</a-button>
|
||||
</div>
|
||||
</div>
|
||||
</a-drawer>
|
||||
<AddOrgContent :Addtitle="'选择组织'" v-model:showContent="showContent" v-model:AddContentList="formParam.affiliationOrgList" />
|
||||
|
||||
Reference in New Issue
Block a user