UI修改
This commit is contained in:
parent
daff63566b
commit
7e7c31417f
2
.env
2
.env
|
@ -2,7 +2,7 @@
|
|||
VITE_PORT = 3100
|
||||
|
||||
# 网站标题
|
||||
VITE_GLOB_APP_TITLE = 哈师大四六级查询平台
|
||||
VITE_GLOB_APP_TITLE = 哈师大四级查询平台
|
||||
|
||||
# 简称,用于配置文件名字 不要出现空格、数字开头等特殊字符
|
||||
VITE_GLOB_APP_SHORT_NAME = JeecgBootAdmin
|
||||
|
|
|
@ -96,31 +96,28 @@ export default {
|
|||
// 获取批次数据
|
||||
async getBatch() {
|
||||
const getBatch = await defHttp.get({ url: this.Url.getBatch });
|
||||
// const getCollege = await defHttp.get({ url: this.Url.getCollege });
|
||||
|
||||
// this.collegeOptions = getCollege.colleges;
|
||||
// 手动添加一个全校字段
|
||||
// this.collegeOptions.unshift({ value: '全校', label: '全校' });
|
||||
// this.college = this.collegeOptions[0].value;
|
||||
|
||||
this.batchOptions = getBatch.batches;
|
||||
this.batch = this.batchOptions[0].value;
|
||||
this.level = this.levelOptions[0].value;
|
||||
|
||||
// this.query();
|
||||
this.query();
|
||||
},
|
||||
// 查询数据
|
||||
async query() {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
batch: this.batch,
|
||||
level: 'cet4'
|
||||
try {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
batch: this.batch,
|
||||
level: 'cet4'
|
||||
}
|
||||
const data = await defHttp.get({ url: this.Url.getRate, params });
|
||||
} finally {
|
||||
this.loading = false;
|
||||
this.$nextTick(() => {
|
||||
this.dataChart();
|
||||
})
|
||||
}
|
||||
const data = await defHttp.get({ url: this.Url.getRate, params });
|
||||
this.loading = false;
|
||||
this.$nextTick(() => {
|
||||
this.dataChart();
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
|
@ -103,24 +103,25 @@ export default {
|
|||
this.collegeOptions = getCollege.colleges;
|
||||
this.college = this.collegeOptions[0].value;
|
||||
|
||||
// this.batchOptions = getBatch.batches;
|
||||
// this.batch = this.batchOptions[0].value;
|
||||
this.level = this.levelOptions[0].value;
|
||||
|
||||
// this.query();
|
||||
this.query();
|
||||
},
|
||||
// 查询数据
|
||||
async query() {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
college: this.college,
|
||||
level: 'cet4'
|
||||
try {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
college: this.college,
|
||||
level: 'cet4'
|
||||
}
|
||||
const data = await defHttp.get({ url: this.Url.getRate, params });
|
||||
} finally {
|
||||
this.loading = false;
|
||||
this.$nextTick(() => {
|
||||
this.dataChart();
|
||||
})
|
||||
}
|
||||
const data = await defHttp.get({ url: this.Url.getRate, params });
|
||||
this.loading = false;
|
||||
this.$nextTick(() => {
|
||||
this.dataChart();
|
||||
})
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<div style="background: #ececec; padding: 25px">
|
||||
<a-card title="四级总通过率查询" :bordered="false">
|
||||
<a-card title="四级总通过率查询" :loading="loading" :bordered="false">
|
||||
<template #extra>
|
||||
<a-select v-model:value="college" style="width: 300px" :options="collegeOptions"></a-select>
|
||||
<a-select v-model:value="entrydate" style="margin-left: 10px;width: 100px"
|
||||
|
@ -11,12 +11,10 @@
|
|||
<a-col :xl="12">
|
||||
<div style="padding-left: 10px;min-height: 400px;">
|
||||
<a-table :dataSource="dataSourceCet4" :columns="columns" :pagination='false'>
|
||||
<template #title>
|
||||
<span style="font-size: 15px;float: right;" v-if="total && total > 0">
|
||||
学院总人数: {{ total }}
|
||||
</span>
|
||||
</template>
|
||||
</a-table>
|
||||
<span style="font-size: 15px;float: right;margin-top: 10px;" v-if="total && total > 0">
|
||||
学院总人数: {{ total }}
|
||||
</span>
|
||||
</div>
|
||||
</a-col>
|
||||
</a-row>
|
||||
|
@ -32,6 +30,7 @@ export default {
|
|||
name: "Analysis",
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
dataSourceCet4: [],
|
||||
columns: [
|
||||
{
|
||||
|
@ -81,13 +80,19 @@ export default {
|
|||
},
|
||||
// 查询数据
|
||||
async query() {
|
||||
let params = {
|
||||
college: this.college,
|
||||
entrydate: this.entrydate
|
||||
try {
|
||||
this.loading = true;
|
||||
let params = {
|
||||
college: this.college,
|
||||
entrydate: this.entrydate
|
||||
}
|
||||
const result = await defHttp.get({ url: this.Url.getData, params });
|
||||
this.dataSourceCet4 = result.data.cet4;
|
||||
this.total = result.data.total;
|
||||
|
||||
} finally {
|
||||
this.loading = false;
|
||||
}
|
||||
const result = await defHttp.get({ url: this.Url.getData, params });
|
||||
this.dataSourceCet4 = result.data.cet4;
|
||||
this.total = result.data.total;
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<div class="app-loading-dots">
|
||||
<span class="dot dot-spin"><i></i><i></i><i></i><i></i></span>
|
||||
</div>
|
||||
<div class="app-loading-title">哈师大四六级查询平台</div>
|
||||
<div class="app-loading-title">哈师大四级查询平台</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div class="aui-image">
|
||||
<div class="aui-image-text">
|
||||
<div>
|
||||
<span class="introduce-text" >哈师大四六级查询平台</span>
|
||||
<span class="introduce-text" >哈师大四级查询平台</span>
|
||||
<br>
|
||||
<br>
|
||||
<span class="introduce-text" style="font-size: 15px;">深入分析 多维展示</span>
|
||||
|
|
Loading…
Reference in New Issue