联调行政区整治方案文档列表，实现点击查看土地整治方案文档

src/views/LandConsolidation/index.vue

@@ -17,7 +17,18 @@
       <div class="innerContainer leftPane" v-drag>
         <h2 class="Pangetitle darg-div el-col">
           <span class="pange_text">全域土地综合整治专题 </span>
-          <i class="document el-icon-document" @click="download"></i>
+
+          <el-dropdown @command="download">
+            <span class="document el-icon-document"> </span>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item
+                v-for="file in filelist"
+                :key="file"
+                :command="file"
+                >{{ file.slice(19) }}
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
           <div class="region">
             <!-- clearable -->
             <el-cascader
@@ -121,6 +132,7 @@
 
 <script>
 // import htmlContent from "@/../static/data/aa.html";
+import { QueryOne } from "@/api/cockpitNew";
 import Organize from "./components/organize.vue";
 import Sdgk from "./components/sdgk.vue";
 import Qhdb from "./components/qhdb.vue";
@@ -149,6 +161,7 @@ export default {
   data() {
     return {
       // htmlContent: htmlContent,
+      filelist: [],
       loading: false,
       drawer: false,
       xzqh: "",
@@ -191,12 +204,20 @@ export default {
     changeData(name, updata) {
       this[name] = updata;
     },
-    download() {
+    async getssfa() {
+      let res = await QueryOne({
+        jscType: "qytuzz_sdzl_sdmb_ssfa",
+        id: this.xzqh,
+      });
+      console.log(res.data);
+      this.filelist = res.data.zzwafile.split(",");
+    },
+    handleClick() {},
+    download(file) {
+      console.log(file, "aa");
       // window.open(this.$props.scjgObj.fxbg); //this.$props.scjgObj.task.fxbg
       window.open(
-        window.axiosURI +
-          "/analyse/fzss/ShowReport?filePath=" +
-          `${'/整治预判分析报告/7070c38c361a4a6586f285bc93367cd0/整治预判分析报告_20241127101823.docx'}`,
+        ` ${window.axiosURI}/analyse/fzss/ShowReport?filePath=${file}`,
         "_blank"
       );
     },
@@ -219,6 +240,7 @@ export default {
     regionChange() {
       this.onClick(this.activeIndex);
       this.$refs.detailModal.closeInster();
+      this.getssfa();
     },
     cockpit() {
       //驾驶舱矢量数据点选查询
@@ -310,9 +332,6 @@ export default {
 .newContainer {
   top: 40px !important;
 }
-.el-select-dropdown {
-  background-color: rgba(4, 28, 50, 1) !important;
-}
 </style>
 <style lang="scss">
 .LandConsolidation {
@@ -377,5 +396,17 @@ export default {
     }
   }
 }
+.el-dropdown-menu,
+.el-select-dropdown {
+  background-color: rgba(4, 28, 50, 1) !important;
+  border: 1px solid rgba(15, 122, 200, 0.4) !important;
+}
+.el-dropdown-menu__item {
+  color: #fff !important;
+}
+.el-dropdown-menu__item:focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+  background-color: rgba(255, 255, 255, 0.35) !important;
+}
 @import "../complianceAnalysis/ghzc.scss";
 </style>