p35z7urxv
/
pqa2fspn3
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[fix][V]：完善课表数据格式以及显示

Browse Source
master
Romesum 5 years ago
parent 4d4b90788b
commit 9f3d8d4937
1 changed files with 517 additions and 33 deletions
Show Stats Download Patch File Download Diff File

550
element-vue/src/components/tb_course.vue
Unescape View File

@ -2,17 +2,59 @@
<div> <div>
<el-table :data="tableData" :span-method="objectSpanMethod" @cell-click="test" :cell-style="cStyle"> <el-table :data="tableData" :span-method="objectSpanMethod" @cell-click="test" :cell-style="cStyle">
<el-table-column :label="tableLabel"align="center " > <el-table-column :label="tableLabel" align="center ">
<el-table-column prop="daytime" label="" fixed align="center" width="60"></el-table-column> <el-table-column prop="daytime" label="" fixed align="center" width="60"></el-table-column>
<el-table-column prop="time" label="" fixed align="center" width="100"></el-table-column> <el-table-column prop="time" label="" fixed align="center" width="100"></el-table-column>
<el-table-column :index="1" prop="Monday" label="星期一" align="center"></el-table-column> <el-table-column :index="1" prop="Monday" label="星期一" align="center">
<el-table-column :index="2" prop="Tuesday" label="星期二" align="center"></el-table-column> <template slot-scope="scope">
<el-table-column :index="3" prop="Wednesday" label="星期三" align="center"></el-table-column> {{scope.row.Monday.name}} &nbsp;<br>
<el-table-column :index="4" prop="Thursday" label="星期四" align="center"></el-table-column> {{scope.row.Monday.classes}} &nbsp; {{scope.row.Monday.population}}<br>
<el-table-column :index="5" prop="Friday" label="星期五" align="center"></el-table-column> {{scope.row.Monday.software}}
<el-table-column :index="6" prop="Saturday" label="星期六" align="center"></el-table-column> </template>
<el-table-column :index="7" prop="Sunday" label="星期日" align="center"></el-table-column> </el-table-column>
<el-table-column :index="2" prop="Tuesday" label="星期二" align="center">
<template slot-scope="scope">
{{scope.row.Tuesday.name}} &nbsp;<br>
{{scope.row.Tuesday.classes}} &nbsp; {{scope.row.Tuesday.population}}<br>
{{scope.row.Tuesday.software}}
</template>
</el-table-column>
<el-table-column :index="3" prop="Wednesday" label="星期三" align="center">
<template slot-scope="scope">
{{scope.row.Wednesday.name}} &nbsp;<br>
{{scope.row.Wednesday.classes}} &nbsp; {{scope.row.Wednesday.population}}<br>
{{scope.row.Wednesday.software}}
</template>
</el-table-column>
<el-table-column :index="4" prop="Thursday" label="星期四" align="center">
<template slot-scope="scope">
{{scope.row.Thursday.name}} &nbsp;<br>
{{scope.row.Thursday.classes}} &nbsp; {{scope.row.Thursday.population}}<br>
{{scope.row.Thursday.software}}
</template>
</el-table-column>
<el-table-column :index="5" prop="Friday" label="星期五" align="center">
<template slot-scope="scope">
{{scope.row.Friday.name}} &nbsp;<br>
{{scope.row.Friday.classes}} &nbsp; {{scope.row.Friday.population}}<br>
{{scope.row.Friday.software}}
</template>
</el-table-column>
<el-table-column :index="6" prop="Saturday" label="星期六" align="center">
<template slot-scope="scope">
{{scope.row.Saturday.name}} &nbsp;<br>
{{scope.row.Saturday.classes}} &nbsp; {{scope.row.Saturday.population}}<br>
{{scope.row.Saturday.software}}
</template>
</el-table-column>
<el-table-column :index="7" prop="Sunday" label="星期日" align="center">
<template slot-scope="scope">
{{scope.row.Sunday.name}} &nbsp;<br>
{{scope.row.Sunday.classes}} &nbsp; {{scope.row.Sunday.population}}<br>
{{scope.row.Sunday.software}}
</template>
</el-table-column>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
@ -21,29 +63,41 @@
<script> <script>
import navBar from "~/components/teacher/navBar"; import navBar from "~/components/teacher/navBar";
import {get, post} from "~/utils"; import {get, post} from "~/utils";
export default { export default {
name: "tb_course", name: "tb_course",
components:{navBar}, components: {navBar},
props:['tableLabel','courseMessage','cClick','cStyle',], props: ['tableLabel', 'courseMessage', 'cClick', 'cStyle',],
data(){ data() {
return{ return {
item:'', item: '',
tableData:[ data: [],
{index:1,daytime:'上午',time:'第一节',Monday:'',Tuesday:'',Wednesday:'',Thursday:'', tableData: [
Friday:'',Saturday:'',Sunday:''}, {
{index:2,daytime:'上午',time:'第二节',Monday:'',Tuesday:'',Wednesday:'',Thursday:'', index: 1, daytime: '上午', time: '第一节', Monday: '', Tuesday: '', Wednesday: '', Thursday: '',
Friday:'',Saturday:'',Sunday:''}, Friday: '', Saturday: '', Sunday: ''
{index:3,daytime:'下午',time:'第三节',Monday:'',Tuesday:'',Wednesday:'',Thursday:'', },
Friday:'',Saturday:'',Sunday:''}, {
{index:4,daytime:'下午',time:'第四节',Monday:'',Tuesday:'',Wednesday:'',Thursday:'', index: 2, daytime: '上午', time: '第二节', Monday: '', Tuesday: '', Wednesday: '', Thursday: '',
Friday:'',Saturday:'',Sunday:''}, Friday: '', Saturday: '', Sunday: ''
{index:5,daytime:'晚上',time:'第五节',Monday:'',Tuesday:'',Wednesday:'',Thursday:'', },
Friday:'',Saturday:'',Sunday:''} {
index: 3, daytime: '下午', time: '第三节', Monday: '', Tuesday: '', Wednesday: '', Thursday: '',
Friday: '', Saturday: '', Sunday: ''
},
{
index: 4, daytime: '下午', time: '第四节', Monday: '', Tuesday: '', Wednesday: '', Thursday: '',
Friday: '', Saturday: '', Sunday: ''
},
{
index: 5, daytime: '晚上', time: '第五节', Monday: '', Tuesday: '', Wednesday: '', Thursday: '',
Friday: '', Saturday: '', Sunday: ''
}
] ]
} }
}, },
methods:{ methods: {
objectSpanMethod({ row, column, rowIndex, columnIndex }) { objectSpanMethod({row, column, rowIndex, columnIndex}) {
if (columnIndex === 0) { if (columnIndex === 0) {
if (rowIndex % 2 === 0) { if (rowIndex % 2 === 0) {
return { return {
@ -58,9 +112,9 @@
} }
} }
}, },
test(col,row,cell,event){ test(col, row, cell, event) {
console.log('第'+row.index+'行') console.log('第' + row.index + '行')
console.log('第'+col.index+'列') console.log('第' + col.index + '列')
} }
}, },
mounted() { mounted() {
@ -80,7 +134,437 @@
// } // }
// //
// } // }
this.data = [
[
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "Web开发",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
}
],
[
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "微机",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
}
],
[
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{},
{
"ucId": 1,
"name": "就业指导",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
}
],
[
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
}
],
[
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
},
{
"ucId": 1,
"name": "课程设计",
"software": "IDEA",
"year": "2019",
"semester": 2,
"population": 50,
"classes": "17软件工程6班",
"remind": "",
"ishavedocuments": 1,
"uid": 1
}
]
]
for (let i = 0; i < 5; i++) {
this.tableData[i].Monday = this.data[i][0]
this.tableData[i].Tuesday = this.data[i][1]
this.tableData[i].Wednesday = this.data[i][2]
this.tableData[i].Thursday = this.data[i][3]
this.tableData[i].Friday = this.data[i][4]
this.tableData[i].Saturday = this.data[i][5]
this.tableData[i].Sunday = this.data[i][6]
}
console.log(this.tableData)
} }
} }
</script> </script>

Write Preview
Loading…
Cancel
Save