|
|
@@ -1,21 +1,14 @@
|
|
|
<template>
|
|
|
<div class="cd_body" style="overflow: auto">
|
|
|
- <div
|
|
|
- class="pb_content_body"
|
|
|
- style="
|
|
|
+ <div class="pb_content_body" style="
|
|
|
background: #fff;
|
|
|
padding: 0px 25px;
|
|
|
box-sizing: border-box;
|
|
|
width: 95%;
|
|
|
margin: 10px auto 0;
|
|
|
- "
|
|
|
- >
|
|
|
+ ">
|
|
|
<div class="pb_head">
|
|
|
- <img
|
|
|
- src="../../assets/case.png"
|
|
|
- style="margin-right: 10px; width: 45px;"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img src="../../assets/case.png" style="margin-right: 10px; width: 45px;" alt="" />
|
|
|
<span>项目数据看板</span>
|
|
|
</div>
|
|
|
<div class="student_head">
|
|
|
@@ -24,41 +17,24 @@
|
|
|
<el-select v-model="choose" @change="getData">
|
|
|
<el-option label="默认排序" value=""> </el-option>
|
|
|
<el-option label="学校名称" value="school"> </el-option>
|
|
|
- <el-option label="任务数量" value="task"> </el-option>
|
|
|
+ <!-- <el-option label="任务数量" value="task"> </el-option>
|
|
|
<el-option label="评价" value="eval"> </el-option>
|
|
|
<el-option label="工具" value="tool"> </el-option>
|
|
|
- <el-option label="字数" value="font"> </el-option>
|
|
|
+ <el-option label="字数" value="font"> </el-option> -->
|
|
|
</el-select>
|
|
|
- <el-input
|
|
|
- v-model="search"
|
|
|
- class="student_input"
|
|
|
- placeholder="请输入教师名称或学校名称"
|
|
|
- @input="getData"
|
|
|
- ></el-input>
|
|
|
+ <el-input v-model="search" class="student_input" placeholder="请输入教师名称或学校名称" @input="getData"></el-input>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="cd_table">
|
|
|
- <el-table
|
|
|
- ref="table"
|
|
|
- :data="tableData"
|
|
|
- border
|
|
|
- :fit="true"
|
|
|
- v-loading="isLoading"
|
|
|
- style="width: 100%"
|
|
|
- :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }"
|
|
|
- :row-class-name="tableRowClassName"
|
|
|
- class="table"
|
|
|
- >
|
|
|
+ <el-table ref="table" :data="tableData" border :fit="true" v-loading="isLoading" style="width: 100%"
|
|
|
+ :header-cell-style="{ background: '#f1f1f1', fontSize: '17px' }" :row-class-name="tableRowClassName"
|
|
|
+ class="table">
|
|
|
<el-table-column label="课程" min-width="15" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<div style="max-height: 180px; overflow: auto">
|
|
|
- <div
|
|
|
- v-for="(item, index) in scope.row.course"
|
|
|
- :key="index"
|
|
|
- class="cd_course"
|
|
|
- @click="jump(item.courseId)"
|
|
|
- >
|
|
|
+ <div v-for="(item, index) in scope.row.course" :key="index" class="cd_course"
|
|
|
+ @click="jump(item.courseId)">
|
|
|
<el-tooltip :content="item.title">
|
|
|
<span>{{ item.title }}</span>
|
|
|
</el-tooltip>
|
|
|
@@ -66,28 +42,13 @@
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="学校"
|
|
|
- prop="school"
|
|
|
- min-width="15"
|
|
|
- align="center"
|
|
|
- >
|
|
|
+ <el-table-column label="学校" prop="school" min-width="15" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="负责人"
|
|
|
- prop="username"
|
|
|
- min-width="15"
|
|
|
- align="center"
|
|
|
- >
|
|
|
+ <el-table-column label="负责人" prop="username" min-width="15" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- label="更新时间"
|
|
|
- prop="time"
|
|
|
- min-width="15"
|
|
|
- align="center"
|
|
|
- >
|
|
|
+ <el-table-column label="更新时间" prop="time" min-width="15" align="center">
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="总计" min-width="15" align="center">
|
|
|
+ <!-- <el-table-column label="总计" min-width="15" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="cd_d_span">
|
|
|
<div>
|
|
|
@@ -260,33 +221,22 @@
|
|
|
</div>
|
|
|
<div v-else>—</div>
|
|
|
</template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="操作" min-width="15">
|
|
|
+ </el-table-column> -->
|
|
|
+ <el-table-column label="操作" width="150px">
|
|
|
<template slot-scope="scope">
|
|
|
<!-- <div
|
|
|
@click="getAll(scope.row)"
|
|
|
>
|
|
|
查看全部
|
|
|
</div> -->
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- style="background: rgb(147, 125, 223); border: none"
|
|
|
- @click="getAll(scope.row)"
|
|
|
- >查看详情</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" size="small" style="background: rgb(147, 125, 223); border: none"
|
|
|
+ @click="getAll(scope.row)">查看详情</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
- <el-dialog
|
|
|
- title="查看"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- :append-to-body="true"
|
|
|
- width="620px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy"
|
|
|
- >
|
|
|
+ <!-- <el-dialog title="查看" :visible.sync="dialogVisible" :append-to-body="true" width="620px" :before-close="handleClose"
|
|
|
+ class="dialog_diy">
|
|
|
<div v-if="dataArray.length">
|
|
|
<div class="cd_d_jd2">
|
|
|
<div class="cd_d_box">
|
|
|
@@ -297,28 +247,20 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="cd_d_jd">
|
|
|
- <div
|
|
|
- v-for="(item, index) in dataArray"
|
|
|
- :key="index"
|
|
|
- class="cd_d_jd_box"
|
|
|
- >
|
|
|
+ <div v-for="(item, index) in dataArray" :key="index" class="cd_d_jd_box">
|
|
|
<div class="cd_d_jd_name">{{ "阶段" + (index + 1) }}</div>
|
|
|
<div class="cd_d_jd_content cd_d_span">
|
|
|
<div>
|
|
|
- <span>{{ data[item].taskC }}</span
|
|
|
- ><span>任务</span>
|
|
|
+ <span>{{ data[item].taskC }}</span><span>任务</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data[item].toolC }}</span
|
|
|
- ><span>工具</span>
|
|
|
+ <span>{{ data[item].toolC }}</span><span>工具</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data[item].evalC }}</span
|
|
|
- ><span>评价</span>
|
|
|
+ <span>{{ data[item].evalC }}</span><span>评价</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data[item].fontC }}</span
|
|
|
- ><span>字</span>
|
|
|
+ <span>{{ data[item].fontC }}</span><span>字</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -326,36 +268,39 @@
|
|
|
<div class="cd_d_jd_name">总计</div>
|
|
|
<div class="cd_d_jd_content cd_d_span" style="background: #d4d4d4">
|
|
|
<div>
|
|
|
- <span>{{ data["jdz"].taskC }}</span
|
|
|
- ><span>任务</span>
|
|
|
+ <span>{{ data["jdz"].taskC }}</span><span>任务</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data["jdz"].toolC }}</span
|
|
|
- ><span>工具</span>
|
|
|
+ <span>{{ data["jdz"].toolC }}</span><span>工具</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data["jdz"].evalC }}</span
|
|
|
- ><span>评价</span>
|
|
|
+ <span>{{ data["jdz"].evalC }}</span><span>评价</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <span>{{ data["jdz"].fontC }}</span
|
|
|
- ><span>字</span>
|
|
|
+ <span>{{ data["jdz"].fontC }}</span><span>字</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button @click="dialogVisible = false" class="cancelbtnGM"
|
|
|
- >关闭</el-button
|
|
|
- >
|
|
|
+ <el-button @click="dialogVisible = false" class="cancelbtnGM">关闭</el-button>
|
|
|
</span>
|
|
|
- </el-dialog>
|
|
|
+ </el-dialog> -->
|
|
|
+ <div v-if="dialogVisible" class="vbody">
|
|
|
+ <CourseCase :data="data"></CourseCase>
|
|
|
+ <el-button class="btn" @click="dialogVisible = false" type="primary" size="small"
|
|
|
+ style="background: rgb(147, 125, 223); border: none">关闭</el-button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import CourseCase from './components/courseCase.vue';
|
|
|
export default {
|
|
|
+ components: {
|
|
|
+ CourseCase,
|
|
|
+ },
|
|
|
data() {
|
|
|
return {
|
|
|
tableData: [],
|
|
|
@@ -395,16 +340,29 @@ export default {
|
|
|
let _res = res.data[0];
|
|
|
let _res2 = res.data[1];
|
|
|
for (var i = 0; i < _res.length; i++) {
|
|
|
- let taskC = 0;
|
|
|
- let toolC = 0;
|
|
|
- let evalC = 0;
|
|
|
- let fontC = 0;
|
|
|
let course = [];
|
|
|
+ var ck = 0
|
|
|
for (var j = 0; j < _res2.length; j++) {
|
|
|
if (_res[i].userid == _res2[j].userid) {
|
|
|
+ let taskC = 0;
|
|
|
+ let toolC = 0;
|
|
|
+ let evalC = 0;
|
|
|
+ let fontC = 0;
|
|
|
+
|
|
|
+
|
|
|
+ let wang = 0;//7
|
|
|
+ let si = 0;//3
|
|
|
+ let dian = 0;//1
|
|
|
+ let xuan = 0;//45
|
|
|
+ let wen = 0;//4
|
|
|
+ let ti = 0;//16
|
|
|
+ let other = 0;
|
|
|
course.push({
|
|
|
title: _res2[j].title,
|
|
|
courseId: _res2[j].courseId,
|
|
|
+ jd: [],
|
|
|
+ jdz: {},
|
|
|
+ course: {}
|
|
|
});
|
|
|
var _chapter = JSON.parse(_res2[j].chapters);
|
|
|
for (var k = 0; k < _chapter.length; k++) {
|
|
|
@@ -412,6 +370,7 @@ export default {
|
|
|
let toolC2 = 0;
|
|
|
let evalC2 = 0;
|
|
|
let fontC2 = 0;
|
|
|
+
|
|
|
fontC2 += _chapter[k].dyName.length;
|
|
|
taskC2 = _chapter[k].chapterInfo[0].taskJson.length;
|
|
|
let _tasks = _chapter[k].chapterInfo[0].taskJson;
|
|
|
@@ -430,30 +389,72 @@ export default {
|
|
|
for (var tool = 0; tool < _tools.length; tool++) {
|
|
|
fontC2 += _tools[tool].toolDetail.length;
|
|
|
}
|
|
|
+ for (var toolci = 0; toolci < _tasks[task].toolChoose.length; toolci++) {
|
|
|
+ if (_tasks[task].toolChoose[toolci].tool.indexOf(7) != -1) {
|
|
|
+ wang++
|
|
|
+ } else if (_tasks[task].toolChoose[toolci].tool.indexOf(3) != -1) {
|
|
|
+ si++
|
|
|
+ } else if (_tasks[task].toolChoose[toolci].tool.indexOf(1) != -1) {
|
|
|
+ dian++
|
|
|
+ } else if (_tasks[task].toolChoose[toolci].tool.indexOf(4) != -1) {
|
|
|
+ wen++
|
|
|
+ } else if (_tasks[task].toolChoose[toolci].tool.indexOf(45) != -1) {
|
|
|
+ xuan++
|
|
|
+ } else if (_tasks[task].toolChoose[toolci].tool.indexOf(16) != -1) {
|
|
|
+ ti++
|
|
|
+ } else {
|
|
|
+ other++
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
- if (_res[i]["jd" + (k + 1)]) {
|
|
|
- _res[i]["jd" + (k + 1)].taskC += taskC2;
|
|
|
- _res[i]["jd" + (k + 1)].toolC += toolC2;
|
|
|
- _res[i]["jd" + (k + 1)].evalC += evalC2;
|
|
|
- _res[i]["jd" + (k + 1)].fontC += fontC2;
|
|
|
- } else {
|
|
|
- _res[i]["jd" + (k + 1)] = {};
|
|
|
- _res[i]["jd" + (k + 1)].taskC = taskC2;
|
|
|
- _res[i]["jd" + (k + 1)].toolC = toolC2;
|
|
|
- _res[i]["jd" + (k + 1)].evalC = evalC2;
|
|
|
- _res[i]["jd" + (k + 1)].fontC = fontC2;
|
|
|
- }
|
|
|
+ // if (_res[i]["jd" + (k + 1)]) {
|
|
|
+ // _res[i]["jd" + (k + 1)].taskC += taskC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].toolC += toolC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].evalC += evalC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].fontC += fontC2;
|
|
|
+ // } else {
|
|
|
+ // _res[i]["jd" + (k + 1)] = {};
|
|
|
+ // _res[i]["jd" + (k + 1)].taskC = taskC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].toolC = toolC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].evalC = evalC2;
|
|
|
+ // _res[i]["jd" + (k + 1)].fontC = fontC2;
|
|
|
+ // }
|
|
|
+ _res[i]["jd" + (k + 1)] = {};
|
|
|
+ _res[i]["jd" + (k + 1)].taskC = taskC2;
|
|
|
+ _res[i]["jd" + (k + 1)].toolC = toolC2;
|
|
|
+ _res[i]["jd" + (k + 1)].evalC = evalC2;
|
|
|
+ _res[i]["jd" + (k + 1)].fontC = fontC2;
|
|
|
+ course[ck].jd.push(_res[i]["jd" + (k + 1)])
|
|
|
+
|
|
|
taskC += taskC2;
|
|
|
toolC += toolC2;
|
|
|
evalC += evalC2;
|
|
|
fontC += fontC2;
|
|
|
}
|
|
|
+ _res[i]["jdz"] = {};
|
|
|
+ _res[i]["jdz"].taskC = taskC;
|
|
|
+ _res[i]["jdz"].toolC = toolC;
|
|
|
+ _res[i]["jdz"].evalC = evalC;
|
|
|
+ _res[i]["jdz"].fontC = fontC;
|
|
|
+ course[ck].jdz = _res[i]["jdz"]
|
|
|
+
|
|
|
+ var _course = {
|
|
|
+ wang,
|
|
|
+ si,
|
|
|
+ dian,
|
|
|
+ xuan,
|
|
|
+ wen,
|
|
|
+ ti,
|
|
|
+ other,
|
|
|
+ }
|
|
|
+ course[ck].course = _course
|
|
|
+ ck++
|
|
|
}
|
|
|
- _res[i]["jdz"] = {};
|
|
|
- _res[i]["jdz"].taskC = taskC;
|
|
|
- _res[i]["jdz"].toolC = toolC;
|
|
|
- _res[i]["jdz"].evalC = evalC;
|
|
|
- _res[i]["jdz"].fontC = fontC;
|
|
|
+ // _res[i]["jdz"] = {};
|
|
|
+ // _res[i]["jdz"].taskC = taskC;
|
|
|
+ // _res[i]["jdz"].toolC = toolC;
|
|
|
+ // _res[i]["jdz"].evalC = evalC;
|
|
|
+ // _res[i]["jdz"].fontC = fontC;
|
|
|
_res[i].course = course;
|
|
|
}
|
|
|
}
|
|
|
@@ -533,70 +534,85 @@ export default {
|
|
|
font-size: 13px;
|
|
|
padding: 0 10px;
|
|
|
}
|
|
|
+
|
|
|
.cd_body {
|
|
|
height: 100%;
|
|
|
width: 100%;
|
|
|
}
|
|
|
+
|
|
|
.pb_head {
|
|
|
margin: 0 !important;
|
|
|
width: 100% !important;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.student_head {
|
|
|
margin-top: 10px;
|
|
|
padding-bottom: 10px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
}
|
|
|
+
|
|
|
.head_left {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
+
|
|
|
.cd_title span {
|
|
|
font-size: 25px;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
+
|
|
|
.cd_table {
|
|
|
width: 95%;
|
|
|
margin: 0 auto;
|
|
|
padding: 0 0 10px;
|
|
|
}
|
|
|
|
|
|
-.el-table >>> .even_row {
|
|
|
+.el-table>>>.even_row {
|
|
|
background-color: #f1f1f1 !important;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog {
|
|
|
background: #fafafa;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__header {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__header {
|
|
|
background: #454545 !important;
|
|
|
padding: 15px 20px;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__body,
|
|
|
-.dialog_diy >>> .el-dialog__footer {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__body,
|
|
|
+.dialog_diy>>>.el-dialog__footer {
|
|
|
background: rgb(184, 181, 202);
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__body {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__body {
|
|
|
padding: 30px 10px;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__title {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__title {
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn {
|
|
|
top: 19px;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close {
|
|
|
color: #fff;
|
|
|
}
|
|
|
-.dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
+
|
|
|
+.dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover {
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.cd_d_box {
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
-.cd_d_box + .cd_d_box {
|
|
|
+
|
|
|
+.cd_d_box+.cd_d_box {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
@@ -608,11 +624,13 @@ export default {
|
|
|
padding: 10px 15px 25px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
.cd_d_jd2 {
|
|
|
background: #fff;
|
|
|
padding: 10px 15px;
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
+
|
|
|
.cd_d_jd_box {
|
|
|
width: 100px;
|
|
|
display: flex;
|
|
|
@@ -622,8 +640,9 @@ export default {
|
|
|
border-radius: 5px;
|
|
|
margin: 10px 14px 0 0;
|
|
|
}
|
|
|
-.cd_d_jd_box {
|
|
|
-}
|
|
|
+
|
|
|
+.cd_d_jd_box {}
|
|
|
+
|
|
|
.cd_d_jd_content {
|
|
|
width: 100px;
|
|
|
display: flex;
|
|
|
@@ -633,23 +652,28 @@ export default {
|
|
|
border-radius: 5px;
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
-.cd_d_jd_content div + div {
|
|
|
+
|
|
|
+.cd_d_jd_content div+div {
|
|
|
margin-top: 5px;
|
|
|
}
|
|
|
|
|
|
-.cd_d_jd_content div span + span {
|
|
|
+.cd_d_jd_content div span+span {
|
|
|
margin-left: 5px;
|
|
|
}
|
|
|
+
|
|
|
.cd_d_jd_name {
|
|
|
margin-bottom: 5px;
|
|
|
color: #222;
|
|
|
}
|
|
|
+
|
|
|
.cd_d_span div:nth-child(1) span:nth-child(1) {
|
|
|
color: rgb(147, 125, 223);
|
|
|
}
|
|
|
+
|
|
|
.cd_d_span div:nth-child(2) span:nth-child(1) {
|
|
|
color: #fe3987;
|
|
|
}
|
|
|
+
|
|
|
.cd_d_span div:nth-child(3) span:nth-child(1) {
|
|
|
color: #10bb6e;
|
|
|
}
|
|
|
@@ -657,6 +681,7 @@ export default {
|
|
|
.cd_d_span div:nth-child(4) span:nth-child(1) {
|
|
|
color: rgb(147, 125, 223);
|
|
|
}
|
|
|
+
|
|
|
.cd_d_span div span:nth-child(1) {
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
@@ -666,6 +691,7 @@ export default {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
}
|
|
|
+
|
|
|
.cd_course span {
|
|
|
width: 100%;
|
|
|
white-space: nowrap;
|
|
|
@@ -673,10 +699,25 @@ export default {
|
|
|
text-overflow: ellipsis;
|
|
|
}
|
|
|
|
|
|
-.table >>> .cell {
|
|
|
+.table>>>.cell {
|
|
|
padding: 0px 3px !important;
|
|
|
}
|
|
|
+
|
|
|
/* .table >>> .el-table .cell, .table >>> .el-table--border td:first-child .cell, .table >>> .el-table--border th:first-child .cell{
|
|
|
padding: 0 3px;
|
|
|
} */
|
|
|
+
|
|
|
+.vbody {
|
|
|
+ height: 100%;
|
|
|
+ width: 100%;
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ z-index: 99999;
|
|
|
+}
|
|
|
+
|
|
|
+.vbody .btn {
|
|
|
+ position: absolute;
|
|
|
+ top: 20px;
|
|
|
+ right: 65px;
|
|
|
+}
|
|
|
</style>
|
zengyicheng
