Commit aa2dd57b by lizhi

课程详情

parent 1cddc70f
...@@ -42,7 +42,119 @@ ...@@ -42,7 +42,119 @@
</div> </div>
</div> </div>
<el-descriptions <div class="table-container">
<el-table
ref="productTable"
:data="item.userCourseList"
style="width: 100%"
v-loading="listLoading"
border
stripe
>
<!-- <el-table-column
type="index"
width="60"
align="center"
></el-table-column> -->
<!-- <el-table-column label="姓名" align="center">
<template slot-scope="scope">
<div
class="handleStuDetail"
@click="handleStuDetail(scope.row.userId)"
>
{{ index }}
</div>
</template>
</el-table-column> -->
<el-table-column label="选课" align="center">
<template slot-scope="scope">{{ scope.$index + 1 }}</template>
</el-table-column>
<el-table-column label="年份" align="center">
<template slot-scope="scope">{{ scope.row.yearTime }}</template>
</el-table-column>
<!-- <el-table-column label="年级" align="center">
<template slot-scope="scope">
<div v-show="scope.row.grade == 1">大学一年级</div>
<div v-show="scope.row.grade == 2">大学二年级</div>
<div v-show="scope.row.grade == 3">大学三年级</div>
<div v-show="scope.row.grade == 4">大学四年级</div>
<div v-show="scope.row.grade == 5">大学五年级</div>
</template>
</el-table-column> -->
<el-table-column label="学期" align="center">
<template slot-scope="scope">{{ scope.row.term }}</template>
</el-table-column>
<el-table-column label="cso课程代码" align="center">
<template slot-scope="scope">{{
scope.row.csoCourseCode
}}</template>
</el-table-column>
<el-table-column label="cso课程名称" align="center">
<template slot-scope="scope">{{ scope.row.csoName }}</template>
</el-table-column>
<el-table-column label="所在学校课程代码" align="center">
<template slot-scope="scope">{{
scope.row.ownCourseCode
}}</template>
</el-table-column>
<el-table-column label="所在学校课程名称" align="center">
<template slot-scope="scope">{{ scope.row.courseName }}</template>
</el-table-column>
<el-table-column label="审课学校课程代码" align="center">
<template slot-scope="scope">{{
scope.row.auditCourseCode
}}</template>
</el-table-column>
<el-table-column label="审课学校课程名称" align="center">
<template slot-scope="scope">{{
scope.row.auditCourseName
}}</template>
</el-table-column>
<!-- <el-table-column label="index" align="center">
<template slot-scope="scope">{{ index }}</template>
</el-table-column>
<el-table-column label="index2" align="center">
<template slot-scope="scope">{{ scope.$index }}</template>
</el-table-column> -->
<!-- <el-table-column label="学员状态" align="center">
<template slot-scope="scope">
<el-select clearable v-model="scope.row.state">
<el-option label="待选课" :value="1"> </el-option>
<el-option label="审核失败" :value="2"> </el-option>
</el-select>
</template>
</el-table-column> -->
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<!-- <el-button
@click="confirm(scope.row.userCourseList, scope.row.state)"
type="mini"
>确认</el-button
> -->
<el-button size="mini" @click="editCourse(index, scope.$index)"
>编辑</el-button
>
<el-button
size="mini"
type="danger"
@click="delCourse(index, scope.$index)"
>删除</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<!-- <el-descriptions
:title="'选课' + (index2 + 1)" :title="'选课' + (index2 + 1)"
v-for="(item2, index2) in item.userCourseList" v-for="(item2, index2) in item.userCourseList"
:key="index2" :key="index2"
...@@ -83,7 +195,7 @@ ...@@ -83,7 +195,7 @@
>删除</el-button >删除</el-button
> >
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions> -->
</div> </div>
<el-dialog <el-dialog
...@@ -321,17 +433,23 @@ ...@@ -321,17 +433,23 @@
> >
<el-form :model="editListItem" :rules="rules" ref="editCourseForm"> <el-form :model="editListItem" :rules="rules" ref="editCourseForm">
<div class="line"> <div class="line">
<el-form-item :label="'选课'" :label-width="formLabelWidth"> <el-col :span="8">
<el-form-item label="年份" label-width="150px">
<el-input v-model="editListItem.yearTime"> <el-input v-model="editListItem.yearTime">
<template slot="append"></template> <!-- <template slot="append">年</template> -->
</el-input> </el-input>
</el-form-item> </el-form-item></el-col
<el-form-item label="" label-width="0px"> >
<el-col :span="8">
<el-form-item label="学期" label-width="150px">
<el-input v-model="editListItem.term"> <el-input v-model="editListItem.term">
<template slot="append">学期</template> <!-- <template slot="append">学期</template> -->
</el-input> </el-input>
</el-form-item> </el-form-item></el-col
<el-form-item label="cso课程代码" label-width="120px"> >
<!-- <el-form-item label="cso课程代码" label-width="120px">
<el-select <el-select
v-model="editListItem.csoCourseCode" v-model="editListItem.csoCourseCode"
clearable clearable
...@@ -342,55 +460,150 @@ ...@@ -342,55 +460,150 @@
" "
> >
<el-option <el-option
v-for="(item, index) in allCode" v-for="(item, index) in allCode2"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
> >
</el-option> </el-option>
</el-select> </el-select>
</el-form-item>
<!-- <el-form-item label="课程名称" :label-width="formLabelWidth">
<el-input v-model="editListItem.courseName"> </el-input>
</el-form-item> --> </el-form-item> -->
</div> </div>
<div class="line"> <div class="line">
<el-form-item label="课程名称" :label-width="formLabelWidth"> <el-col :span="8">
<el-input v-model="editListItem.courseName"> </el-input> <el-form-item label="cso课程代码" label-width="150px">
<el-select
v-model="editListItem.csoCourseCode"
clearable
:disabled="
editListItem.ownCourseCode || editListItem.auditCourseCode
? true
: false
"
@change="matchCodeGoon($event, index)"
>
<el-option
v-for="(item, index) in allCode2"
:key="index"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="cso课程名称" label-width="150px">
<!-- <el-input v-model="list.userCourseList[index].courseName"> -->
<el-input
v-model="editListItem.csoName"
:disabled="
editListItem.ownCourseCode || editListItem.auditCourseCode
? true
: false
"
>
</el-input>
</el-form-item> </el-form-item>
</el-col>
</div>
<div class="line">
<el-col :span="8">
<el-form-item label="所在学校课程代码" label-width="150px"> <el-form-item label="所在学校课程代码" label-width="150px">
<el-input <el-input
v-model="editListItem.ownCourseCode" v-model="editListItem.ownCourseCode"
:disabled=" :disabled="
(editListItem.csoCourseCode && editListItem.auditCourseCode) || editListItem.csoCourseCode || editListItem.auditCourseCode
editListItem.auditCourseCode
? true ? true
: false : false
" "
> >
</el-input> </el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="cso课程代码" label-width="120px"> </el-col>
<el-select
v-model="editListItem.csoCourseCode" <el-col :span="8">
clearable <el-form-item label="所在学校课程名称" label-width="150px">
<el-input
v-model="editListItem.courseName"
:disabled=" :disabled="
editListItem.ownCourseCode && editListItem.auditCourseCode editListItem.csoCourseCode || editListItem.auditCourseCode
? true ? true
: false : false
" "
> >
</el-input>
</el-form-item>
</el-col>
</div>
<el-option <div class="line">
v-for="(item, index) in allCode" <!-- <el-col :span="6">
:key="index"
:label="item.label" <el-form-item label="所在学校课程代码" label-width="150px">
:value="item.value" <el-input
v-model="goOnForm.userCourseList[index].ownCourseCode"
:disabled="
goOnForm.userCourseList[index].csoCourseCode ||
goOnForm.userCourseList[index].auditCourseCode
? true
: false
"
> >
</el-option> </el-input>
</el-select> </el-form-item>
</el-form-item> --> </el-col> -->
<el-col :span="8">
<el-form-item label="审课大学课程代码" label-width="150px">
<el-input
v-model="editListItem.auditCourseCode"
:disabled="
editListItem.csoCourseCode || editListItem.ownCourseCode
? true
: false
"
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="审课学校课程名称" label-width="150px">
<el-input
v-model="editListItem.auditCourseName"
:disabled="
editListItem.csoCourseCode || editListItem.ownCourseCode
? true
: false
"
>
</el-input>
</el-form-item>
</el-col>
</div>
<!-- <div class="line">
<el-form-item label="cso课程名称" :label-width="formLabelWidth">
<el-input v-model="editListItem.csoName"> </el-input>
</el-form-item>
<el-form-item label="所在学校课程代码" label-width="150px">
<el-input
v-model="editListItem.ownCourseCode"
:disabled="
(editListItem.csoCourseCode && editListItem.auditCourseCode) ||
editListItem.auditCourseCode
? true
: false
"
>
</el-input>
</el-form-item>
<el-form-item label="审课大学课程代码" label-width="150px"> <el-form-item label="审课大学课程代码" label-width="150px">
<el-input <el-input
v-model="editListItem.auditCourseCode" v-model="editListItem.auditCourseCode"
...@@ -403,7 +616,7 @@ ...@@ -403,7 +616,7 @@
> >
</el-input> </el-input>
</el-form-item> </el-form-item>
</div> </div> -->
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="cancel('editCourseForm')">取 消</el-button> <el-button @click="cancel('editCourseForm')">取 消</el-button>
...@@ -713,6 +926,7 @@ export default { ...@@ -713,6 +926,7 @@ export default {
props: ["id", "UserInfoDetail"], props: ["id", "UserInfoDetail"],
data() { data() {
return { return {
listLoading: true,
userId: "", userId: "",
courseInfoVisible: false, courseInfoVisible: false,
editCourseInfoVisible: false, editCourseInfoVisible: false,
...@@ -939,11 +1153,13 @@ export default { ...@@ -939,11 +1153,13 @@ export default {
}); });
}, },
getCourseList() { getCourseList() {
this.listLoading = true;
courseList({ courseList({
pageNum: 1, pageNum: 1,
pageSize: 999, pageSize: 999,
userId: this.userId userId: this.userId
}).then(res => { }).then(res => {
this.listLoading = false;
this.courseList = res.data.list; this.courseList = res.data.list;
// console.log(this.courseList, "this.courseList"); // console.log(this.courseList, "this.courseList");
}); });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment