From e2333edf17ba1e4aae341ea5192663f3785185ba Mon Sep 17 00:00:00 2001
From: wangqiujuan0808 <578331299@qq.com>
Date: Sat, 11 May 2024 23:02:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E5=85=A5=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/infoApi.js             |  8 ++++--
 src/components/ExportPoint.vue | 45 +++++++++++++++++++---------------
 src/components/ViewPoint.vue   | 30 ++++++++++++++++++++---
 src/components/ViewSet.vue     |  4 +--
 4 files changed, 60 insertions(+), 27 deletions(-)

diff --git a/src/api/infoApi.js b/src/api/infoApi.js
index bf16e23..d468f7a 100644
--- a/src/api/infoApi.js
+++ b/src/api/infoApi.js
@@ -85,9 +85,13 @@ const infoApi = {
     return postPBRequest('/template', params, 53310, params.template_name)
   },
   // 点位导入
+  importP(params,template_name) {
+    return postPBRequest('/template', params, 53212,template_name)
+  },
 
-  importP(params) {
-    return postPBRequest('/template', params, 53310, params.template_name)
+  // 点位导出
+  exportP(params) {
+    return postPBRequest('/template', params, 53211, params.template_name)
   },
   // 驱动列表查询
   getTx(params) {
diff --git a/src/components/ExportPoint.vue b/src/components/ExportPoint.vue
index cd7bcf0..2b8680f 100644
--- a/src/components/ExportPoint.vue
+++ b/src/components/ExportPoint.vue
@@ -4,7 +4,7 @@
     <label class="filelabel" for="fileinput1">上传</label>
     <div class="fileName">
       <span>{{ fileName }}</span>
-      <delete style="width: 18px; height: 18px; margin-left: 8px;" @click="delFile" v-if="fileName"/>
+      <delete style="width: 18px; height: 18px; margin-left: 8px;" @click="delFile" v-if="fileName" />
     </div>
     <template #footer>
       <span class="dialog-footer">
@@ -25,7 +25,7 @@ export default {
 
     const state = reactive({
       fileName: '',
-      formData: new FormData()
+      importData: new FormData()
     });
     const visible = computed(() => {
       return props.dialogVisible;
@@ -39,16 +39,20 @@ export default {
     };
 
     const saveP = async () => {
-      const res = await infoApi.importP(state.formData);
-      ctx.emit("dialogSuccess");
+      const res = await infoApi.importP(state.importData, props.formData.name);
+      if (res.code == 0) {
+        ElMessage.success(res.message);
+        ctx.emit("dialogSuccess");
+      } else {
+        ElMessage.error(res.data || res.message);
+      }
 
     };
 
-    const uploadFile =  (e) => {
+    const uploadFile = (e) => {
       let file = e.target.files[0];
       state.fileName = file.name;
-      state.formData.append("file", file);
-      state.formData.append("folderName", file.name);
+      state.importData.append("file", file);
     }
 
     const delFile = () => {
@@ -68,17 +72,18 @@ export default {
 </script>
 <style lang="scss" scoped>
 .filelabel {
-    background: #1890ff;
-    border: 1px solid #1890ff;
-    font-weight: 500;
-    padding: 5px 15px 5px;
-    margin: 0 2px 0 6px;
-    border-radius: 4px;
-    color: #fff;
-    font-size: 12px;
-  }
-  .fileName {
-    margin: 15px 0;
-    font-size:16px;
-  }
+  background: #1890ff;
+  border: 1px solid #1890ff;
+  font-weight: 500;
+  padding: 5px 15px 5px;
+  margin: 0 2px 0 6px;
+  border-radius: 4px;
+  color: #fff;
+  font-size: 12px;
+}
+
+.fileName {
+  margin: 15px 0;
+  font-size: 16px;
+}
 </style>
diff --git a/src/components/ViewPoint.vue b/src/components/ViewPoint.vue
index 6aefb3c..cccb37f 100644
--- a/src/components/ViewPoint.vue
+++ b/src/components/ViewPoint.vue
@@ -59,11 +59,13 @@
         <AddPoint :type="type" :formData="formData1" :pointData="pointData" :dialogVisible="dialogVisible1"
             v-if="dialogVisible1" @dialogClose="dialogVisible1 = false" @dialogSuccess="dialogSuccess1">
         </AddPoint>
-        <ExportPoint :formData="formData1" :dialogVisible="dialogVisible2" v-if="dialogVisible2" @dialogClose="dialogVisible2 = false"
-            @dialogSuccess="dialogSuccess2"></ExportPoint>
+        <ExportPoint :formData="formData1" :dialogVisible="dialogVisible2" v-if="dialogVisible2"
+            @dialogClose="dialogVisible2 = false" @dialogSuccess="dialogSuccess2"></ExportPoint>
     </el-drawer>
 </template>
 <script>
+import { Base64 } from 'js-base64';
+import axios from "axios";
 import { onMounted, reactive, ref, toRefs, computed, nextTick } from "vue";
 import infoApi from "@/api/infoApi.js";
 import { ElMessage, ElMessageBox } from "element-plus";
@@ -199,8 +201,30 @@ export default {
             state.dialogVisible2 = true;
         }
 
-        const exportData = () => {
+        const exportData = async () => {
+            axios({
+                method: "post",
+                url: '/template',
+                headers: {
+                    "action": 53211,
+                    'template_name': Base64.encode(props.formData.name)
+                },
+                responseType: 'blob',
+            }).then((response) => {
+                const url = window.URL.createObjectURL(new Blob([response]));
 
+                const link = document.createElement('a');
+                link.href = url;
+                link.setAttribute('download', props.formData.name +'_points.csv');
+                document.body.appendChild(link);
+                link.click();
+                // const link = document.createElement('a');
+                // link.href = url;
+                // link.setAttribute('download', '_points.csv');
+                // link.click();
+                // document.body.removechild(link);
+                // window.URL.revokeobjectURL(url);
+            }).catch(error => console.log(error));
         }
 
         return {
diff --git a/src/components/ViewSet.vue b/src/components/ViewSet.vue
index 643f866..5a00a26 100644
--- a/src/components/ViewSet.vue
+++ b/src/components/ViewSet.vue
@@ -11,10 +11,10 @@
             <el-button type="primary" @click="manageData">
                 新增设备
             </el-button>
-            <div>
+            <!-- <div>
                 <el-button type="primary" @click="importData"> 导入 </el-button>
                 <el-button type="primary" @click="exportData"> 导出 </el-button>
-            </div>
+            </div> -->
         </div>
         <el-table :data="propertiesData" height="640" style="width: 100%" border stripe
             :header-cell-style="{ background: '#F6F7FC' }">