|
|
@@ -7,10 +7,24 @@
|
|
|
<div class="name">
|
|
|
<span>{{ info.username }}</span>
|
|
|
</div>
|
|
|
+ <div
|
|
|
+ style="position: absolute;top: 50%;left: 0;"
|
|
|
+ @click="upStu"
|
|
|
+ v-if="num"
|
|
|
+ >
|
|
|
+ <i class="el-icon-arrow-left" style="font-size: 25px;cursor: pointer;"></i>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ style="position: absolute;top: 50%;right: 0;"
|
|
|
+ @click="nextStu"
|
|
|
+ v-if="num != stuList.length - 1"
|
|
|
+ >
|
|
|
+ <i class="el-icon-arrow-right" style="font-size: 25px;cursor: pointer;"></i>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="i_bottom">
|
|
|
<div class="i_bottom_span">
|
|
|
- <span>班级</span>
|
|
|
+ <span style="text-align: left;">班级</span>
|
|
|
<el-tooltip
|
|
|
:content="info.cname ? info.cname : '暂无'"
|
|
|
placement="top"
|
|
|
@@ -20,7 +34,7 @@
|
|
|
</el-tooltip>
|
|
|
</div>
|
|
|
<div class="i_bottom_span">
|
|
|
- <span>备注</span>
|
|
|
+ <span style="text-align: left;">备注</span>
|
|
|
<el-tooltip
|
|
|
:content="info.intro ? info.intro : '暂无'"
|
|
|
placement="top"
|
|
|
@@ -47,50 +61,148 @@ import avator from "../../../../assets/icon/test/teacher.jpg";
|
|
|
import infoDialog from "./infoDialog/index.vue";
|
|
|
export default {
|
|
|
components: {
|
|
|
- infoDialog,
|
|
|
+ infoDialog
|
|
|
},
|
|
|
props: {
|
|
|
userid: {
|
|
|
- type: String,
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ teaId: {
|
|
|
+ type: String
|
|
|
},
|
|
|
oid: {
|
|
|
- type: String,
|
|
|
+ type: String
|
|
|
},
|
|
|
+ cid: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ org: {
|
|
|
+ type: String
|
|
|
+ },
|
|
|
+ role: {
|
|
|
+ type: String
|
|
|
+ }
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
avator: avator,
|
|
|
info: {},
|
|
|
dialogVisibleInfo: false,
|
|
|
+ // 班级学生列表
|
|
|
+ stuList: [],
|
|
|
+ // 处在班级的第几个位置
|
|
|
+ num: ""
|
|
|
};
|
|
|
},
|
|
|
watch: {
|
|
|
dialogVisibleInfo(newValue, oldValue) {
|
|
|
this.getData();
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
methods: {
|
|
|
+ upStu() {
|
|
|
+ console.log("qqqqqq", this.num);
|
|
|
+ this.num = this.num * 1 - 1;
|
|
|
+ // this.$router.replace(
|
|
|
+ // `/kindStudentEva?userid=${this.teaId}&oid=${this.oid}&org=${
|
|
|
+ // this.org
|
|
|
+ // }&suid=${this.stuList[this.num]}&cid=${this.cid}&role=${this.role}`
|
|
|
+ // );
|
|
|
+ // this.$router.replace({
|
|
|
+ // path: this.$route.path, // 当前页面的路径
|
|
|
+ // // params: currentParams, // 重新传递之前的参数
|
|
|
+ // query: {
|
|
|
+ // userid: this.teaId,
|
|
|
+ // oid: this.oid,
|
|
|
+ // org: this.org,
|
|
|
+ // suid: this.stuList[this.num],
|
|
|
+ // cid: this.cid,
|
|
|
+ // role: this.role
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ this.$emit("updateUid", this.stuList[this.num]);
|
|
|
+
|
|
|
+ },
|
|
|
+ nextStu() {
|
|
|
+ // console.log("this.userid", this.teaId);
|
|
|
+ // console.log("this.oid", this.oid);
|
|
|
+ // console.log("this.org", this.org);
|
|
|
+ // console.log("this.cid", this.cid);
|
|
|
+ // console.log("this.role", this.role);
|
|
|
+ // console.log("this.suid", this.stuList[this.num]);
|
|
|
+
|
|
|
+ this.num = this.num * 1 + 1;
|
|
|
+ // this.$router.push({ params: { suid: this.stuList[this.num] } });
|
|
|
+ // this.$router.replace({
|
|
|
+ // path: this.$route.path, // 当前页面的路径
|
|
|
+ // // params: currentParams, // 重新传递之前的参数
|
|
|
+ // query: {
|
|
|
+ // userid: this.teaId,
|
|
|
+ // oid: this.oid,
|
|
|
+ // org: this.org,
|
|
|
+ // suid: this.stuList[this.num],
|
|
|
+ // cid: this.cid,
|
|
|
+ // role: this.role
|
|
|
+ // }
|
|
|
+ // });
|
|
|
+ this.$emit("updateUid", this.stuList[this.num]);
|
|
|
+
|
|
|
+ },
|
|
|
+ // 获取班学生列表
|
|
|
+ getStuList() {
|
|
|
+ this.stuList = [];
|
|
|
+ const data2 = {
|
|
|
+ cid: this.cid
|
|
|
+ };
|
|
|
+
|
|
|
+ this.ajax
|
|
|
+ .get(this.$store.state.api + "selectClassStudent", data2)
|
|
|
+ .then(res => {
|
|
|
+ console.log(res.data[0]);
|
|
|
+ let data = res.data[0];
|
|
|
+ data.forEach(e => {
|
|
|
+ this.stuList.push(e.id);
|
|
|
+ });
|
|
|
+ this.num = this.stuList.indexOf(this.userid);
|
|
|
+ console.log("oooooo", this.stuList, this.num);
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ console.error(err);
|
|
|
+ });
|
|
|
+
|
|
|
+ // selectClassStudent(data2).then(res => {
|
|
|
+ // res[0].forEach(e => {
|
|
|
+ // this.stuList.push(e.id);
|
|
|
+ // });
|
|
|
+ // // console.log('获取班学生列表', this.stuList)
|
|
|
+ // // 查询学生在数组中的位置
|
|
|
+ // this.num = this.stuList.indexOf(this.userid);
|
|
|
+ // console.log('oooooo', this.stuList, this.num);
|
|
|
+ // });
|
|
|
+ },
|
|
|
getData() {
|
|
|
let params = {
|
|
|
- uid: this.userid,
|
|
|
+ uid: this.userid
|
|
|
};
|
|
|
this.ajax
|
|
|
.get(this.$store.state.api + "selectSDetail", params)
|
|
|
- .then((res) => {
|
|
|
+ .then(res => {
|
|
|
this.info = res.data[0][0];
|
|
|
+ console.log("this.info ", this.info);
|
|
|
// 用于存储归类后的数据的对象
|
|
|
})
|
|
|
- .catch((err) => {
|
|
|
+ .catch(err => {
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
openInfo() {
|
|
|
this.dialogVisibleInfo = true;
|
|
|
- },
|
|
|
+ }
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getData();
|
|
|
- },
|
|
|
+ this.getStuList();
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
@@ -103,6 +215,8 @@ export default {
|
|
|
border-radius: 10px;
|
|
|
margin-bottom: 10px;
|
|
|
overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 15px;
|
|
|
}
|
|
|
|
|
|
.i_top {
|
|
|
@@ -116,6 +230,7 @@ export default {
|
|
|
align-items: center;
|
|
|
box-sizing: border-box;
|
|
|
border-bottom: 1px solid #efefef;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
.i_top > .img {
|
|
|
@@ -179,7 +294,7 @@ export default {
|
|
|
.i_bottom > .i_bottom_span > span:nth-child(2) {
|
|
|
width: calc(100% - 30px);
|
|
|
overflow: hidden;
|
|
|
- margin-left: 20px;
|
|
|
+ /* margin-left: 20px; */
|
|
|
white-space: nowrap;
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
@@ -208,4 +323,4 @@ export default {
|
|
|
background-image: url("../../../../assets/icon/test/edit-icon.png");
|
|
|
margin-right: 10px;
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
yuanyiming