|
@@ -3,31 +3,53 @@
|
|
|
<van-nav-bar title="社团选课" left-arrow @click-left="onClickLeft" />
|
|
|
<div class="week">
|
|
|
<ul class="weekday">
|
|
|
- <li @click="changeWeek(week,index)" :class="[state.week == week.name ? 'dayblue' : '']" v-for="(week, index) in classWeek" :key="week">
|
|
|
+ <li
|
|
|
+ @click="changeWeek(week, index)"
|
|
|
+ :class="[state.week == week.name ? 'dayblue' : '']"
|
|
|
+ v-for="(week, index) in classWeek"
|
|
|
+ :key="week"
|
|
|
+ >
|
|
|
<p class="day">{{ week.name }}</p>
|
|
|
<div class="dot">
|
|
|
- <div v-show="index < 3" v-for="(dot, index) in week.course" :key="dot" :class="[
|
|
|
- index == 0 ? 'dot-blue' : '',
|
|
|
+ <div
|
|
|
+ v-show="index < 3"
|
|
|
+ v-for="(dot, index) in week.course"
|
|
|
+ :key="dot"
|
|
|
+ :class="[
|
|
|
+ index == 0 ? 'dot-blue' : '',
|
|
|
index == 1 ? 'dot-orange' : '',
|
|
|
index == 2 ? 'dot-purple' : '',
|
|
|
index == 3 ? 'dot-green' : '',
|
|
|
- ]"></div>
|
|
|
-
|
|
|
+ ]"
|
|
|
+ ></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="slide"></div>
|
|
|
</div>
|
|
|
<van-tabs v-model:active="activeName" shrink>
|
|
|
- <van-tab :title="'课程数量('+courseNum+')'" name="a">
|
|
|
- <div class="class-number" v-show="state.showIndex === index" v-for="(week, index) in classWeek" :key="week">
|
|
|
+ <van-tab :title="'课程数量(' + courseNum + ')'" name="a">
|
|
|
+ <div
|
|
|
+ class="class-number"
|
|
|
+ v-show="state.showIndex === index"
|
|
|
+ v-for="(week, index) in classWeek"
|
|
|
+ :key="week"
|
|
|
+ >
|
|
|
<!-- <p>课程数量({{ week.course.length }})</p> -->
|
|
|
<div class="class-list" v-for="(c, i) in week.course" :key="i">
|
|
|
<div class="class-left"></div>
|
|
|
<div class="class-right">
|
|
|
<h1>{{ c.khfw_kcbgl.kk_name }}</h1>
|
|
|
- <img v-if="c.is_qd.kkq_zt == 3" src="@/assets/icon/icon-success.png" alt="" />
|
|
|
- <img v-if="c.is_qd.kkq_zt == -1" src="@/assets/icon/icon-warning.png" alt="" />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ src="@/assets/icon/icon-success.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ src="@/assets/icon/icon-warning.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<p class="c-detail mt-27px">
|
|
|
<span> 主讲:{{ c.khfw_kcbgl.kkb_zjjs_xm }}</span>
|
|
|
<span class="mx-3px">地点:{{ c.khfw_kcbgl.kj_name }}</span>
|
|
@@ -40,16 +62,31 @@
|
|
|
{{ c.kkbk_endtime }}
|
|
|
</span>
|
|
|
<span class="join-number">
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 0">通过课程申请
|
|
|
- </span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 2" @click="changeStatus(c, index, i)">通过课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 0"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 3">已课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == 2"
|
|
|
+ @click="changeStatus(c, index, i)"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == -1" @click="assignData(c.kkbk_id), (assignTeacher = true)">分配教师
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ >课程申请已通过
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ @click="assignData(c.kkbk_id), (assignTeacher = true)"
|
|
|
+ >分配教师
|
|
|
</span>
|
|
|
+ <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span>
|
|
|
|
|
|
<!-- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span> -->
|
|
|
|
|
@@ -58,21 +95,41 @@
|
|
|
</span>
|
|
|
</span>
|
|
|
|
|
|
- <span class="findmore" @click="toDatail(c.kkbk_id)">查看详情</span>
|
|
|
+ <span class="findmore" @click="toDatail(c.kkbk_id)"
|
|
|
+ >查看详情</span
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab :title="'已正常开课课程('+zcNum+')'" name="b">
|
|
|
- <div class="class-number" v-show="state.showIndex === index" v-for="(week, index) in classWeek" :key="week">
|
|
|
+ <van-tab :title="'已正常开课课程(' + zcNum + ')'" name="b">
|
|
|
+ <div
|
|
|
+ class="class-number"
|
|
|
+ v-show="state.showIndex === index"
|
|
|
+ v-for="(week, index) in classWeek"
|
|
|
+ :key="week"
|
|
|
+ >
|
|
|
<!-- <p>课程数量({{ week.course.length }})</p> -->
|
|
|
- <div class="class-list" v-for="(c, i) in week.course" :key="i" v-show="c.kkyc=='0'">
|
|
|
+ <div
|
|
|
+ class="class-list"
|
|
|
+ v-for="(c, i) in week.course"
|
|
|
+ :key="i"
|
|
|
+ v-show="c.kkyc == '0'"
|
|
|
+ >
|
|
|
<div class="class-left"></div>
|
|
|
<div class="class-right">
|
|
|
<h1>{{ c.khfw_kcbgl.kk_name }}</h1>
|
|
|
- <img v-if="c.is_qd.kkq_zt == 3" src="@/assets/icon/icon-success.png" alt="" />
|
|
|
- <img v-if="c.is_qd.kkq_zt == -1" src="@/assets/icon/icon-warning.png" alt="" />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ src="@/assets/icon/icon-success.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ src="@/assets/icon/icon-warning.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<p class="c-detail mt-27px">
|
|
|
<span> 主讲:{{ c.khfw_kcbgl.kkb_zjjs_xm }}</span>
|
|
|
<span class="mx-3px">地点:{{ c.khfw_kcbgl.kj_name }}</span>
|
|
@@ -85,16 +142,31 @@
|
|
|
{{ c.kkbk_endtime }}
|
|
|
</span>
|
|
|
<span class="join-number">
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 0">通过课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 0"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 2" @click="changeStatus(c, index, i)">通过课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == 2"
|
|
|
+ @click="changeStatus(c, index, i)"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 3">已课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ >已课程申请
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == -1" @click="assignData(c.kkbk_id), (assignTeacher = true)">分配教师
|
|
|
- </span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ @click="assignData(c.kkbk_id), (assignTeacher = true)"
|
|
|
+ >分配教师
|
|
|
</span>
|
|
|
+ <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span>
|
|
|
|
|
|
<!-- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span> -->
|
|
|
|
|
@@ -103,21 +175,41 @@
|
|
|
</span>
|
|
|
</span>
|
|
|
|
|
|
- <span class="findmore" @click="toDatail(c.kkbk_id)">查看详情</span>
|
|
|
+ <span class="findmore" @click="toDatail(c.kkbk_id)"
|
|
|
+ >查看详情</span
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</van-tab>
|
|
|
- <van-tab :title="'非正常开课课程('+ycNum+')'" name="c">
|
|
|
- <div class="class-number" v-show="state.showIndex === index" v-for="(week, index) in classWeek" :key="week">
|
|
|
+ <van-tab :title="'非正常开课课程(' + ycNum + ')'" name="c">
|
|
|
+ <div
|
|
|
+ class="class-number"
|
|
|
+ v-show="state.showIndex === index"
|
|
|
+ v-for="(week, index) in classWeek"
|
|
|
+ :key="week"
|
|
|
+ >
|
|
|
<!-- <p>课程数量({{ week.course.length }})</p> -->
|
|
|
- <div class="class-list" v-for="(c, i) in week.course" v-show="c.kkyc=='1'" :key="i">
|
|
|
+ <div
|
|
|
+ class="class-list"
|
|
|
+ v-for="(c, i) in week.course"
|
|
|
+ v-show="c.kkyc == '1'"
|
|
|
+ :key="i"
|
|
|
+ >
|
|
|
<div class="class-left"></div>
|
|
|
<div class="class-right">
|
|
|
<h1>{{ c.khfw_kcbgl.kk_name }}</h1>
|
|
|
- <img v-if="c.is_qd.kkq_zt == 3" src="@/assets/icon/icon-success.png" alt="" />
|
|
|
- <img v-if="c.is_qd.kkq_zt == -1" src="@/assets/icon/icon-warning.png" alt="" />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ src="@/assets/icon/icon-success.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
+ <img
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ src="@/assets/icon/icon-warning.png"
|
|
|
+ alt=""
|
|
|
+ />
|
|
|
<p class="c-detail mt-27px">
|
|
|
<span> 主讲:{{ c.khfw_kcbgl.kkb_zjjs_xm }}</span>
|
|
|
<span class="mx-3px">地点:{{ c.khfw_kcbgl.kj_name }}</span>
|
|
@@ -130,16 +222,31 @@
|
|
|
{{ c.kkbk_endtime }}
|
|
|
</span>
|
|
|
<span class="join-number">
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 0">通过课程申请
|
|
|
- </span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 2" @click="changeStatus(c, index, i)">通过课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 0"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" style="color: #6f6f6f" v-if="c.is_qd.kkq_zt == 3">已课程申请
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == 2"
|
|
|
+ @click="changeStatus(c, index, i)"
|
|
|
+ >通过课程申请
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == -1" @click="assignData(c.kkbk_id), (assignTeacher = true)">分配教师
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ style="color: #6f6f6f"
|
|
|
+ v-if="c.is_qd.kkq_zt == 3"
|
|
|
+ >已课程申请
|
|
|
</span>
|
|
|
- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到
|
|
|
+ <span
|
|
|
+ type="text"
|
|
|
+ v-if="c.is_qd.kkq_zt == -1"
|
|
|
+ @click="assignData(c.kkbk_id), (assignTeacher = true)"
|
|
|
+ >分配教师
|
|
|
</span>
|
|
|
+ <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span>
|
|
|
<!-- <span type="text" v-if="c.is_qd.kkq_zt == 4">已签到 </span> -->
|
|
|
|
|
|
<span v-for="(item, index) in c.is_qd" :key="index">
|
|
@@ -147,7 +254,9 @@
|
|
|
</span>
|
|
|
</span>
|
|
|
|
|
|
- <span class="findmore" @click="toDatail(c.kkbk_id)">查看详情</span>
|
|
|
+ <span class="findmore" @click="toDatail(c.kkbk_id)"
|
|
|
+ >查看详情</span
|
|
|
+ >
|
|
|
</p>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -159,10 +268,24 @@
|
|
|
|
|
|
<!-- 分配教师 -->
|
|
|
<div v-show="assignTeacher" class="cover"></div>
|
|
|
- <div class="assign-teacher" v-show="assignTeacher && state.showIndex === index" v-for="(week, index) in classWeek" :key="index">
|
|
|
- <van-icon name="cross" size="0.4*13.3vw" @click="(assignTeacher = false), (show = false)" />
|
|
|
+ <div
|
|
|
+ class="assign-teacher"
|
|
|
+ v-show="assignTeacher && state.showIndex === index"
|
|
|
+ v-for="(week, index) in classWeek"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <van-icon
|
|
|
+ name="cross"
|
|
|
+ size="0.4*13.3vw"
|
|
|
+ @click="(assignTeacher = false), (show = false)"
|
|
|
+ />
|
|
|
<h3>分配教师</h3>
|
|
|
- <div v-show="kkbk_id === c.kkbk_id" class="class-right" v-for="(c, i) in week.course" :key="i">
|
|
|
+ <div
|
|
|
+ v-show="kkbk_id === c.kkbk_id"
|
|
|
+ class="class-right"
|
|
|
+ v-for="(c, i) in week.course"
|
|
|
+ :key="i"
|
|
|
+ >
|
|
|
<h1>{{ c.khfw_kcbgl.kk_name }}</h1>
|
|
|
<p class="fp-detail">
|
|
|
<span class="ml-15px"> 主讲:{{ c.khfw_kcbgl.kkb_zjjs_xm }}</span>
|
|
@@ -225,7 +348,7 @@ export default {
|
|
|
kkbk_id: "",
|
|
|
courseNum: "",
|
|
|
ycNum: "0",
|
|
|
- zcNum: "0"
|
|
|
+ zcNum: "0",
|
|
|
};
|
|
|
},
|
|
|
beforeCreate() {
|
|
@@ -233,7 +356,6 @@ export default {
|
|
|
},
|
|
|
methods: {
|
|
|
onClickLeft() {
|
|
|
-
|
|
|
history.back();
|
|
|
},
|
|
|
toDatail(id) {
|
|
@@ -261,7 +383,7 @@ export default {
|
|
|
},
|
|
|
changeWeek(week, index) {
|
|
|
this.ycNum = 0;
|
|
|
- this.zcNum = 0
|
|
|
+ this.zcNum = 0;
|
|
|
this.state.week = week.name;
|
|
|
this.state.showIndex = index;
|
|
|
this.courseNum = week.course.length;
|
|
@@ -269,21 +391,19 @@ export default {
|
|
|
if (item.kkyc == 1) {
|
|
|
this.ycNum++;
|
|
|
} else {
|
|
|
- this.zcNum++
|
|
|
+ this.zcNum++;
|
|
|
}
|
|
|
- })
|
|
|
+ });
|
|
|
|
|
|
console.log(this.ycNum, this.zcNum, 88);
|
|
|
-
|
|
|
},
|
|
|
getWeek() {
|
|
|
var day = new Date().getDay();
|
|
|
var weeks = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
|
|
|
- let index = this.classWeek.findIndex(item => item.name == weeks[day]);
|
|
|
+ let index = this.classWeek.findIndex((item) => item.name == weeks[day]);
|
|
|
this.changeWeek(this.classWeek[index], index);
|
|
|
// this.state.week = weeks[day];
|
|
|
// this.state.showIndex = weeks.indexOf(this.state.week);
|
|
|
-
|
|
|
},
|
|
|
changeStatus(c, index, i) {
|
|
|
let data = {
|