|
|
|
|
@ -26,8 +26,9 @@
|
|
|
|
|
<div class="add-record-row-style">
|
|
|
|
|
<div class="li-box li-left"><span class="must-option-style">*</span>课程分类：</div>
|
|
|
|
|
<div class="li-box li-right">
|
|
|
|
|
<a-select :value="courseId" @change="courseChange">
|
|
|
|
|
<a-select-option v-for="item in courseList" :key="'course_'+item.course_id" :value="item.course_id">
|
|
|
|
|
<a-select :value="courseId" @change="courseChange" style="width: auto !important;">
|
|
|
|
|
<a-select-option v-for="item in courseList" :key="'course_'+item.course_id"
|
|
|
|
|
:value="item.course_id">
|
|
|
|
|
{{ item.course_name }}
|
|
|
|
|
</a-select-option>
|
|
|
|
|
</a-select>
|
|
|
|
|
@ -82,14 +83,16 @@
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import {Spin, Button, Cascader, Input, InputNumber, Modal,Select,DatePicker,TimePicker} from 'ant-design-vue';
|
|
|
|
|
import {Spin, Button, Cascader, Input, InputNumber, Modal, Select, DatePicker, TimePicker} from 'ant-design-vue';
|
|
|
|
|
import InterConfig from '../interConfig';
|
|
|
|
|
import ATextarea from "ant-design-vue/es/input/TextArea";
|
|
|
|
|
import Upload from '../../../../../../components/common/uploader/Upload.vue';
|
|
|
|
|
import moment from 'moment';
|
|
|
|
|
import 'moment/locale/zh-cn';
|
|
|
|
|
|
|
|
|
|
moment.locale('zh-cn')
|
|
|
|
|
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
|
|
|
|
|
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
planId: {
|
|
|
|
|
@ -103,32 +106,41 @@
|
|
|
|
|
dateFormat: "YYYY-MM-DD HH:mm",
|
|
|
|
|
pageLoading: false,
|
|
|
|
|
courseName: "",//课程名称
|
|
|
|
|
courseSynopsis:"",//课程简介
|
|
|
|
|
courseSynopsis: "",//课程简介
|
|
|
|
|
planNumber: "",//省级计划数量
|
|
|
|
|
realNumber: "",//学校实际执行数量
|
|
|
|
|
typeId: 1,//默认特色课程
|
|
|
|
|
typeList: [{type_id: 1, type_name: "特色课程"}, {
|
|
|
|
|
type_id: 2,
|
|
|
|
|
type_name: "劳动课程"
|
|
|
|
|
}, {type_id: 3, type_name: "思政课程"}],
|
|
|
|
|
typeList: [
|
|
|
|
|
{type_id: 1, type_name: "特色课程"},
|
|
|
|
|
{type_id: 2, type_name: "劳动课程"},
|
|
|
|
|
{type_id: 3, type_name: "思政课程"}
|
|
|
|
|
],
|
|
|
|
|
courseId: 11,//默认科技社团
|
|
|
|
|
courseList: [{course_id: 11, course_name: "科技社团"}, {course_id: 12, course_name: "艺术社团"}, {
|
|
|
|
|
course_id: 13,
|
|
|
|
|
course_name: "体育社团"
|
|
|
|
|
}, {course_id: 21, course_name: "体会劳动光荣"}, {course_id: 22, course_name: "提高劳动能力"}, {
|
|
|
|
|
course_id: 23,
|
|
|
|
|
course_name: "启蒙劳动意识"
|
|
|
|
|
}, {course_id: 24, course_name: "养成劳动习惯"}, {course_id: 31, course_name: "思政课程"}],
|
|
|
|
|
courseListBase: [
|
|
|
|
|
{course_id: 11, course_name: "科技社团"},
|
|
|
|
|
{course_id: 12, course_name: "艺术社团"},
|
|
|
|
|
{course_id: 13, course_name: "体育社团"},
|
|
|
|
|
{course_id: 21, course_name: "体会劳动光荣"},
|
|
|
|
|
{course_id: 22, course_name: "提高劳动能力"},
|
|
|
|
|
{course_id: 23, course_name: "启蒙劳动意识"},
|
|
|
|
|
{course_id: 24, course_name: "养成劳动习惯"},
|
|
|
|
|
{course_id: 31, course_name: "思政课程"}
|
|
|
|
|
],
|
|
|
|
|
courseList: [
|
|
|
|
|
{course_id: 11, course_name: "科技社团"},
|
|
|
|
|
{course_id: 12, course_name: "艺术社团"},
|
|
|
|
|
{course_id: 13, course_name: "体育社团"},
|
|
|
|
|
],
|
|
|
|
|
attachmentJson: [],//附件
|
|
|
|
|
courseTeacher:"",//主讲教师
|
|
|
|
|
courseTeachingTime:"",//授课时间
|
|
|
|
|
courseTeachingPlace:"",//授课地点
|
|
|
|
|
courseTeachingObject :"",//授课对象
|
|
|
|
|
courseTeacher: "",//主讲教师
|
|
|
|
|
courseTeachingTime: "",//授课时间
|
|
|
|
|
courseTeachingPlace: "",//授课地点
|
|
|
|
|
courseTeachingObject: "",//授课对象
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
//this.getStageList();
|
|
|
|
|
if(this.$props.planId && this.$props.planId !== ""){
|
|
|
|
|
if (this.$props.planId && this.$props.planId !== "") {
|
|
|
|
|
//获取详情
|
|
|
|
|
this.getSchoolCourseInfo();
|
|
|
|
|
}
|
|
|
|
|
@ -137,7 +149,7 @@
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
getSchoolCourseInfo:function () {
|
|
|
|
|
getSchoolCourseInfo: function () {
|
|
|
|
|
let param = {
|
|
|
|
|
id: this.$props.planId,
|
|
|
|
|
}
|
|
|
|
|
@ -163,6 +175,14 @@
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
typeChange: function (value) {
|
|
|
|
|
let midArr = []
|
|
|
|
|
this.courseList = []
|
|
|
|
|
midArr = this.courseListBase.filter(item => {
|
|
|
|
|
return item.course_id.toString()[0] == value
|
|
|
|
|
})
|
|
|
|
|
this.courseId = midArr[0].course_id
|
|
|
|
|
this.courseList = midArr
|
|
|
|
|
// console.log('midArr', midArr)
|
|
|
|
|
if (this.typeId !== value) {
|
|
|
|
|
this.typeId = value;
|
|
|
|
|
}
|
|
|
|
|
@ -192,19 +212,19 @@
|
|
|
|
|
return;
|
|
|
|
|
}
|
|
|
|
|
let param = {
|
|
|
|
|
course_name: this.courseName ,
|
|
|
|
|
course_name: this.courseName,
|
|
|
|
|
course_synopsis: this.courseSynopsis,
|
|
|
|
|
type_id: this.typeId,
|
|
|
|
|
course_type:this.courseId,
|
|
|
|
|
course_cover:JSON.stringify(this.attachmentJson),
|
|
|
|
|
course_teacher:this.courseTeacher,
|
|
|
|
|
course_teaching_time:this.courseTeachingTime,
|
|
|
|
|
course_teaching_place:this.courseTeachingPlace,
|
|
|
|
|
course_teaching_object:this.courseTeachingObject,
|
|
|
|
|
course_type: this.courseId,
|
|
|
|
|
course_cover: JSON.stringify(this.attachmentJson),
|
|
|
|
|
course_teacher: this.courseTeacher,
|
|
|
|
|
course_teaching_time: this.courseTeachingTime,
|
|
|
|
|
course_teaching_place: this.courseTeachingPlace,
|
|
|
|
|
course_teaching_object: this.courseTeachingObject,
|
|
|
|
|
create_person_id: this.BaseConfig.userInfo.person_id,
|
|
|
|
|
org_id: this.BaseConfig.person_info_my.bureau_id,
|
|
|
|
|
}
|
|
|
|
|
if(this.$props.planId && this.$props.planId !== ""){
|
|
|
|
|
if (this.$props.planId && this.$props.planId !== "") {
|
|
|
|
|
param.id = this.$props.planId;
|
|
|
|
|
}
|
|
|
|
|
this.InterfaceConfig.callInterface([{
|
|
|
|
|
@ -252,129 +272,129 @@
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
color: black;
|
|
|
|
|
|
|
|
|
|
.add-record-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
margin: 0.5rem auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
.add-record-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
margin: 0.5rem auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
|
|
.li-box {
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
.li-box {
|
|
|
|
|
min-height: 3rem;
|
|
|
|
|
line-height: 3rem;
|
|
|
|
|
|
|
|
|
|
.must-option-style {
|
|
|
|
|
color: red;
|
|
|
|
|
margin-right: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
.must-option-style {
|
|
|
|
|
color: red;
|
|
|
|
|
margin-right: 0.2rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.li-left {
|
|
|
|
|
width: 20%;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.li-left {
|
|
|
|
|
width: 20%;
|
|
|
|
|
text-align: right;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.li-right {
|
|
|
|
|
width: 80%;
|
|
|
|
|
.li-right {
|
|
|
|
|
width: 80%;
|
|
|
|
|
|
|
|
|
|
.person-list-content-style {
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
background-color: #ebebeb;
|
|
|
|
|
.person-list-content-style {
|
|
|
|
|
width: 700px;
|
|
|
|
|
height: 500px;
|
|
|
|
|
background-color: #ebebeb;
|
|
|
|
|
|
|
|
|
|
.list-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
.list-content-style {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 100%;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-wrap: wrap;
|
|
|
|
|
|
|
|
|
|
.honor-person-info {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 180px;
|
|
|
|
|
border: 1px solid #31a8fa;
|
|
|
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
.honor-person-info {
|
|
|
|
|
width: auto;
|
|
|
|
|
height: 180px;
|
|
|
|
|
border: 1px solid #31a8fa;
|
|
|
|
|
margin: 0.5rem 0 0 0.5rem;
|
|
|
|
|
display: flex;
|
|
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
|
|
|
|
|
.person-name {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
.person-name {
|
|
|
|
|
width: 100%;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-overflow: ellipsis;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/deep/ .img-style {
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
/deep/ .img-style {
|
|
|
|
|
margin-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-select {
|
|
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.ant-select {
|
|
|
|
|
width: 100px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.no-border-input-style {
|
|
|
|
|
border-top: 0 !important;
|
|
|
|
|
border-left: 0 !important;
|
|
|
|
|
border-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
.no-border-input-style {
|
|
|
|
|
border-top: 0 !important;
|
|
|
|
|
border-left: 0 !important;
|
|
|
|
|
border-right: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photo-container-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
width: 120px !important;
|
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
|
height: 160px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
position: relative;
|
|
|
|
|
.photo-container-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
width: 120px !important;
|
|
|
|
|
border: 1px solid #e5e5e5;
|
|
|
|
|
height: 160px;
|
|
|
|
|
background-color: white;
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
|
|
.operate-class {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0.1rem;
|
|
|
|
|
color: #31a8fa;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.operate-class {
|
|
|
|
|
position: absolute;
|
|
|
|
|
bottom: 0.1rem;
|
|
|
|
|
color: #31a8fa;
|
|
|
|
|
font-size: 1rem;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.photo-size-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
.photo-size-style {
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
align-content: center;
|
|
|
|
|
justify-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
.edit-style {
|
|
|
|
|
}
|
|
|
|
|
.edit-style {
|
|
|
|
|
|
|
|
|
|
&
|
|
|
|
|
:hover {
|
|
|
|
|
&
|
|
|
|
|
:hover {
|
|
|
|
|
|
|
|
|
|
.operate-class {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
.operate-class {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.button-row-style {
|
|
|
|
|
width: 50%;
|
|
|
|
|
margin: auto;
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
|
|
.button-style {
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
.button-style {
|
|
|
|
|
margin-left: 0.5rem;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</style>
|
