123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
- <!-- 引入样式 -->
- <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
- <!-- 引入组件库 -->
- <script src="https://unpkg.com/element-ui/lib/index.js"></script>
- <script src="./index.js"></script>
- <style>
- @font-face {
- font-family: cntext;
- src: url(./yfe2.woff2);
- }
- * {
- font-family: cntext;
- }
- .container {
- width: 100%;
- height: 300px;
- }
- </style>
- </head>
- <body>
- <div id="app" class="container">
- <el-table :data="tableData" stripe style="width: 100%">
- <el-table-column prop="year" label="年份">
- </el-table-column>
- <el-table-column prop="collegeNameText" label="院校(招生方向)">
- <template slot-scope="scope">
- <span v-html="scope.row.collegeNameText"></span>
- </template>
- </el-table-column>
- <el-table-column prop="batch" label="批次/段">
- </el-table-column>
- <el-table-column prop="chooseSubjectText" label="选考要求">
- <template slot-scope="scope">
- <span v-html="scope.row.chooseSubjectText"></span>
- </template>
- </el-table-column>
- <el-table-column prop="enterNum" label="录取数">
- <template slot-scope="scope">
- <span v-html="scope.row.enterNum"></span>
- </template>
- </el-table-column>
- <el-table-column prop="maxScore" label="最高分">
- <template slot-scope="scope">
- <span v-html="scope.row.maxScore"></span>
- </template>
- </el-table-column>
- <el-table-column prop="minScore" label="最低分">
- <template slot-scope="scope">
- <span v-html="scope.row.minScore"></span>
- </template>
- </el-table-column>
- <el-table-column prop="avgScore" label="平均分">
- <template slot-scope="scope">
- <span v-html="scope.row.avgScore"></span>
- </template>
- </el-table-column>
- <el-table-column prop="minRank" label="最低位次">
- <template slot-scope="scope">
- <span v-html="scope.row.minRank"></span>
- </template>
- </el-table-column>
- </el-table>
- </div>
- <script>
- window.onload = () => {
- var app = new Vue({
- el: '#app',
- data: {
- tableData: []
- },
- methods: {
- init() {
- const data = [{
- "provinceCode": "43",
- "year": 2021,
- "batch": "本科",
- "course": "历史",
- "remark": "001G001I0030002P003E003A001K001C0038001I002P001I001F0035001L0038003G09HS001409HT003G002R002T001G002Q003G002R002R001D001L003G002R002R001E001K003G09HS0K3Z09HT003G002R002T002S001I003G002R001L002T002S003G002R001L002T001D003G09HS001509HT",
- "eduLevel": "001F001L001F0033001L001E002W001D001J001I001I001H001H0039001G002V003G002R001L001C002U003G002R002T001L002S",
- "collegeEnrollCode": "00380033001F001I001C001I001J001H001K001H001C001I001G001L001I001J003G002S001C001L002U003G002S001C001D001L003G002R002U002T001I003G002R002U002U002T003G09HS001909HT003G002R002U002T001H003G002S001C001H001G003G002S001C001K002U",
- "uCode": "43_10045_0",
- "collegeCode": "10045",
- "collegeName": "003E001G001J002U001J001C0039001E001I001D001I00390037001L001D001D003G09HS0LSM09HT003G09HS0GGN09HT003G002R001L001K002Q003G002R002P002Q002R",
- "collegeNameText": "001H001I003B001F002T0036002Y001G001I001E001L002Y001J003A001E001H003G09HS0LSM09HT003G09HS0GGN09HT003G002R002Q002T001F003G002R002Q002T001K003G09HS001409HT003G002R002S002P002P003G002R002T001L002S003G09HS001509HT003G09HS001409HT003G002S001C001K001D003G002R002U002U001D003G002S001C001E002R003G002R002U002U001G003G09HS001909HT003G002S001C001C001F003G002S001C001E001E003G002S001C001J002Q003G09HS001509HT003G09HS001409HT003G09HS001409HT003G002R001L001L002Q003G002R001L002R001D003G002R001L002S001C003G09HS0K3Z09HT003G002R002T002S001I003G002R002S001J001D003G002R002T001L001D003G09HS001509HT003G09HS001509HT",
- "collegeCity": "001L002X003D001K0030001F001L001L001I00360030001G001F001J001G001I003G09HS0TJ309HT003G09HS0LG909HT003G002R002P002R002S",
- "chooseSubjectText": "001I001D001L001K0037001I001I001L001J002W001C001J001K001H001C001G003G002R001L001E001F003G002R002T001E002T003G09HS001709HT003G09HS0FF109HT003G09HS0TOW09HT",
- "planNum": "001C002Q003B001J001K001H003A001J001C001E001D001H0035001D001J001L003G002S001C001I002U",
- "enterNum": "0030001G001J001G0032001D001F0034001K001C001H002R001L002T001K001L003G002R002U002T002S",
- "enterLine": "003D001H001H002X003C001F001K001D003D003C001K001L002Q003400330034003G002R002U002T001G003G002S001C001I002Q003G002S001C001E002Q",
- "maxScore": "002W001H001K001C001C0039002T001D001C0033001J002U001G00380032001J003G002S001C001H001I003G002R002U002T001I003G002S001C001G001D",
- "minScore": "001I001F003A003A002Y001G001J002Q003B001K003B001E00320035001J001J003G002S001C002P001E003G002R002U002U001F003G002S001C001F002U",
- "avgScore": "003E0036001H001K001J002X001F001E001J001F003A001H002X003B001D001I003G002S001C001E001G003G002S001C001L001C003G002S001C001I002R",
- "maxRank": "—",
- "minRank": "001L001E001C001E001L001D001G001E002P001L00370031001J001F001F001I003G002S001C001G001G003G002S001C002P001C003G002R002U002U001F003G002S001C001J001G",
- "avgRank": "—"
- }, {
- "provinceCode": "43",
- "year": 2021,
- "batch": "本科",
- "course": "历史",
- "remark": "",
- "eduLevel": "0035001G001F001G002W003E001G001C0039002P001H001I002Q0038002Z001D003G002R002S002Q002U003G002R002Q001D001L",
- "collegeEnrollCode": "001F001E001K001L002W001J001K003B003C002S001E001J003E003E001K0036003G002S001C001F001D003G002S001C001L002Q003G002S001C001C002T003G002S001C001G001G003G09HS001909HT003G002R002U002T002P003G002S001C001J001E003G002S001C001I002R",
- "uCode": "43_10045_0",
- "collegeCode": "10045",
- "collegeName": "0031001J001F002P001G00380036001G001I001D001L001I001C002W001F001J003G09HS0LSM09HT003G09HS0GGN09HT003G002R002Q002T001F003G002R002T001G001C",
- "collegeNameText": "001E001J002X001E001I001K001C001K00380030001H0036001C003C001L001G003G09HS0LSM09HT003G09HS0GGN09HT003G002R002P002Q001J003G002R001L001L001C003G09HS001409HT003G002R002U002T002Q003G002S001C001F001J003G002R002U002U002P003G002S001C001H001K003G09HS001909HT003G002S001C001K001C003G002S001C001C001G003G002S001C001F002P003G09HS001509HT",
- "collegeCity": "002Y002U002X001G001L003A001G001L001L001C001D002Y001H001E003C001J003G09HS0TJ309HT003G09HS0LG909HT003G002R002P002R002S",
- "chooseSubjectText": "0036001G001I001K001I0032001C001F001I001E002R002Q001E0030002X002Q003G002R002P001G002U003G002R002Q002S001I003G09HS001709HT003G09HS0FF109HT003G09HS0TOW09HT",
- "planNum": "001L001K001G001L0037001F001I001J001E001D002X001E001D001H0030002W003G002R002U002U002Q003G002R002U002U001K",
- "enterNum": "001H0038001L001H003A0034001E001G001H001G001C001I001I003E001K003C003G002S001C001L002Q003G002S001C001C001C",
- "enterLine": "001J001K0032002P001J001D001J001J003D0033001E003C0032002Y001F001D003G002S001C001J001G003G002S001C001D001E003G002S001C001C002T",
- "maxScore": "001F001K002W001G001I002P002T003D002Z00340030001E001E001F002Y001F003G002S001C001G002R003G002S001C001F001F003G002S001C001E001F",
- "minScore": "001J001F001J001F001E001I0039001C001C001G001J001E003A001F001D001J003G002S001C001G001E003G002S001C001H001K003G002S001C001C002T",
- "avgScore": "—",
- "maxRank": "—",
- "minRank": "002S001F002Z002S001E001J0036001K0036003A001H001C002T001I002W001G003G002S001C001E001H003G002S001C001L001K003G002S001C001J001I",
- "avgRank": "—"
- }];
- this.tableData = u_sign(data);
- console.log(this.tableData);
- }
- },
- mounted() {
- this.init();
- }
- })
- }
- </script>
- </body>
- </html>
|