添加下载模板

This commit is contained in:
庞东林
2022-01-04 19:41:37 +08:00
parent 503cbc10d4
commit 67960d3a1d
8 changed files with 175 additions and 40 deletions

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -7,33 +7,60 @@
<!-- 搜索表单 -->
<a-form layout="inline" :model="where" :labelCol="{ offset: 1}">
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="区域等级:">
<a-select v-model:value="where.regionLevel" allowClear placeholder="未选择">
<a-select-option :value="'市级'">市级</a-select-option>
<a-select-option :value="'县级'">县级</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="审核状态:">
<a-select v-model:value="where.checked" allowClear placeholder="未选择">
<a-select-option :value="1">已审核</a-select-option>
<a-select-option :value="0">未审核</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="表格名称:">
<a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
</a-form-item>
<a-form-item label="上报时间:">
</a-col>
<!-- <a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" />
</a-form-item>
</a-form-item> -->
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="起始时间:" name="reportTimeStart" >
<a-date-picker
v-model:value="where.reportTimeStart"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入起始时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="结束时间:" name="reportTimeEnd">
<a-date-picker
v-model:value="where.reportTimeEnd"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入结束时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
<a-space>
<a-button type="primary" @click="reload">查询</a-button>
<a-button @click="reset">重置</a-button>
</a-space>
</a-form-item>
</a-col>
</a-form>
</template>
<template #toolkit>
@@ -248,12 +275,12 @@
/* 刷新表格 */
reload() {
this.where.reportTimeStart = null;
this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
}
// this.where.reportTimeStart = null;
// this.where.reportTimeEnd = null;
// if (this.reportTimeScope && this.reportTimeScope.length == 2) {
// this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
// this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
// }
this.$refs.table.reload({
where: this.where
});
@@ -388,6 +415,9 @@
</script>
<style lang="less">
.ant-col{
margin-top: 10px;
}
.editable-cell {
position: relative;

View File

@@ -13,6 +13,7 @@
<template #toolbar>
<!-- 搜索表单 -->
<a-form layout="inline" :model="where" :labelCol="{ offset: 1 }">
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="区域等级:">
<a-select
v-model:value="where.regionLevel"
@@ -23,6 +24,8 @@
<a-select-option :value="'县级'">县级</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="审核状态:">
<a-select
v-model:value="where.checked"
@@ -33,7 +36,8 @@
<a-select-option :value="0">未审核</a-select-option>
</a-select>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="表格名称:">
<a-input
v-model:value.trim="where.billName"
@@ -41,17 +45,41 @@
allow-clear
/>
</a-form-item>
<a-form-item label="上报时间:">
</a-col>
<!-- <a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" />
</a-form-item>
</a-form-item> -->
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="起始时间:" name="reportTimeStart" >
<a-date-picker
v-model:value="where.reportTimeStart"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入起始时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="结束时间:" name="reportTimeEnd">
<a-date-picker
v-model:value="where.reportTimeEnd"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入结束时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item class="ele-text-right" :wrapper-col="{ span: 24 }">
<a-space>
<a-button type="primary" @click="reload">查询</a-button>
<a-button @click="reset">重置</a-button>
</a-space>
</a-form-item>
</a-col>
</a-form>
</template>
<template #toolkit>
@@ -447,14 +475,14 @@ export default {
},
/* 刷新表格 */
reload() {
this.where.reportTimeStart = null;
this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart =
this.reportTimeScope[0].format("Y-M-D H:m:s");
this.where.reportTimeEnd =
this.reportTimeScope[1].format("Y-M-D H:m:s");
}
// this.where.reportTimeStart = null;
// this.where.reportTimeEnd = null;
// if (this.reportTimeScope && this.reportTimeScope.length == 2) {
// this.where.reportTimeStart =
// this.reportTimeScope[0].format("Y-M-D H:m:s");
// this.where.reportTimeEnd =
// this.reportTimeScope[1].format("Y-M-D H:m:s");
// }
this.$refs.table.reload({
where: this.where,
});
@@ -591,6 +619,12 @@ export default {
</script>
<style lang="less">
.ant-col{
margin-top: 10px;
}
.ant-calendar-picker{
width: 100%;
}
.editable-cell {
position: relative;

View File

@@ -46,6 +46,19 @@
>
<a-button>专项湖库导入</a-button>
</a-upload>
<a-dropdown>
<template #overlay>
<a-menu style="word-spacing:10px;">
<a-menu-item @click="download('专项湖库数据报送表','/template/专项湖库数据报送表.xlsx')" > <a ref=""></a>专项湖库数据报送表 </a-menu-item>
<a-menu-item @click="download('五象湖水质监测报告表','/template/五象湖水质监测报告表.xlsx')" > 五象湖水质监测报告表 </a-menu-item>
<a-menu-item @click="download('其它内湖水质监测报告表','/template/其它内湖水质监测报告表.xls')" > 其它内湖水质监测报告表 </a-menu-item>
</a-menu>
</template>
<a-button type="primary" style="left: 60px">
模板下载
<DownOutlined />
</a-button>
</a-dropdown>
</a-space>
</template>
<a-tabs v-model:activeKey="activeKey">
@@ -66,6 +79,7 @@
import {Modal} from "ant-design-vue";
import WaterBill from "./water-bill.vue";
import SpecialBill from "./special-bill.vue";
import { DownOutlined } from "@ant-design/icons-vue";
// import {saveLakeBill} from "@/api/ecology/lake";
// import {saveLakeBill as saveSpecialLake} from "@/api/ecology/special-lake";
import {importCityOther,importCppointCity,importSpecial} from "@/api/ecology/water/lake/import";
@@ -74,7 +88,8 @@ export default {
name: "LakeCollectIndex",
components: {
WaterBill,
SpecialBill
SpecialBill,
DownOutlined
},
data() {
return {
@@ -82,6 +97,16 @@ export default {
};
},
methods: {
// 模板下载
download (name,url){
var a = document.createElement("a");
a.href = url;
a.download = `${name}-导入模板`;
a.style.display = "none";
document.body.appendChild(a);
a.click();
a.remove();
},
handleMenuClick(e) {
document.getElementById(e.key).click()
},

View File

@@ -17,10 +17,33 @@
<a-form-item label="表格名称:">
<a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
</a-form-item>
<!--
<a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" />
</a-form-item>
</a-form-item> -->
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="起始时间:" name="reportTimeStart" >
<a-date-picker
v-model:value="where.reportTimeStart"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入起始时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="结束时间:" name="reportTimeEnd">
<a-date-picker
v-model:value="where.reportTimeEnd"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入结束时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
<a-space>
@@ -216,12 +239,12 @@
/* 刷新表格 */
reload() {
this.where.reportTimeStart = null;
this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
}
// this.where.reportTimeStart = null;
// this.where.reportTimeEnd = null;
// if (this.reportTimeScope && this.reportTimeScope.length == 2) {
// this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
// this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
// }
this.$refs.table.reload({
where: this.where
});

View File

@@ -18,9 +18,32 @@
<a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
</a-form-item>
<a-form-item label="上报时间:">
<!-- <a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" />
</a-form-item>
</a-form-item> -->
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="起始时间:" name="reportTimeStart" >
<a-date-picker
v-model:value="where.reportTimeStart"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入起始时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-col :lg="6" :md="12" :sm="24" :xs="24">
<a-form-item label="结束时间:" name="reportTimeEnd">
<a-date-picker
v-model:value="where.reportTimeEnd"
valueFormat="YYYY-MM-DD HH:mm:ss"
:locale="locale"
placeholder="请输入结束时间"
allow-clear
/>
</a-form-item>
</a-col>
<a-form-item class="ele-text-right" :wrapper-col="{span: 24}">
<a-space>
@@ -216,12 +239,12 @@
/* 刷新表格 */
reload() {
this.where.reportTimeStart = null;
this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
}
// this.where.reportTimeStart = null;
// this.where.reportTimeEnd = null;
// if (this.reportTimeScope && this.reportTimeScope.length == 2) {
// this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s")
// this.where.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
// }
this.$refs.table.reload({
where: this.where
});