index.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
  9. <!-- 引入样式 -->
  10. <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  11. <!-- 引入组件库 -->
  12. <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  13. <script src="./index.js"></script>
  14. <style>
  15. @font-face {
  16. font-family: cntext;
  17. src: url(./yfe2.woff2);
  18. }
  19. * {
  20. font-family: cntext;
  21. }
  22. .container {
  23. width: 100%;
  24. height: 300px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div id="app" class="container">
  30. <el-table :data="tableData" stripe style="width: 100%">
  31. <el-table-column prop="year" label="年份">
  32. </el-table-column>
  33. <el-table-column prop="collegeNameText" label="院校(招生方向)">
  34. <template slot-scope="scope">
  35. <span v-html="scope.row.collegeNameText"></span>
  36. </template>
  37. </el-table-column>
  38. <el-table-column prop="batch" label="批次/段">
  39. </el-table-column>
  40. <el-table-column prop="chooseSubjectText" label="选考要求">
  41. <template slot-scope="scope">
  42. <span v-html="scope.row.chooseSubjectText"></span>
  43. </template>
  44. </el-table-column>
  45. <el-table-column prop="enterNum" label="录取数">
  46. <template slot-scope="scope">
  47. <span v-html="scope.row.enterNum"></span>
  48. </template>
  49. </el-table-column>
  50. <el-table-column prop="maxScore" label="最高分">
  51. <template slot-scope="scope">
  52. <span v-html="scope.row.maxScore"></span>
  53. </template>
  54. </el-table-column>
  55. <el-table-column prop="minScore" label="最低分">
  56. <template slot-scope="scope">
  57. <span v-html="scope.row.minScore"></span>
  58. </template>
  59. </el-table-column>
  60. <el-table-column prop="avgScore" label="平均分">
  61. <template slot-scope="scope">
  62. <span v-html="scope.row.avgScore"></span>
  63. </template>
  64. </el-table-column>
  65. <el-table-column prop="minRank" label="最低位次">
  66. <template slot-scope="scope">
  67. <span v-html="scope.row.minRank"></span>
  68. </template>
  69. </el-table-column>
  70. </el-table>
  71. </div>
  72. <script>
  73. window.onload = () => {
  74. var app = new Vue({
  75. el: '#app',
  76. data: {
  77. tableData: []
  78. },
  79. methods: {
  80. init() {
  81. const data = [{
  82. "provinceCode": "43",
  83. "year": 2021,
  84. "batch": "本科",
  85. "course": "历史",
  86. "remark": "001G001I0030002P003E003A001K001C0038001I002P001I001F0035001L0038003G09HS001409HT003G002R002T001G002Q003G002R002R001D001L003G002R002R001E001K003G09HS0K3Z09HT003G002R002T002S001I003G002R001L002T002S003G002R001L002T001D003G09HS001509HT",
  87. "eduLevel": "001F001L001F0033001L001E002W001D001J001I001I001H001H0039001G002V003G002R001L001C002U003G002R002T001L002S",
  88. "collegeEnrollCode": "00380033001F001I001C001I001J001H001K001H001C001I001G001L001I001J003G002S001C001L002U003G002S001C001D001L003G002R002U002T001I003G002R002U002U002T003G09HS001909HT003G002R002U002T001H003G002S001C001H001G003G002S001C001K002U",
  89. "uCode": "43_10045_0",
  90. "collegeCode": "10045",
  91. "collegeName": "003E001G001J002U001J001C0039001E001I001D001I00390037001L001D001D003G09HS0LSM09HT003G09HS0GGN09HT003G002R001L001K002Q003G002R002P002Q002R",
  92. "collegeNameText": "001H001I003B001F002T0036002Y001G001I001E001L002Y001J003A001E001H003G09HS0LSM09HT003G09HS0GGN09HT003G002R002Q002T001F003G002R002Q002T001K003G09HS001409HT003G002R002S002P002P003G002R002T001L002S003G09HS001509HT003G09HS001409HT003G002S001C001K001D003G002R002U002U001D003G002S001C001E002R003G002R002U002U001G003G09HS001909HT003G002S001C001C001F003G002S001C001E001E003G002S001C001J002Q003G09HS001509HT003G09HS001409HT003G09HS001409HT003G002R001L001L002Q003G002R001L002R001D003G002R001L002S001C003G09HS0K3Z09HT003G002R002T002S001I003G002R002S001J001D003G002R002T001L001D003G09HS001509HT003G09HS001509HT",
  93. "collegeCity": "001L002X003D001K0030001F001L001L001I00360030001G001F001J001G001I003G09HS0TJ309HT003G09HS0LG909HT003G002R002P002R002S",
  94. "chooseSubjectText": "001I001D001L001K0037001I001I001L001J002W001C001J001K001H001C001G003G002R001L001E001F003G002R002T001E002T003G09HS001709HT003G09HS0FF109HT003G09HS0TOW09HT",
  95. "planNum": "001C002Q003B001J001K001H003A001J001C001E001D001H0035001D001J001L003G002S001C001I002U",
  96. "enterNum": "0030001G001J001G0032001D001F0034001K001C001H002R001L002T001K001L003G002R002U002T002S",
  97. "enterLine": "003D001H001H002X003C001F001K001D003D003C001K001L002Q003400330034003G002R002U002T001G003G002S001C001I002Q003G002S001C001E002Q",
  98. "maxScore": "002W001H001K001C001C0039002T001D001C0033001J002U001G00380032001J003G002S001C001H001I003G002R002U002T001I003G002S001C001G001D",
  99. "minScore": "001I001F003A003A002Y001G001J002Q003B001K003B001E00320035001J001J003G002S001C002P001E003G002R002U002U001F003G002S001C001F002U",
  100. "avgScore": "003E0036001H001K001J002X001F001E001J001F003A001H002X003B001D001I003G002S001C001E001G003G002S001C001L001C003G002S001C001I002R",
  101. "maxRank": "—",
  102. "minRank": "001L001E001C001E001L001D001G001E002P001L00370031001J001F001F001I003G002S001C001G001G003G002S001C002P001C003G002R002U002U001F003G002S001C001J001G",
  103. "avgRank": "—"
  104. }, {
  105. "provinceCode": "43",
  106. "year": 2021,
  107. "batch": "本科",
  108. "course": "历史",
  109. "remark": "",
  110. "eduLevel": "0035001G001F001G002W003E001G001C0039002P001H001I002Q0038002Z001D003G002R002S002Q002U003G002R002Q001D001L",
  111. "collegeEnrollCode": "001F001E001K001L002W001J001K003B003C002S001E001J003E003E001K0036003G002S001C001F001D003G002S001C001L002Q003G002S001C001C002T003G002S001C001G001G003G09HS001909HT003G002R002U002T002P003G002S001C001J001E003G002S001C001I002R",
  112. "uCode": "43_10045_0",
  113. "collegeCode": "10045",
  114. "collegeName": "0031001J001F002P001G00380036001G001I001D001L001I001C002W001F001J003G09HS0LSM09HT003G09HS0GGN09HT003G002R002Q002T001F003G002R002T001G001C",
  115. "collegeNameText": "001E001J002X001E001I001K001C001K00380030001H0036001C003C001L001G003G09HS0LSM09HT003G09HS0GGN09HT003G002R002P002Q001J003G002R001L001L001C003G09HS001409HT003G002R002U002T002Q003G002S001C001F001J003G002R002U002U002P003G002S001C001H001K003G09HS001909HT003G002S001C001K001C003G002S001C001C001G003G002S001C001F002P003G09HS001509HT",
  116. "collegeCity": "002Y002U002X001G001L003A001G001L001L001C001D002Y001H001E003C001J003G09HS0TJ309HT003G09HS0LG909HT003G002R002P002R002S",
  117. "chooseSubjectText": "0036001G001I001K001I0032001C001F001I001E002R002Q001E0030002X002Q003G002R002P001G002U003G002R002Q002S001I003G09HS001709HT003G09HS0FF109HT003G09HS0TOW09HT",
  118. "planNum": "001L001K001G001L0037001F001I001J001E001D002X001E001D001H0030002W003G002R002U002U002Q003G002R002U002U001K",
  119. "enterNum": "001H0038001L001H003A0034001E001G001H001G001C001I001I003E001K003C003G002S001C001L002Q003G002S001C001C001C",
  120. "enterLine": "001J001K0032002P001J001D001J001J003D0033001E003C0032002Y001F001D003G002S001C001J001G003G002S001C001D001E003G002S001C001C002T",
  121. "maxScore": "001F001K002W001G001I002P002T003D002Z00340030001E001E001F002Y001F003G002S001C001G002R003G002S001C001F001F003G002S001C001E001F",
  122. "minScore": "001J001F001J001F001E001I0039001C001C001G001J001E003A001F001D001J003G002S001C001G001E003G002S001C001H001K003G002S001C001C002T",
  123. "avgScore": "—",
  124. "maxRank": "—",
  125. "minRank": "002S001F002Z002S001E001J0036001K0036003A001H001C002T001I002W001G003G002S001C001E001H003G002S001C001L001K003G002S001C001J001I",
  126. "avgRank": "—"
  127. }];
  128. this.tableData = u_sign(data);
  129. console.log(this.tableData);
  130. }
  131. },
  132. mounted() {
  133. this.init();
  134. }
  135. })
  136. }
  137. </script>
  138. </body>
  139. </html>