添加下载模板

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

View File

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

View File

@@ -46,6 +46,19 @@
> >
<a-button>专项湖库导入</a-button> <a-button>专项湖库导入</a-button>
</a-upload> </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> </a-space>
</template> </template>
<a-tabs v-model:activeKey="activeKey"> <a-tabs v-model:activeKey="activeKey">
@@ -66,6 +79,7 @@
import {Modal} from "ant-design-vue"; import {Modal} from "ant-design-vue";
import WaterBill from "./water-bill.vue"; import WaterBill from "./water-bill.vue";
import SpecialBill from "./special-bill.vue"; import SpecialBill from "./special-bill.vue";
import { DownOutlined } from "@ant-design/icons-vue";
// import {saveLakeBill} from "@/api/ecology/lake"; // import {saveLakeBill} from "@/api/ecology/lake";
// import {saveLakeBill as saveSpecialLake} from "@/api/ecology/special-lake"; // import {saveLakeBill as saveSpecialLake} from "@/api/ecology/special-lake";
import {importCityOther,importCppointCity,importSpecial} from "@/api/ecology/water/lake/import"; import {importCityOther,importCppointCity,importSpecial} from "@/api/ecology/water/lake/import";
@@ -74,7 +88,8 @@ export default {
name: "LakeCollectIndex", name: "LakeCollectIndex",
components: { components: {
WaterBill, WaterBill,
SpecialBill SpecialBill,
DownOutlined
}, },
data() { data() {
return { return {
@@ -82,6 +97,16 @@ export default {
}; };
}, },
methods: { 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) { handleMenuClick(e) {
document.getElementById(e.key).click() document.getElementById(e.key).click()
}, },

View File

@@ -17,10 +17,33 @@
<a-form-item label="表格名称:"> <a-form-item label="表格名称:">
<a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear /> <a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
</a-form-item> </a-form-item>
<!--
<a-form-item label="上报时间:"> <a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" /> <a-range-picker separator="~" v-model:value="reportTimeScope" />
</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-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-form-item class="ele-text-right" :wrapper-col="{span: 24}">
<a-space> <a-space>
@@ -216,12 +239,12 @@
/* 刷新表格 */ /* 刷新表格 */
reload() { reload() {
this.where.reportTimeStart = null; // this.where.reportTimeStart = null;
this.where.reportTimeEnd = null; // this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) { // if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s") // 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.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
} // }
this.$refs.table.reload({ this.$refs.table.reload({
where: this.where where: this.where
}); });

View File

@@ -18,9 +18,32 @@
<a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear /> <a-input v-model:value.trim="where.billName" placeholder="请输入" allow-clear />
</a-form-item> </a-form-item>
<a-form-item label="上报时间:"> <!-- <a-form-item label="上报时间:">
<a-range-picker separator="~" v-model:value="reportTimeScope" /> <a-range-picker separator="~" v-model:value="reportTimeScope" />
</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-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-form-item class="ele-text-right" :wrapper-col="{span: 24}">
<a-space> <a-space>
@@ -216,12 +239,12 @@
/* 刷新表格 */ /* 刷新表格 */
reload() { reload() {
this.where.reportTimeStart = null; // this.where.reportTimeStart = null;
this.where.reportTimeEnd = null; // this.where.reportTimeEnd = null;
if (this.reportTimeScope && this.reportTimeScope.length == 2) { // if (this.reportTimeScope && this.reportTimeScope.length == 2) {
this.where.reportTimeStart = this.reportTimeScope[0].format("Y-M-D H:m:s") // 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.reportTimeEnd = this.reportTimeScope[1].format("Y-M-D H:m:s")
} // }
this.$refs.table.reload({ this.$refs.table.reload({
where: this.where where: this.where
}); });