前端样式调整

This commit is contained in:
路 范
2022-03-14 03:13:55 +08:00
parent 17493b2fa5
commit 9b4d321fd0

View File

@@ -18,14 +18,23 @@
<body>
<div id="app">
<div>
<el-input-number v-model="year" :min="1970" :max="2100" label="选择年"></el-input-number>
<el-input-number v-model="month" :min="1" :max="12" label="选择月"></el-input-number>月 第
<el-input-number v-model="week" :min="1" :max="5" label="选择周"></el-input-number>周
<div>年:<el-input-number v-model="year" :min="1970" :max="2030" label="选择年" size="small" controls-position="right" style="margin-left:5px;"></el-input-number></div>
<div>月:<el-input-number v-model="month" :min="1" :max="12" label="选择月" size="small" controls-position="right" style="margin-left:5px;"></el-input-number></div>
<div>
周:<el-input-number v-model="week" :min="1" :max="5" label="选择周" size="small" controls-position="right" style="margin-left:5px;"></el-input-number>
</div>
</div>
<div style="margin-top:15px;">
<el-button @@click="downloadfile_zongbiao" :loading="loading_zongbiao">下载文件-总表</el-button>
<el-button @@click="downloadfile_chengshigengxin" :loading="loading_chengshigengxin">下载文件-城市更新</el-button>
<el-button @@click="downloadfile_fangdichan" :loading="loading_fangdichan">下载文件-房地产业</el-button>
<el-dropdown @@command="downloadfile">
<el-button type="primary" icon="el-icon-download" size="small" :loading="loading">
下载文件<i class="el-icon-arrow-down el-icon--right"></i>
</el-button>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">总表</el-dropdown-item>
<el-dropdown-item command="2">城市更新</el-dropdown-item>
<el-dropdown-item command="3">房地产业</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>
</div>
</body>
@@ -34,9 +43,7 @@
el: '#app',
data: function () {
return {
loading_zongbiao: false,
loading_chengshigengxin: false,
loading_fangdichan: false,
loading: false,
year: '',
month: '',
week: ''
@@ -49,27 +56,22 @@
this.week = this.getMonthWeek(now);
},
methods: {
//总表
loading_zongbiao_false() { this.loading_zongbiao = false },
downloadfile_zongbiao() {
this.loading_zongbiao = true;
let url = '/api/num-zj/download';
this.download(url, 1, "总表.xlsx", this.loading_zongbiao_false);
},
//城市更新
loading_chengshigengxin_false() { this.loading_chengshigengxin = false },
downloadfile_chengshigengxin() {
this.loading_chengshigengxin = true;
let url = '/api/num-zj/download';
this.download(url, 2, "住建系统抓投资情况通报(城市更新).xlsx", this.loading_chengshigengxin_false);
},
//房地产业
loading_fangdichan_false() { this.loading_fangdichan = false },
downloadfile_fangdichan() {
this.loading_fangdichan = true;
let url = '/api/num-zj/download';
this.download(url, 3, "住建系统抓投资情况通报(房地产业+GDP支撑性指标.xlsx", this.loading_fangdichan_false);
loading_false() { this.loading = false },
downloadfile(a) {
let excel_name;
switch (a) {
case "1":
excel_name = "总表.xlsx";
break;
case "2":
excel_name = "住建系统抓投资情况通报(城市更新).xlsx";
break;
case "3":
excel_name = "住建系统抓投资情况通报(房地产业+GDP支撑性指标.xlsx";
break;
}
this.loading = true;
this.download('/api/num-zj/download', a, excel_name, this.loading_false);
},
download(url, type, filename, callback) {
let _this = this;