文件下载

linwe

2024-05-25 9f0445ee6721076cc8e435ce52d602dcd84b5798

 src/views/publicSecurity/noExplosionManage.vue

@@ -92,10 +92,16 @@
              上报附件
            </div>
            <div class="yh-pic-list">
              <div class="pic-item" v-for="pic in item.imageUrlsList">

              <div v-if="type === 1" class="pic-item" v-for="pic in item.imageUrlsList">
                <el-image style="width: 100px; height: 100px" :src="pic" :fit="fit"
                  :preview-src-list="item.imageUrlsList"></el-image>
              </div>

              <div v-if="type === 2" style="line-height: 100px;" v-for="pic in item.imageUrlsList">
                <el-button @click="downloadFile(item.imageUrls)" type="primary">下载</el-button>
              </div>

            </div>
          </div>
        </div>
@@ -319,6 +325,7 @@
          ],
        },
        data: [],
        type: '',

        auditBasePopup: false,
        questionTypeList: [],
@@ -410,6 +417,16 @@


    methods: {

      downloadFile(url) {
        window.location.href = url
        // window.open(url);
        // const link = document.createElement('a');
        // link.href = url;
        // link.download = "";
        // link.target = "_blank"; // 可选，如果希望在新窗口中下载文件，请取消注释此行
        // link.click();
      },
      // 点击展开收缩
      flodQL(index) {
        this.rowDetail.qTypeList[index].isShowQList = !this.rowDetail.qTypeList[index].isShowQList
@@ -447,6 +464,8 @@
      },

      getDetail(rowData) {
        console.log("*************rowData**************" + JSON.stringify(rowData.type))
        this.type = rowData.type
        this.getPatrolGroupTree({
          type: 2,
          childType: rowData.noExplosionCategory
@@ -494,6 +513,8 @@
                isShowQList: true
              })
            })
            // console.log("999999999999999999999999" + JSON.stringify(newArr))

            row.qTypeList = newArr
          }
          // 九小类型转换