Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

300COM_10438543_Luhong-Wu/userinfo.html

Go to file
 
 
Cannot retrieve contributors at this time
367 lines (321 sloc) 14.5 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="shortcut icon" href="assets/favicon.ico">
<title>Manage</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/vue.js"></script>
<script src="js/vue-resource.js"></script>
<script src="js/element.js"></script>
<script src="js/sweet-alert.js"></script>
<script src="js/highlight.pack.js"></script>
<script src="js/quill.js"></script>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/image-resize.min.js"></script>
<link rel="stylesheet" href="css/element.css">
<link rel="stylesheet" href="css/sweet-alert.css">
<link rel="stylesheet" href="css/userinfo.css">
<link rel="stylesheet" href="css/atom-one-dark.css">
<link rel="stylesheet" href="css/quill.snow.css">
<style>
.ql-editor {
min-height: 400px;
}
</style>
</head>
<body>
<div id="app">
<div class="index-nav">
<a @click="dialogloginVisible=true" v-if="user.username==''"
style="float: right;position: relative;right: 30px;top: 25px;text-decoration: none;">
Sign in
</a>
<a href="#" v-if="user.username!=''" @click='signout'
style="float: right;position: relative;right: 30px;top: 25px;text-decoration: none; margin-left: 30px;">
Sign out
</a>
<a href="#" v-if="user.username!=''"
style="float: right;position: relative;right: 30px;top: 25px;text-decoration: none;">
{{user.username}}
</a>
<div class="logo-container" onclick="window.location.href='/index.html'">
<img class="logo" src="assets/logo.jpg">
<div style="align-self: center;font-size: 25px;font-family: xingshu;">Intelligent Q&A System</div>
<el-link class="nav-link" href="index.html">Search</el-link>
<el-link class="nav-link" href="playground.html">Q & A platform</el-link>
<el-link v-if="user.user_type=='teacher'" class="nav-link" href="manager.html">Manage</el-link>
</div>
</div>
<div class="all">
<div class="box">
<div class="card bg-01" @click="show_table_index=1"><span class="card-content">List of submitted questions</span></div>
</div>
<div class="box">
<div class="card bg-02" @click="show_table_index=2"><span class="card-content">List of submitted answers</span></div>
</div>
<div class="box">
<div class="card bg-03" @click="show_table_index=3"><span class="card-content">List of supported answers</span>
</div>
</div>
<div class="box">
<div class="card bg-04" @click="show_table_index=4"><span class="card-content">List of foldered questions</span></div>
</div>
<!-- <div class="box">
<div class="card bg-06"><span class="card-content">long menu item #1</span></div>
</div> -->
</div>
<div id="table-container">
<div v-show="show_table_index==1">
<el-table :data="submit_question_list" style="width: 100%" >
<el-table-column label="Index" >
<template slot-scope="props">
{{props.$index+1}}
</template>
</el-table-column>
<el-table-column prop="content" label="Title" >
</el-table-column>
<el-table-column prop="answer_sum" label="Number of Answers" :align="'center'"></el-table-column>
<el-table-column prop="foldered_sum" label="Number of foldered" :align="'center'"></el-table-column>
<el-table-column prop="ctime" sortable label="Time of submit" :align="'center'"></el-table-column>
<el-table-column label="Operation" :align="'center'">
<template slot-scope="props">
<el-link type="primary" @click="toQuestionDetail(props.row.id)">Visit Detail</el-link>
</template>
</el-table-column>
</el-table>
</div>
<div v-show="show_table_index==2">
<el-table :data="submit_answer_list" style="width: 100%" >
<el-table-column label="Index" >
<template slot-scope="props">
{{props.$index+1}}
</template>
</el-table-column>
<el-table-column prop="question_content" label="Content" >
</el-table-column>
<el-table-column prop="adopt_sum" label="Number of supported" :align="'center'"></el-table-column>
<el-table-column prop="ctime" sortable label="Time of submit" :align="'center'"></el-table-column>
<el-table-column label="Operation" :align="'center'">
<template slot-scope="props">
<el-link type="primary" @click="toAnswerDetail(props.row.id,props.row.question_id)">Visit detail</el-link>
</template>
</el-table-column>
</el-table>
</div>
<div v-show="show_table_index==3">
<el-table :data="adopt_answer_list" style="width: 100%" >
<el-table-column label="Index" >
<template slot-scope="props">
{{props.$index+1}}
</template>
</el-table-column>
<el-table-column prop="question_content" label="Content" >
</el-table-column>
<el-table-column prop="adopt_sum" label="Number of support" :align="'center'"></el-table-column>
<el-table-column prop="ctime" sortable label="Time of submit" :align="'center'"></el-table-column>
<el-table-column label="Operation" :align="'center'">
<template slot-scope="props">
<el-link type="primary" @click="toAnswerDetail(props.row.answer_id,props.row.question_id)">Visit detail</el-link>
</template>
</el-table-column>
</el-table>
</div>
<div v-show="show_table_index==4">
<el-table :data="folder_question_list" style="width: 100%" >
<el-table-column label="Index" >
<template slot-scope="props">
{{props.$index+1}}
</template>
</el-table-column>
<el-table-column prop="content" label="Title" >
</el-table-column>
<el-table-column prop="answer_sum" label="Number of answers" :align="'center'"></el-table-column>
<el-table-column prop="foldered_sum" label="Number of foldered" :align="'center'"></el-table-column>
<el-table-column prop="ctime" sortable label="Time of submit" :align="'center'"></el-table-column>
<el-table-column label="Operation" :align="'center'">
<template slot-scope="props">
<el-link type="primary" @click="toQuestionDetail(props.row.id)">Visit detail</el-link>
</template>
</el-table-column>
</el-table>
</div>
</div>
<el-dialog title="修改" :visible.sync="dialogeditVisible">
<div v-loading="loading" element-loading-text="拼命上传中" element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)">
<div id="editor">
</div>
<div style="text-align: right;margin: 20px;">
<el-button type="primary">Submit answer</el-button>
</div>
</div>
</el-dialog>
<el-dialog title="Sign in" :visible.sync="dialogloginVisible">
<el-form>
<el-form-item label="NO">
<el-input v-model="user_no" autocomplete="off"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button @click="dialogloginVisible = false">Cancel</el-button>
<el-button type="primary" @click="login">Login</el-button>
</div>
</el-dialog>
</div>
<script>
var vm = new Vue({
el: "#app",
data: {
msg: "hello vue",
show_table_index:1,
user: {
username: "",
avatar: "",
user_type: "",
id: -1
},
loading: false,
user_no:"",
dialogloginVisible: false,
dialogeditVisible:false,
submit_question_list: [],
submit_answer_list: [],
adopt_answer_list: [],
folder_question_list: []
},
beforeCreate() {
$.ajax({
url: "http://127.0.0.1:5000/userinfo/",
method: 'get',
xhrFields: {
withCredentials: true
},
success: (response) => {
if (response["id"] == "-1"){
this.user["id"] = -1;
swal("未登录","没登录没有数据哟","warning");
return;
}
else{
this.user = response;
$.ajax({
url: "http://127.0.0.1:5000/user_data/",
method: 'post',
xhrFields: {
withCredentials: true
},
success: (response) => {
this.submit_answer_list = response["submit_answer_list"];
this.submit_question_list = response["submit_question_list"];
this.adopt_answer_list = response["adopt_answer_list"];
this.folder_question_list = response["folder_question_list"];
}
});
}
}
});
},
created() {
if(this.user.id==-1){
}
},
methods: {
login() {
$.ajax({
url: "http://127.0.0.1:5000/login/",
method: 'post',
xhrFields: {
withCredentials: true
},
data: {
user_no: this.user_no
},
success: (response) => {
if (response["id"] == "-1")
this.user["id"] = -1;
else{
this.user = response;
swal("Successfully","Welcome back","success");
}
this.dialogloginVisible = false;
}
});
},
signout(){
alert("注销");
},
toQuestionDetail(question_id){
window.localStorage.setItem("question_id",question_id);
window.location.href = window.location.origin + '/detail.html';
},
toAnswerDetail(answer_id,question_id){
window.localStorage.setItem("question_id",question_id);
window.location.href = window.location.origin + '/detail.html'+"#answer_"+answer_id;
}
}
});
var toolbarOptions = [
['bold', 'italic', 'underline', 'strike'], // 切换按钮
['blockquote', 'image', 'code-block'],
[{
'header': 1
}, {
'header': 2
}], // 用户自定义按钮值
[{
'list': 'ordered'
}, {
'list': 'bullet'
}],
[{
'script': 'sub'
}, {
'script': 'super'
}], // 上标/下标
[{
'indent': '-1'
}, {
'indent': '+1'
}], // 减少缩进/缩进
[{
'direction': 'rtl'
}], // 文本下划线
[{
'size': ['small', false, 'large', 'huge']
}], // 用户自定义下拉
[{
'header': [1, 2, 3, 4, 5, 6, false]
}],
[{
'color': []
}, {
'background': []
}], // 主题默认下拉，使用主题提供的值
[{
'font': []
}],
[{
'align': []
}],
['clean'] // 清除格式
];
var quill = new Quill('#editor', {
modules: {
toolbar: toolbarOptions,
imageResize: {}
},
theme: 'snow'
});
var quill_editor = document.getElementsByClassName('ql-code-block')[0];
quill_editor.addEventListener("click", event => {
console.log("sss");
for (let element of quill_editor.getElementsByTagName("pre")) {
hljs.highlightBlock(element);
}
});
</script>
</body>
</html>