fix: 重点、在逃人员轨迹增加导出Exel功能

src/api/rygj/index.js

+import { postBlob } from "@/utils/http.js";
+import base from "@/api/base";
+// 重点人员
+export const exportZdrygjList = params => postBlob(`${base.alyIP}/dsjmx/exportZdrygjList`, params);
+// 在逃人员
+export const exportZtrygjList = params => postBlob(`${base.alyIP}/dsjmx/exportZtrygjList`, params);
\ No newline at end of file

src/components/ptCxForm_components.vue

@@ -704,6 +704,7 @@
                    v-if="pageASs == 'queryZj'">
                 <i class="el-icon-plus"></i> 新增
               </div>
+              <slot name="rygj"></slot>
               <el-button type="primary"
                          size="mini"
                          v-if="pageBs == 'zczltj'"

src/utils/http.js

@@ -307,4 +307,23 @@ export function postJson(url, data) {
   });
 }
 
+/**
+ * blob
+ * @export
+ * @param {*} url
+ * @param {*} data
+ * @return {*} 
+ */
+export function postBlob(url,data) {
+  return new Promise((resolve, reject) => {
+    axios({url, method: 'post', data: qs.stringify(data),responseType: 'blob'}).then(response => {
+      resolve(response);
+    }).catch(err => {
+      reject(err)
+    })
+  }).catch(err => {
+    reject(err.data);
+  });
+}
+
 export default axios;

src/views/rygj/zdrygj.vue

@@ -7,14 +7,25 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-    ></right-content>
+    >
+      <template #rygj>
+        <el-button
+          v-if="zddcqx"
+          :loading="loading"
+          type="primary"
+          size="mini"
+          @click="zczltjExport"
+        >导出</el-button>
+      </template>
+    </right-content>
   </div>
 </template>
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
-import base from "@/api/base";
+import { exportZdrygjList } from '@/api/rygj/index.js'
 import { loginByZjhm } from "@/api/index";
+import axios from 'axios'
 export default {
   name: "zdrygj",
   components: {
@@ -22,6 +33,8 @@ export default {
   },
   data() {
     return {
+      zddcqx: false,
+      loading: false,
       pageBs: "zdrygj",
       header: "重点人员轨迹",
       Menu: [
@@ -246,12 +259,38 @@ export default {
     };
   },
   methods: {
+    zczltjExport(e) {
+      this.loading = true
+      exportZdrygjList(e).then(res => {
+        this.loading = false
+          const blob = new Blob([res],{type: 'application/vnd.ms-excel'})
+          const href = URL.createObjectURL(blob)
+          const a = document.createElement('a');
+          a.style.display = 'none'
+          a.href = href
+          a.download = '重点人员轨迹.xlsx'
+          a.click()
+          URL.revokeObjectURL(a.href)
+      })
+    }
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
     this.$store.commit("user/SET_LeftMenu", this.leftMenus);
     this.$store.commit("user/SET_Header", this.header);
   },
+  mounted() {
+    if (sessionStorage.getItem('userInfo')) {
+      let json = JSON.parse(sessionStorage.getItem('userInfo'))
+      let permission = json.permission
+      let userName = json.userName
+      if (permission.indexOf('C1502') != -1 || userName.indexOf('admin') != -1) {
+        this.zddcqx = true
+      } else {
+        this.zddcqx = false
+      }
+    }
+  }
 };
 </script>
 <style>

src/views/rygj/ztrygj.vue

@@ -7,13 +7,23 @@
       :cxQueryField="cxQueryField"
       :cxDefaultFormThead="cxDefaultFormThead"
       :cxUrl="cxUrl"
-    ></right-content>
+    >
+      <template #rygj>
+        <el-button
+          v-if="ztdcqx"
+          :loading="loading"
+          type="primary"
+          size="mini"
+          @click="zczltjExport"
+        >导出</el-button>
+      </template>
+    </right-content>
   </div>
 </template>
 
 <script>
 import rightContent from "@c/ptCxForm_components.vue";
-import base from "@/api/base";
+import { exportZtrygjList } from '@/api/rygj/index.js'
 import { loginByZjhm } from "@/api/index";
 export default {
   name: "queryZdrygj",
@@ -22,6 +32,8 @@ export default {
   },
   data() {
     return {
+      ztdcqx: false,
+      loading: false,
       pageBs: "ztrygj",
       header: "在逃人员轨迹",
       Menu: [
@@ -150,12 +162,38 @@ export default {
     };
   },
   methods: {
+    zczltjExport(e) {
+      this.loading = true
+      exportZtrygjList(e).then(res => {
+        this.loading = false
+        const blob = new Blob([res],{type: 'application/vnd.ms-excel'})
+        const href = URL.createObjectURL(blob)
+        const a = document.createElement('a');
+        a.style.display = 'none'
+        a.href = href
+        a.download = '在逃人员轨迹.xlsx'
+        a.click()
+        URL.revokeObjectURL(a.href)
+      })
+    }
   },
   created() {
     this.$store.commit("user/SET_Menu", this.Menu);
     this.$store.commit("user/SET_LeftMenu", this.leftMenus);
     this.$store.commit("user/SET_Header", this.header);
   },
+  mounted() {
+    if (sessionStorage.getItem('userInfo')) {
+      let json = JSON.parse(sessionStorage.getItem('userInfo'))
+      let permission = json.permission
+      let userName = json.userName
+      if (permission.indexOf('C1503') != -1 || userName.indexOf('admin') != -1) {
+        this.ztdcqx = true
+      } else {
+        this.ztdcqx = false
+      }
+    }
+  }
 };
 </script>
 <style>

vue.config.js

@@ -69,7 +69,7 @@ module.exports = {
     },
     proxy: {
       "/apialy": {
-        target: "http://192.168.2.107:8762", //西藏: https://155.1.33.10:20010/   阿里云：http://39.99.155.173:9022
+        target: "http://39.99.155.173:9022", //西藏: https://155.1.33.10:20010/   阿里云：http://39.99.155.173:9022
         // ws: true, 
         changeOrigin: true,
         secure: false,