经开分局优化

linwe

2025-11-15 7cd1b413d964693c6e57b314fee7871477274e49

经开分局优化

 src/views/home/components/dialog/countByDetailsBox.vue

@@ -54,6 +54,21 @@
            {{ scope.row.isCardMaking == 1 ? '是' : '否' }}
          </template>
        </el-table-column>
        <el-table-column prop="isCardMaking" label="二维码">
          <template slot-scope="scope">
            <img v-if="scope.row.address" :src="'http://47.217.32.232/qrcode_image/' + scope.row.picName" alt="二维码"
              style="width: 20px; height: 20px; cursor: pointer;"
              @click="previewImage('http://47.217.32.232/qrcode_image/' + scope.row.picName)" />
          </template>
        </el-table-column>

        <!-- <el-table-column prop="isCardMaking" label="二维码">
          <template slot-scope="scope">
            <img v-if="scope.row.address" src="../../../../../public/images/jjx3.png" alt="二维码"
              style="width: 20px; height: 20px; cursor: pointer;"
              @click="previewImageLocal('http://47.217.32.232/qrcode_image/' + scope.row.picName)" />
          </template>
        </el-table-column> -->
      </el-table>

      <div class="pages all-pagination-sty" ref="tablePagination">
@@ -76,7 +91,7 @@
      landEmptyText: '',
      landVisible: false,
      landTitle: '',
      barType: '',
      barType: null,
      landTitleName: '',
      landType: '',
      landDetailArr: [],
@@ -96,6 +111,62 @@
  },

  methods: {
    previewImage (url) {
      // 检查URL是否存在
      if (!url) {
        this.$message.warning('二维码图片不存在')
        return
      }

      const h = this.$createElement
      this.$msgbox({
        title: '二维码',
        message: h('img', {
          attrs: { src: url },
          style: {
            width: '100%',
            height: 'auto',
            maxWidth: '300px',
            display: 'block',
            margin: '0 auto'
          }
        }),
        showConfirmButton: true,
        confirmButtonText: '关闭',
        customClass: 'image-preview-dialog'
      }).catch(() => {
        // 处理用户关闭弹窗的情况
      })
    },
    previewImageLocal (picName) {
      if (!picName) {
        this.$message.warning('二维码图片不存在')
        return
      }

      // 构造本地图片路径
      const localImageUrl = `../../../../../public/images/jjx3.png`

      const h = this.$createElement
      this.$msgbox({
        title: '二维码预览',
        message: h('img', {
          attrs: { src: localImageUrl },
          style: {
            width: '100%',
            height: 'auto',
            maxWidth: '300px',
            display: 'block',
            margin: '0 auto'
          }
        }),
        showConfirmButton: true,
        confirmButtonText: '关闭',
        customClass: 'image-preview-dialog'
      }).catch(() => {
        // 处理用户关闭弹窗的情况
      })
    },
    /**
    * @description: 显示现有小区弹窗列表
    * @param {*} name
@@ -221,7 +292,7 @@
        policeName,
        phone,
        address,
        isCardMaking: this.barType === 'off' ? 0 : 1,
        isCardMaking: this.barType === 'off' ? 0 : this.barType === 'on' ? 1 : null,
        size: this.landPage.pageSize
      }).then(res => {
        this.landDetailArr = []

 src/views/house/index.vue

@@ -530,6 +530,7 @@
            <div slot="error" class="image-slot"></div>
          </el-image>
        </div>
        <div style="color: #00ee00;font-weight: bold;">{{ isCardMaking == 1 ? "已制牌" : "未制牌" }}</div>
      </div>
      <div class="table-box">
        <div class="type-tab-box">
@@ -1015,6 +1016,7 @@
      JWdetails: {},
      residentDetailsType: 1,
      residentDetailsTitle: "",
      isCardMaking: "",
      residentDetailsShow: false,
      lastBtnShow: false,
      nextBtnShow: true,
@@ -1911,7 +1913,7 @@
            this.pictLoading = false
          }, 3000)
        }

        // '六失人员','信访人员','刑满释放人员',肇事肇祸精神病人'
      })
    },

@@ -2066,6 +2068,7 @@

      // this.residentDetailsTitle = `${params.address} 住户信息`
      this.residentDetailsTitle = `${params.address}`
      this.isCardMaking = `${params.isCardMaking}`
      this.residentDetailsShow = true
      this.residentNoDataText = ' '
      this.residentLoading = true