新增下载模板

张红振
1 parent 55e05791
Showing 2 changed files with 33 additions and 13 deletions
src/views/community/houses/index.vue
src/views/ownerManagement/owner/index.vue
@@ -5,7 +5,7 @@ import { parseTime } from &quot;@/utils/tool.ts&quot;;
 import Detail from "./detail.vue";
 import BuildOwner from "./buildOwner.vue";
 import Relieve from "./relieve.vue";
-import File from "@/components/FileUpload/index.vue"
+import File from "@/components/FileUpload/index.vue";
 import Pagination from "@/components/Pagination/index.vue";
 import { useRoute } from "vue-router";
@@ -107,6 +107,12 @@ const relieveSuccess = () =&gt; {
   instance?.proxy?.$message.success("操作成功");
 };
 /**
+ * 下载模板
+ */
+const down = () => {
+  window.open(`${import.meta.env.VITE_BASE_URL}house.xlsx`);
+};
+/**
  * 监听路由参数变换
  */
 watchEffect(() => {
@@ -135,10 +141,11 @@ watchEffect(() =&gt; {
       >
       <el-row>
         <el-form-item>
-          <!-- <el-button type="primary">导入</el-button>
-          <el-button type="primary">导出</el-button> -->
           <File url="house/importExcel" method="put" @success="search"></File>
         </el-form-item>
+        <el-form-item>
+          <el-button type="success" @click="down">下载模板</el-button>
+        </el-form-item>
       </el-row>
     </el-form>
@@ -173,7 +180,11 @@ watchEffect(() =&gt; {
             >取消绑定</el-button
           >
-          <el-button type="text" size="mini" @click="check(scope.row.id)" style="margin-left:10px"
+          <el-button
+            type="text"
+            size="mini"
+            @click="check(scope.row.id)"
+            style="margin-left: 10px"
             >查看房屋</el-button
           >
           <router-link
@@ -182,10 +193,16 @@ watchEffect(() =&gt; {
               query: { houseId: scope.row.id },
             }"
           >
-            <el-button type="text" size="mini" style="margin-left:10px">查看业主</el-button>
+            <el-button type="text" size="mini" style="margin-left: 10px"
+              >查看业主</el-button
+            >
           </router-link>
-          <el-button type="text" size="mini" @click="remove(scope.row.id)" style="margin-left:10px"
+          <el-button
+            type="text"
+            size="mini"
+            @click="remove(scope.row.id)"
+            style="margin-left: 10px"
             >删除</el-button
           >
         </template>
@@ -197,7 +214,7 @@ watchEffect(() =&gt; {
       v-if="data.total > 0"
       :total="data.total"
       v-model:currentPage="searchData.page"
-       v-model:pageSize="searchData.pageSize"
+      v-model:pageSize="searchData.pageSize"
       @pageChange="search"
     ></Pagination>
@@ -133,7 +133,12 @@ const changeData: void = () =&gt; {
 const dialogClose: void = () => {
   data.currId=null
 };
-
+/**
+ * 下载模板
+ */
+const down = () => {
+  window.open(`${import.meta.env.VITE_BASE_URL}resident.xls`);
+};
 /**
  * 监听路由参数变换
  */
@@ -192,13 +197,11 @@ watchEffect(() =&gt; {
       >
       <el-row>
         <el-form-item>
-          <!-- <el-button type="primary">导入</el-button>
-          <el-button type="primary">导出</el-button>
-          <el-button type="primary" @click="data.dialogVisible = true"
-            >新增</el-button
-          > -->
           <File url="resident/poiInsert" method="post" @success="search"></File>
         </el-form-item>
+        <el-form-item>
+          <el-button type="success" @click="down">下载模板</el-button>
+        </el-form-item>
       </el-row>
     </el-form>