报告调整

src/assets/styles/report.css

@@ -0,0 +1,373 @@
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+tr,
+th,
+td,
+span {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.font-normal {
+  font-family: "PingFang SC Regular", "Microsoft YaHei", Tahoma, Helvetica,
+    Arial, sans-serif;
+}
+
+.font-bold {
+  font-family: "PingFang SC Semibold", "Microsoft YaHei", Tahoma, Helvetica,
+    Arial, sans-serif;
+}
+
+li {
+  list-style: none;
+}
+
+em,
+i,
+u {
+  font-style: normal;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+fieldset,
+img {
+  border: 0;
+}
+
+.page-error {
+  color: #975ee5;
+  font-size: 25px;
+  text-align: center;
+  padding: 150px 30px;
+}
+
+.mb-20 {
+  margin-bottom: 20px;
+}
+
+/* report-page */
+.report-page {
+  width: 1160px;
+  height: 1639px;
+  margin: 0 auto;
+  position: relative;
+  padding: 37px 58px 70px;
+  page-break-after: always;
+  font-size: 19px;
+  color: #666;
+  font-family: "PingFang SC", Tahoma, Helvetica, Arial, sans-serif;
+}
+
+.report-page .page-body {
+  background: #fff;
+  height: 1530px;
+  overflow: hidden;
+}
+
+.report-page .page-content {
+  margin-top: 39px;
+  height: 1388px;
+  position: relative;
+  overflow: hidden;
+}
+
+.report-page .page-foot {
+  position: absolute;
+  width: 100%;
+  height: 70px;
+  bottom: 0;
+  left: 0;
+  padding: 5px 58px;
+  color: #999;
+}
+
+.report-page .page-foot .foot-left {
+  float: left;
+}
+
+.report-page .page-foot .foot-right {
+  float: right;
+  padding-right: 180px;
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKQAAAAGCAYAAABNYTWkAAAAj0lEQVRYR2N0Duj4z0BFsHdDBSOycdPjnlLV/MxF0ijm2y74T1XzDycwophvcPo0Vc2/YGqKYr736RKqmr/VtAfF/F9XXKhqPpvOHhTzb968SVXzGUcTJGpuHE2Q+Eun0QSJFj6jJST+BDNaQqKFz2iVjT/BjFbZ+MNntMpGC5/RKnu0yiapSzVaZQ/vKhsAs/ylQ4nC3o8AAAAASUVORK5CYII=);
+  background-repeat: no-repeat;
+  background-position: right 10px;
+}
+
+.report-page .page-chart {
+  min-height: 200px;
+  max-height: 100%;
+}
+
+.report-page .page-table {
+  margin: 0 39px;
+  padding: 1px;
+}
+
+.report-page .page-table.teacher-table {
+  padding-top: 30px;
+}
+
+.report-page .page-table.page-table-pad {
+  padding-top: 100px;
+}
+
+.report-page .page-table.level-table {
+  padding-top: 100px;
+}
+
+.report-page .page-table.level-table th,
+.report-page .page-table.level-table td {
+  font-size: 16px;
+  padding: 7px 3px;
+}
+
+.report-page .page-table.level-table td[rowspan] {
+  padding: 7px 10px;
+  width: 60px;
+  background-color: #fafafa;
+  word-break: break-all;
+}
+
+.report-page .page-table.level-table td.td-group-name-1 {
+  padding: 0px 2px;
+  font-size: 15px;
+  line-height: 1;
+}
+
+.report-page .page-table.level-table td.td-group-name-1 p {
+  text-align: center;
+  margin: 0 auto;
+  width: 60px;
+  max-height: 30px;
+  overflow: hidden;
+}
+
+.report-page .page-table.level-table td.td-group-name-2 {
+  padding: 0px 2px;
+  font-size: 16px;
+  line-height: 1.25;
+}
+
+.report-page .page-table.level-table td.td-group-name-2 p {
+  text-align: center;
+  margin: 0 auto;
+  width: 50px;
+  max-height: 60px;
+  overflow: hidden;
+}
+
+.report-page .page-table.level-table td.td-name {
+  width: 130px;
+}
+
+.report-page .page-table.level-table td.td-name p {
+  text-align: center;
+  margin: 0 auto;
+  width: 120px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.report-page .page-title-1 {
+  font-size: 39px;
+  font-weight: 600;
+  color: #435088;
+  line-height: 70px;
+}
+
+.report-page .page-title-2 {
+  font-size: 27px;
+  font-weight: 600;
+  color: #435088;
+  line-height: 39px;
+}
+
+/* table */
+.table {
+  width: 100%;
+  border-spacing: 0;
+  border-collapse: collapse;
+  text-align: center;
+}
+
+.table th {
+  padding: 10px;
+  background-color: #3da0ff;
+  color: #fff;
+}
+
+.table td {
+  padding: 10px;
+  color: #555;
+}
+
+.table-border th {
+  border: 1px solid #3589d8;
+}
+
+.table-border td {
+  border: 1px solid #e9e9e9;
+}
+
+.cover-page {
+  color: #333;
+  font-size: 29px;
+}
+
+.cover-title {
+  position: absolute;
+  width: 745px;
+  height: 117px;
+  left: 160px;
+  top: 263px;
+  font-size: 117px;
+  line-height: 1;
+  color: #fff;
+}
+
+.cover-footer {
+  position: absolute;
+  width: 1000px;
+  left: 58px;
+  bottom: 156px;
+  padding-left: 98px;
+  line-height: 58px;
+}
+
+.cover-footer p {
+  overflow: hidden;
+}
+
+.cover-footer p span:first-child {
+  float: left;
+}
+
+.cover-footer p span:last-child {
+  display: block;
+  margin-left: 87px;
+}
+
+.cover-footer p:first-child span:last-child {
+  display: block;
+  margin-left: 145px;
+}
+
+.report-summary .summary-chart {
+  height: 340px;
+}
+
+.report-summary .page-title-1 {
+  display: none;
+}
+
+.report-summary .page-content {
+  margin: 0;
+}
+
+.report-summary .report-title {
+  font-size: 39px;
+  font-weight: 600;
+  color: #435088;
+  line-height: 70px;
+  text-align: center;
+}
+
+.report-summary .report-sub-title {
+  font-size: 27px;
+  font-weight: 600;
+  color: #435088;
+  line-height: 39px;
+  text-align: center;
+  margin-bottom: 40px;
+}
+
+.college-chart {
+  height: 340px;
+}
+
+.classes-table td.td-class-name {
+  width: 240px;
+}
+
+.classes-table .class-name {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0 auto;
+  max-width: 230px;
+}
+
+.teacher-class-table td.td-class-name {
+  width: 200px;
+}
+
+.teacher-class-table .class-name {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin: 0 auto;
+  max-width: 190px;
+}
+
+.table-level th,
+.table-level td {
+  font-size: 16px;
+  line-height: 16px;
+  padding: 7px 2px;
+}
+
+.table-ave-5 th,
+.table-ave-5 td {
+  font-size: 18px;
+  width: 20%;
+  padding: 6px 3px;
+}
+
+.table-range-long th,
+.table-range-long td {
+  font-size: 18px;
+  padding: 4px 3px;
+}
+
+.table-ave-6 th,
+.table-ave-6 td {
+  font-size: 18px;
+  width: 177px;
+  padding: 6px 3px;
+}
+
+.table-ave-6 td[rowspan] {
+  padding: 13px;
+  background: #fafafa;
+  width: auto !important;
+  word-break: break-all;
+}
+
+.table-ave-6 .th-empty {
+  width: auto;
+}

src/assets/styles/report.scss

@@ -376,23 +376,3 @@ img {
     width: auto;
   }
 }
-
-.table-tips {
-  margin: 30px 39px 0;
-  font-size: 21px;
-
-  span {
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 10px;
-    line-height: 39px;
-
-    &.tips-tag {
-      color: #fff;
-      padding: 0 20px 0 10px;
-      background-image: url(../images/report/tips-bg.png);
-      background-size: 100% 100%;
-      background-repeat: no-repeat;
-    }
-  }
-}

src/modules/mark/components/report/Report.vue

@@ -22,6 +22,7 @@ import ReportClass from "./ReportClass.vue";
 import ReportTeacher from "./ReportTeacher.vue";
 import ReportQuestion from "./ReportQuestion.vue";
 import { scoreReport } from "../../api";
+import previewTemp from "./previewTemp";
 
 export default {
   name: "report",
@@ -47,7 +48,7 @@ export default {
     };
   },
   mounted() {
-    this.initData1();
+    this.initData();
   },
   methods: {
     ...mapMutations("report", ["setData", "resetData"]),
@@ -73,6 +74,9 @@ export default {
       this.setData({ ...res, baseinfo: this.baseinfo });
       this.dataReady = true;
     },
+    getTemp() {
+      return previewTemp(this.$el.outerHTML);
+    },
   },
 };
 </script>