12 changed files with 342 additions and 81 deletions
@ -0,0 +1,26 @@ |
|||
import _axios from "@/plugins/axios"; |
|||
|
|||
//修改用户
|
|||
export function updateUser(data) { |
|||
return _axios({ |
|||
url: `/v1/updateUser`, |
|||
method: "POST", |
|||
data: { id: localStorage.getItem("userId"), ...data }, |
|||
}); |
|||
} |
|||
//查找用户
|
|||
export function getUser(data) { |
|||
return _axios({ |
|||
url: `/v1/getUser`, |
|||
method: "POST", |
|||
data: { id: localStorage.getItem("userId"), ...data }, |
|||
}); |
|||
} |
|||
//修改密码
|
|||
export function updatePassword(data) { |
|||
return _axios({ |
|||
url: `/v1/updatePassword`, |
|||
method: "POST", |
|||
data: { id: localStorage.getItem("userId"), ...data }, |
|||
}); |
|||
} |
|||
@ -0,0 +1,171 @@ |
|||
<template> |
|||
<el-row :gutter="20"> |
|||
<el-col :span="6"> |
|||
<el-card> |
|||
<template #header> |
|||
<div> |
|||
<span>考生信息</span> |
|||
</div> |
|||
</template> |
|||
<p v-for="(userItem, userIndex) in userInfo" :key="userIndex"> |
|||
<template v-if="userItem.type === 'datetimerange'"> |
|||
<div> |
|||
<span>{{ userItem.lable }}：</span> |
|||
<span>{{ _.join(userData[userItem.prop], "——") }}</span> |
|||
</div> |
|||
</template> |
|||
<template v-else-if="userItem.type === 'text'"> |
|||
<div> |
|||
<span>{{ userItem.lable }}：</span> |
|||
<span>{{ userData[userItem.prop] }}</span> |
|||
</div> |
|||
</template> |
|||
</p> |
|||
<template #footer> |
|||
<el-button type="primary" @click="connectTeacher">联系老师</el-button> |
|||
|
|||
</template> |
|||
</el-card> |
|||
</el-col> |
|||
<el-col :span="6"> |
|||
<el-card> |
|||
<template #header> |
|||
<div> |
|||
<span>实时作弊信息</span> |
|||
</div> |
|||
</template> |
|||
<p>实时作弊信息</p> |
|||
|
|||
</el-card> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
视频 |
|||
</el-col> |
|||
</el-row> |
|||
</template> |
|||
<script> |
|||
import _ from "lodash"; |
|||
import { io } from "socket.io-client"; |
|||
import { |
|||
getUser, //获取user信息 |
|||
} from "@/api/student"; |
|||
export default { |
|||
name: "student", |
|||
components: {}, |
|||
data() { |
|||
return { |
|||
_: _, |
|||
userId: "", |
|||
// 学生姓名、学号,考试类型、考试科目、考试时间段 |
|||
userInfo: [ |
|||
{ |
|||
lable: "学校名称", |
|||
prop: "xuexiaomingcheng", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "学校代号", |
|||
prop: "xuexiaodaihao", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "专业名称", |
|||
prop: "zhuanyemingcheng", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "专业代号", |
|||
prop: "zhuanyedaihao", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "年级", |
|||
prop: "nianji", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "班级", |
|||
prop: "banji", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "学生姓名", |
|||
prop: "xueshengxingming", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "学号", |
|||
prop: "xuehao", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "考试类型", |
|||
prop: "kaoshileixing", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "考试科目", |
|||
prop: "kaoshikemu", |
|||
type: "text" |
|||
}, |
|||
{ |
|||
lable: "考试时间段", |
|||
prop: "kaoshishijianduan", |
|||
type: "datetimerange" |
|||
}, |
|||
], |
|||
userData: {}, |
|||
socketMsg: io("http://localhost:3000/msg"), |
|||
socketVedio: io("http://localhost:3000/vedio") |
|||
}; |
|||
}, |
|||
watch: {}, |
|||
computed: {}, |
|||
async mounted() { |
|||
this.userId = _.get(this.$route, ["params", "id"], "") |
|||
await this.getUser() |
|||
this.initMsg() |
|||
}, |
|||
methods: { |
|||
async getUser() { |
|||
let res = await getUser({ |
|||
id: this.userId |
|||
}) |
|||
this.userData = res.list[0] |
|||
}, |
|||
initMsg() { |
|||
this.socketMsg.on("connect", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketMsg.on("data", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketMsg.on("disconnect", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketMsg.on('response', (data) => { |
|||
this.messages.push({ id: Date.now(), text: data.data }); |
|||
}); |
|||
}, |
|||
initVedio() { |
|||
this.socketVedio.on("connect", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketVedio.on("data", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketVedio.on("disconnect", (data) => { |
|||
console.log(data); |
|||
}); |
|||
this.socketVedio.on('response', (data) => { |
|||
this.messages.push({ id: Date.now(), text: data.data }); |
|||
}); |
|||
}, |
|||
connectTeacher() { |
|||
this.socketMsg.emit('message', "this.message"); |
|||
} |
|||
}, |
|||
beforeUnmount() { }, |
|||
}; |
|||
</script> |
|||
<style scoped></style> |
|||
@ -0,0 +1,22 @@ |
|||
from flask import Flask, render_template |
|||
from flask_socketio import SocketIO, emit, Namespace |
|||
from threading import Thread, Event |
|||
|
|||
app = Flask(__name__) |
|||
app.config['SECRET_KEY'] = 'secret!' |
|||
socketio = SocketIO(app, cors_allowed_origins="*") |
|||
|
|||
class MyCustomNamespace(Namespace): |
|||
def on_connect(self): |
|||
print('Client connected') |
|||
|
|||
def on_disconnect(self): |
|||
print('Client disconnected') |
|||
|
|||
def on_message(self, message): |
|||
emit('response', {'data': 'Got it!'}, broadcast=True) |
|||
|
|||
socketio.on_namespace(MyCustomNamespace('/test')) |
|||
|
|||
if __name__ == '__main__': |
|||
socketio.run(app, debug=True) |
|||
Loading…
Reference in new issue