经开分局优化

linwe

2025-10-28 0b7c058f89b458fed7f2eb889c04e8b4992c5e05

经开分局优化

 public/static/config copy.js

@@ -9,39 +9,39 @@
 * Copyright (c) 2023 by ${git_name_email}, All Rights Reserved. 
 */
window.BASE_URL_CONFIG = {
    // 丰图数据
    // 本地开发
    VUE_APP_OUTER_NET: 'http://192.168.0.112:18080',
    // 内网部署
    VUE_APP_INTRANET: 'http://10.141.11.11:18080',
  // 丰图数据
  // 本地开发
  VUE_APP_OUTER_NET: 'http://192.168.0.112:18080',
  // 内网部署
  VUE_APP_INTRANET: 'http://47.217.32.232:80:18080',

    // 大搜
    // 本地开发
    VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
    // 内网部署
    VUE_APP_INTRANET_SEARCH: 'http://10.141.11.11:9091',
  // 大搜
  // 本地开发
  VUE_APP_OUTER_NET_SEARCH: 'http://192.168.0.112:9091',
  // 内网部署
  VUE_APP_INTRANET_SEARCH: 'http://47.217.32.232:80:9091',

    // 视频监控平台
    // 本地开发
    VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.126:18185/api',
    // VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.129:18185/api',
    // 内网部署
    VUE_APP_INTRANET_VIDEO: 'http://10.141.11.11:18185/api',
  // 视频监控平台
  // 本地开发
  VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.126:18185/api',
  // VUE_APP_OUTER_NET_VIDEO: 'http://192.168.0.129:18185/api',
  // 内网部署
  VUE_APP_INTRANET_VIDEO: 'http://47.217.32.232:80:18185/api',

    // 设备通道号
    VUE_APP_OUTER_NET_EQUIPMENT: '36110000002009999000',
    VUE_APP_INTRANET_EQUIPMENT: '34020000002000000003',
  // 设备通道号
  VUE_APP_OUTER_NET_EQUIPMENT: '36110000002009999000',
  VUE_APP_INTRANET_EQUIPMENT: '34020000002000000003',

    // 模型地址
    VUE_APP_OUTER_NET_TILEURL: 'http://192.168.0.112:18080',
    VUE_APP_INTRANET_TILEURL: 'http://10.141.11.11:18080',
  // 模型地址
  VUE_APP_OUTER_NET_TILEURL: 'http://192.168.0.112:18080',
  VUE_APP_INTRANET_TILEURL: 'http://47.217.32.232:80:18080',

    // 后台管理跳转地址
    VUE_APP_OUTER_NET_HTURL: 'http://192.168.0.109:1888',
    VUE_APP_INTRANET_HTURL: 'http://10.141.11.11:8081',
  // 后台管理跳转地址
  VUE_APP_OUTER_NET_HTURL: 'http://192.168.0.109:1888',
  VUE_APP_INTRANET_HTURL: 'http://47.217.32.232:80:8081',


    // 栅格地图的
    VUE_APP_MAP_YX: 'http://10.141.11.12:18088',
    VUE_APP_MAP_SL: 'http://10.141.11.11:8090',
  // 栅格地图的
  VUE_APP_MAP_YX: 'http://10.141.11.12:18088',
  VUE_APP_MAP_SL: 'http://47.217.32.232:80:8090',
}

 src/components/dialog/businessDetailDialog.vue

@@ -9,52 +9,52 @@
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
-->
<template>
    <el-dialog class="business-detail-box" :title="popupTile" append-to-body :visible.sync="popupShow" center
        @close="popupClose">
        <div style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="type-tab-box">
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
                    基本信息</div>
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
                    其他信息</div>
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 3 }" @click="tabClick(3)">
                    从业人员 </div>
  <el-dialog class="business-detail-box" :title="popupTile" append-to-body :visible.sync="popupShow" center
    @close="popupClose">
    <div style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
      <div class="type-tab-box">
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
          基本信息</div>
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
          其他信息</div>
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 3 }" @click="tabClick(3)">
          从业人员 </div>
      </div>
      <div class="tab-content-box" v-if="chooseTab == 1">
        <div class="info-list">
          <div class="info-item">
            <div class="name">
              场所名称：
            </div>
            <div class="tab-content-box" v-if="chooseTab == 1">
                <div class="info-list">
                    <div class="info-item">
                        <div class="name">
                            场所名称：
                        </div>
                        <div class="value">
                            {{ businessDetailData.placeName }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            地址：
                        </div>
                        <div class="value">
                            {{ businessDetailData.location }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            负责人：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principal }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            手机号码：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principalPhone }}
                        </div>
                    </div>
                    <!-- <div class="info-item">
            <div class="value">
              {{ businessDetailData.placeName }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              地址：
            </div>
            <div class="value">
              {{ businessDetailData.location }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              负责人：
            </div>
            <div class="value">
              {{ businessDetailData.principal }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              手机号码：
            </div>
            <div class="value">
              {{ businessDetailData.principalPhone }}
            </div>
          </div>
          <!-- <div class="info-item">
                        <div class="name">
                            所属社区：
                        </div>
@@ -70,198 +70,198 @@
                            第五网格
                        </div>
                    </div> -->
                    <div class="info-item">
                        <div class="name">
                            场所标签：
                        </div>
                        <div class="value">
                            {{ businessDetailData.labelName }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            标签颜色：
                        </div>
                        <div class="value">
                            {{ businessDetailData.color }}
                        </div>
                    </div>
                    <div class="info-item photo-list">
                        <div class="name">
                            场所图片：
                        </div>
                        <div class="value">
                            <div v-for="(url, index) in businessDetailData.imagesUrlsArr" :key="index">
                                <el-image :src="url"></el-image>
                            </div>
                        </div>
                    </div>
                </div>
          <div class="info-item">
            <div class="name">
              场所标签：
            </div>
            <div class="tab-content-box" v-if="chooseTab == 2">
                <div class="info-list">
                    <div class="info-item">
                        <div class="name">
                            法人信息：
                        </div>
                        <div class="value">
                            {{ businessDetailData.placeExtEntity.legalPerson }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            法人电话：
                        </div>
                        <div class="value">
                            {{ businessDetailData.placeExtEntity.legalTel }}
                        </div>
                    </div>
                    <div class="info-item photo-list">
                        <div class="name">
                            营业执照：
                        </div>
                        <div class="value">
                            <div v-for="(url, index) in businessDetailData.yyzzUrlsArr" :key="index">
                                <el-image :src="url"></el-image>
                            </div>
                        </div>
                    </div>
                    <div class="info-item photo-list">
                        <div class="name">
                            场所平面图：
                        </div>
                        <div class="value">
                            <div v-for="(url, index) in businessDetailData.pmtUrlsArr" :key="index">
                                <el-image :src="url"></el-image>
                            </div>
                        </div>
                    </div>
                </div>
            <div class="value">
              {{ businessDetailData.labelName }}
            </div>
            <div class="tab-content-box" v-if="chooseTab == 3">
                <div class="table-box">
                    <el-table :data="tableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
                        :cell-style="{ 'text-align': 'center' }">
                        <el-table-column prop="name" label="名称" width="180">
                        </el-table-column>
                        <el-table-column prop="telephone" label="手机号码" width="180">
                        </el-table-column>
                        <el-table-column prop="tempAddress" label="暂住地">
                        </el-table-column>
                    </el-table>
                </div>

          </div>
          <div class="info-item">
            <div class="name">
              标签颜色：
            </div>
            <div class="value">
              {{ businessDetailData.color }}
            </div>
          </div>
          <div class="info-item photo-list">
            <div class="name">
              场所图片：
            </div>
            <div class="value">
              <div v-for="(url, index) in businessDetailData.imagesUrlsArr" :key="index">
                <el-image :src="url"></el-image>
              </div>
            </div>
          </div>
        </div>
    </el-dialog>
      </div>
      <div class="tab-content-box" v-if="chooseTab == 2">
        <div class="info-list">
          <div class="info-item">
            <div class="name">
              法人信息：
            </div>
            <div class="value">
              {{ businessDetailData.placeExtEntity.legalPerson }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              法人电话：
            </div>
            <div class="value">
              {{ businessDetailData.placeExtEntity.legalTel }}
            </div>
          </div>
          <div class="info-item photo-list">
            <div class="name">
              营业执照：
            </div>
            <div class="value">
              <div v-for="(url, index) in businessDetailData.yyzzUrlsArr" :key="index">
                <el-image :src="url"></el-image>
              </div>
            </div>
          </div>
          <div class="info-item photo-list">
            <div class="name">
              场所平面图：
            </div>
            <div class="value">
              <div v-for="(url, index) in businessDetailData.pmtUrlsArr" :key="index">
                <el-image :src="url"></el-image>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="tab-content-box" v-if="chooseTab == 3">
        <div class="table-box">
          <el-table :data="tableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
            :cell-style="{ 'text-align': 'center' }">
            <el-table-column prop="name" label="名称" width="180">
            </el-table-column>
            <el-table-column prop="telephone" label="手机号码" width="180">
            </el-table-column>
            <el-table-column prop="tempAddress" label="暂住地">
            </el-table-column>
          </el-table>
        </div>

      </div>
    </div>
  </el-dialog>
</template>

<script>
import {
    getBusinessDetail
  getBusinessDetail
} from "@/api/dept/index.js"

export default {
    name: 'DetailsPopup',
  name: 'DetailsPopup',

    props: {
        popupTile: {
            type: String,
            default: ''
        }
  props: {
    popupTile: {
      type: String,
      default: ''
    }
  },

  data () {
    return {
      popupShow: false,

      businessId: '',
      chooseTab: 1,
      tableData: [],
      loading: false,
      businessDetailData: {}
    }
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen (id) {
      this.chooseTab = 1
      this.popupShow = true
      this.loading = true
      this.getBusinessDetail(id)
    },

    data () {
        return {
            popupShow: false,

            businessId: '',
            chooseTab: 1,
            tableData: [],
            loading: false,
            businessDetailData: {}
        }
    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    methods: {
        // 打开弹窗初始化数据
        initOpen (id) {
            this.chooseTab = 1
            this.popupShow = true
            this.loading = true
            this.getBusinessDetail(id)
        },
    // tab切换
    tabClick (type) {
      this.chooseTab = type
      console.log('tabClick', type)
    },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // tab切换
        tabClick (type) {
            this.chooseTab = type
            console.log('tabClick', type)
        },

        // 获取详情数据
        getBusinessDetail (id) {
            getBusinessDetail({ id }).then(res => {
                console.log('getBusinessDetail', res.data.data)
                let data = res.data.data
                // 标签颜色
                if (data.color == 'red') {
                    data.color = '红色'
                } else if (data.color == 'yellow') {
                    data.color = '黄色'
                } else if (data.color == 'green') {
                    data.color = '绿色'
                }
                // 场所图片
                if (data.imageUrls) {
                    let picArr = data.imageUrls.split(',')
                    data.imagesUrlsArr = []
                    if (picArr.length > 0) {
                        picArr.forEach(item => {
                            item = 'http://10.141.11.11/place/' + item
                            data.imagesUrlsArr.push(item)
                        })
                    }
                }
                // 营业执照图片
                if (data.imageUrls) {
                    let picArr = data.placeExtEntity.imageUrls.split(',')
                    data.yyzzUrlsArr = []
                    if (picArr.length > 0) {
                        picArr.forEach(item => {
                            item = 'http://10.141.11.11/place/' + item
                            data.yyzzUrlsArr.push(item)
                        })
                    }
                }
                // 场所平面图图片
                if (data.imageUrls) {
                    let picArr = data.placeExtEntity.planImageUrls.split(',')
                    data.pmtUrlsArr = []
                    if (picArr.length > 0) {
                        picArr.forEach(item => {
                            item = 'http://10.141.11.11/place/' + item
                            data.pmtUrlsArr.push(item)
                        })
                    }
                }
                this.tableData = res.data.data.placePractitionerEntityList
                this.businessDetailData = res.data.data
                setTimeout(() => {
                    this.loading = false
                }, 500)
    // 获取详情数据
    getBusinessDetail (id) {
      getBusinessDetail({ id }).then(res => {
        console.log('getBusinessDetail', res.data.data)
        let data = res.data.data
        // 标签颜色
        if (data.color == 'red') {
          data.color = '红色'
        } else if (data.color == 'yellow') {
          data.color = '黄色'
        } else if (data.color == 'green') {
          data.color = '绿色'
        }
        // 场所图片
        if (data.imageUrls) {
          let picArr = data.imageUrls.split(',')
          data.imagesUrlsArr = []
          if (picArr.length > 0) {
            picArr.forEach(item => {
              item = 'http://47.217.32.232:80/place/' + item
              data.imagesUrlsArr.push(item)
            })
          }
        }
    },
        // 营业执照图片
        if (data.imageUrls) {
          let picArr = data.placeExtEntity.imageUrls.split(',')
          data.yyzzUrlsArr = []
          if (picArr.length > 0) {
            picArr.forEach(item => {
              item = 'http://47.217.32.232:80/place/' + item
              data.yyzzUrlsArr.push(item)
            })
          }
        }
        // 场所平面图图片
        if (data.imageUrls) {
          let picArr = data.placeExtEntity.planImageUrls.split(',')
          data.pmtUrlsArr = []
          if (picArr.length > 0) {
            picArr.forEach(item => {
              item = 'http://47.217.32.232:80/place/' + item
              data.pmtUrlsArr.push(item)
            })
          }
        }
        this.tableData = res.data.data.placePractitionerEntityList
        this.businessDetailData = res.data.data
        setTimeout(() => {
          this.loading = false
        }, 500)
      })
    }
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}
</style>

 src/components/map/index.vue

@@ -346,14 +346,15 @@
      // })
      // global.viewer.addTerrain(terrain)

      // 内网
      // 内网 ----- 想看效果，这里要注释
      that.switchImg()

      // that.highOrLightChange('light')

      // 地形数据添加
      // 地形数据添加 ----- 想看效果，这里要注释
      that.addTerrain()

      // 外网
      // 外网 ----- 想看效果，这里要打开
      // global.viewer.imageryLayers.addImageryProvider(
      //   new global.DC.Namespace.Cesium.UrlTemplateImageryProvider({
      //     url: 'http://t{s}.tianditu.gov.cn/DataServer?T=vec_w&x={x}&y={y}&l={z}&tk=d083e4cf30bfc438ef93436c10c2c20a',
@@ -1173,6 +1174,7 @@
          font: "16px sans-serif",
          pixelOffset: { x: 0, y: -30 },
          distanceDisplayCondition: distanceDisplayCondition,
          ...params.setStyle
        })
        labelElement.attrParams = params
        layersObjcect[layerName].addOverlay(labelElement)

 src/components/policeDetail/index.vue

@@ -1,60 +1,60 @@
<template>
    <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="'扫码报警详情'" append-to-body
        :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="all-box">
            <div class="item-box">
                <div class="label">报警人姓名：</div>
                <div class="value">{{ rowDetail.name }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警人电话：</div>
                <div class="value">{{ rowDetail.phone }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警人性别：</div>
                <div class="value">{{ rowDetail.gender == 1 ? '男' : '女' }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警时间：</div>
                <div class="value">{{ rowDetail.createTime }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警位置：</div>
                <div class="value">{{ rowDetail.address }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警内容：</div>
                <div class="value">{{ rowDetail.alarmDescribe }}</div>
            </div>
            <div class="item-box">
                <div class="label">报警类型：</div>
                <div class="value">{{ rowDetail.alarmTypeName}}</div>
            </div>
            <div class="item-box">
                <div class="label">是否有人受伤：</div>
                <div class="value">{{ rowDetail.injuryFlag == 1 ? '是' : '否' }}</div>
            </div>
            <div class="item-box">
                <div class="label">接警人姓名：</div>
                <div class="value">{{ rowDetail.policeName }}</div>
            </div>
            <div class="item-box">
                <div class="label">接警人姓名电话：</div>
                <div class="value">{{ rowDetail.policePhone }}</div>
            </div>
            <div class="item-box">
                <div class="label">接警时间：</div>
                <div class="value">{{ rowDetail.alarmResponseTime }}</div>
            </div>
            <div class="item-box">
                <div class="label">接警人单位：</div>
                <div class="value">{{ rowDetail.pcsName }}</div>
            </div>
            <div class="item-box">
                <div class="label">处置状态：</div>
                <div class="value">{{ rowDetail.status == 1 ? '待处置' : '已处置' }}</div>
            </div>
            <!-- <div class="item-box">
  <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="'扫码报警详情'" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="all-box">
      <div class="item-box">
        <div class="label">报警人姓名：</div>
        <div class="value">{{ rowDetail.name }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警人电话：</div>
        <div class="value">{{ rowDetail.phone }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警人性别：</div>
        <div class="value">{{ rowDetail.gender == 1 ? '男' : '女' }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警时间：</div>
        <div class="value">{{ rowDetail.createTime }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警位置：</div>
        <div class="value">{{ rowDetail.address }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警内容：</div>
        <div class="value">{{ rowDetail.alarmDescribe }}</div>
      </div>
      <div class="item-box">
        <div class="label">报警类型：</div>
        <div class="value">{{ rowDetail.alarmTypeName }}</div>
      </div>
      <div class="item-box">
        <div class="label">是否有人受伤：</div>
        <div class="value">{{ rowDetail.injuryFlag == 1 ? '是' : '否' }}</div>
      </div>
      <div class="item-box">
        <div class="label">接警人姓名：</div>
        <div class="value">{{ rowDetail.policeName }}</div>
      </div>
      <div class="item-box">
        <div class="label">接警人姓名电话：</div>
        <div class="value">{{ rowDetail.policePhone }}</div>
      </div>
      <div class="item-box">
        <div class="label">接警时间：</div>
        <div class="value">{{ rowDetail.alarmResponseTime }}</div>
      </div>
      <div class="item-box">
        <div class="label">接警人单位：</div>
        <div class="value">{{ rowDetail.pcsName }}</div>
      </div>
      <div class="item-box">
        <div class="label">处置状态：</div>
        <div class="value">{{ rowDetail.status == 1 ? '待处置' : '已处置' }}</div>
      </div>
      <!-- <div class="item-box">
                <div class="label">从业人员照片：</div>
                <div class="value">
                    <el-image
@@ -70,97 +70,97 @@
                <div class="label">前科类型：</div>
                <div class="value">{{ rowDetail.anoTypeName }}</div>
            </div> -->
        </div>
    </el-dialog>
    </div>
  </el-dialog>
</template>

<script>
// import { getDetail, getCardType } from "@/api/practitionersManage/index.js"

export default {
    name: 'PoliceDetailPopup',
  name: 'PoliceDetailPopup',

    data () {
        return {
            popupShow: false,
            rowDetail: {},
            cardTypeOptions: []
        }
  data () {
    return {
      popupShow: false,
      rowDetail: {},
      cardTypeOptions: []
    }
  },

  created () {
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen (row) {
      this.popupShow = true
      this.rowDetail = row
      // getDetail({ id: row.id }).then(res => {
      //     let data = res.data.data
      //     data.employerImg = this.getImgUrls(data.employerImg)
      //     this.cardTypeOptions.forEach(item => {
      //         if (item.key == data.cardType) {
      //             data.cardType = item.title
      //         }
      //     })
      //     this.rowDetail = data
      // })
    },

    created () {
    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    methods: {
        // 打开弹窗初始化数据
        initOpen (row) {
            this.popupShow = true
            this.rowDetail = row;
            // getDetail({ id: row.id }).then(res => {
            //     let data = res.data.data
            //     data.employerImg = this.getImgUrls(data.employerImg)
            //     this.cardTypeOptions.forEach(item => {
            //         if (item.key == data.cardType) {
            //             data.cardType = item.title
            //         }
            //     })
            //     this.rowDetail = data
            // })
        },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // 图片转换
        getImgUrls (imageUrls) {
            if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                    return 'http://10.141.11.11/place/' + ele
                    // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
                })
            }
            return imageUrls || []
        },
    // 图片转换
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://47.217.32.232:80/place/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.flex {
    display: flex;
  display: flex;
}

.f-d-c {
    flex-direction: column;
  flex-direction: column;
}

.flex-1 {
    height: 0;
    flex: 1;
  height: 0;
  flex: 1;
}

.all-box {
  display: flex;
  flex-wrap: wrap;

  .item-box {
    width: 50%;
    display: flex;
    flex-wrap: wrap;

    .item-box {
        width: 50%;
        display: flex;
        // height: 40px;
        margin-bottom: 20px;
    // height: 40px;
    margin-bottom: 20px;


        .label {
            min-width: 120px;
            text-align: right;
            padding-right: 10px;
        }
    .label {
      min-width: 120px;
      text-align: right;
      padding-right: 10px;
    }
  }
}
</style>

 src/components/pomDialog/index.vue

@@ -9,209 +9,205 @@
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
-->
<template>
    <el-dialog class="syld-details-box site-dialog-popup business-detail-box" :title="'场所详情'" append-to-body
        :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="flex f-d-c" style="height: 100%;" v-loading="loading"
            element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="type-tab-box">
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
                    基本信息</div>
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
                    交易信息 </div>
            </div>
  <el-dialog class="syld-details-box site-dialog-popup business-detail-box" :title="'场所详情'" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="flex f-d-c" style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
      <div class="type-tab-box">
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
          基本信息</div>
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
          交易信息 </div>
      </div>

            <div class="flex-1 tab-content-box" v-if="chooseTab == 1">
                <div class="info-list">
                    <div class="info-item">
                        <div class="name">
                            场所名称：
                        </div>
                        <div class="value">
                            {{ businessDetailData.placeName }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            场所地址：
                        </div>
                        <div class="value">
                            {{ businessDetailData.location }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            负责人：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principal }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            手机号码：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principalPhone }}
                        </div>
                    </div>
                </div>
      <div class="flex-1 tab-content-box" v-if="chooseTab == 1">
        <div class="info-list">
          <div class="info-item">
            <div class="name">
              场所名称：
            </div>

            <div class="flex-1  flex f-d-c tab-content-box" v-if="chooseTab == 2">
                <el-table :data="tradeTableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
                    :cell-style="{ 'text-align': 'center' }">
                    <el-table-column prop="transactionObject" :show-overflow-tooltip="true"
                        label="交易对象"></el-table-column>
                    <el-table-column prop="transactionObjectTel" :show-overflow-tooltip="true"
                        label="交易对象电话"></el-table-column>
                    <el-table-column prop="idCard" :show-overflow-tooltip="true" label="身份证号"></el-table-column>
                    <el-table-column prop="goodsNums" :show-overflow-tooltip="true" label="交易数量"></el-table-column>
                    <el-table-column prop="transactionMoney" :show-overflow-tooltip="true"
                        label="交易金额"></el-table-column>
                    <el-table-column label="操作" width="120">
                        <template slot-scope="scope">
                            <el-button @click.native.prevent="viewRow(scope.row)" type="text" size="small">
                                <span style="color: #409eff !important;">查看详情</span>
                            </el-button>
                        </template>
                    </el-table-column>
                </el-table>
            <div class="value">
              {{ businessDetailData.placeName }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              场所地址：
            </div>
            <div class="value">
              {{ businessDetailData.location }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              负责人：
            </div>
            <div class="value">
              {{ businessDetailData.principal }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              手机号码：
            </div>
            <div class="value">
              {{ businessDetailData.principalPhone }}
            </div>
          </div>
        </div>
        <Detail ref="Detail" />
    </el-dialog>
      </div>

      <div class="flex-1  flex f-d-c tab-content-box" v-if="chooseTab == 2">
        <el-table :data="tradeTableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
          :cell-style="{ 'text-align': 'center' }">
          <el-table-column prop="transactionObject" :show-overflow-tooltip="true" label="交易对象"></el-table-column>
          <el-table-column prop="transactionObjectTel" :show-overflow-tooltip="true" label="交易对象电话"></el-table-column>
          <el-table-column prop="idCard" :show-overflow-tooltip="true" label="身份证号"></el-table-column>
          <el-table-column prop="goodsNums" :show-overflow-tooltip="true" label="交易数量"></el-table-column>
          <el-table-column prop="transactionMoney" :show-overflow-tooltip="true" label="交易金额"></el-table-column>
          <el-table-column label="操作" width="120">
            <template slot-scope="scope">
              <el-button @click.native.prevent="viewRow(scope.row)" type="text" size="small">
                <span style="color: #409eff !important;">查看详情</span>
              </el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <Detail ref="Detail" />
  </el-dialog>
</template>

<script>
import {
    getFrontTypeTree,
    getTaskLabelReportingEventPage
  getFrontTypeTree,
  getTaskLabelReportingEventPage
} from "@/api/site/index.js"
import Detail from './components/detail.vue'

export default {
    name: 'PomDialogPopup',
  name: 'PomDialogPopup',

    components: { Detail },
    data () {
        return {
            searchDate: '',
            popupShow: false,
            businessId: '',
            chooseTab: 1,
            tradeTableData: [],
            loading: false,
            businessDetailData: {},
            pages: {
                current: 1,
                size: 22,
                total: 0,
                count: 0,
            },
            refreshNum: 1,
            typeOptions: []
        }
  components: { Detail },
  data () {
    return {
      searchDate: '',
      popupShow: false,
      businessId: '',
      chooseTab: 1,
      tradeTableData: [],
      loading: false,
      businessDetailData: {},
      pages: {
        current: 1,
        size: 22,
        total: 0,
        count: 0,
      },
      refreshNum: 1,
      typeOptions: []
    }
  },

  created () {
    this.getFrontTypeTree()
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen (row) {
      this.searchDate = ''
      this.businessDetailData = row
      this.chooseTab = 1
      this.popupShow = true

      this.pages.current = 1
      this.getTaskLabelReportingEventPage()
    },

    created () {
        this.getFrontTypeTree()
    // 分页处理
    handleCurrentChange (current) {
      this.pages.current = current
    },

    methods: {
        // 打开弹窗初始化数据
        initOpen (row) {
            this.searchDate = ''
            this.businessDetailData = row
            this.chooseTab = 1
            this.popupShow = true
    getTaskLabelReportingEventPage () {
      this.flag = false

            this.pages.current = 1
            this.getTaskLabelReportingEventPage()
        },

        // 分页处理
        handleCurrentChange (current) {
            this.pages.current = current
        },

        getTaskLabelReportingEventPage () {
            this.flag = false

            getTaskLabelReportingEventPage({
                placeId: this.businessDetailData.id,
                current: 1,
                size: 9999,
            }).then(res => {
                const data = res.data.data
                data.records.forEach(element => {
                    element.goodsImageUrls = this.getImgUrls(element.goodsImageUrls)
                    element.imageUrls = this.getImgUrls(element.imageUrls)
                    this.typeOptions.forEach(item => {
                        if (item.key == element.frontType) {
                            element.frontName = item.title
                        }
                    })
                })
                this.tradeTableData = data.records
                this.flag = true

                setTimeout(() => {
                    if (this.checkFlag && this.flag) this.loading = false
                }, 500)
            })
        },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // tab切换
        tabClick (type) {
            this.chooseTab = type
        },

        // 查看详情
        viewRow (row) {
            this.$refs.Detail.initOpen(row)
        },

        // 获取阵地字典
        getFrontTypeTree () {
            getFrontTypeTree().then(res => {
                this.typeOptions = res.data.data
            })
        },

        // 图片转换
        getImgUrls (imageUrls) {
            if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                    return 'http://10.141.11.11/place/' + ele
                    // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
                })
      getTaskLabelReportingEventPage({
        placeId: this.businessDetailData.id,
        current: 1,
        size: 9999,
      }).then(res => {
        const data = res.data.data
        data.records.forEach(element => {
          element.goodsImageUrls = this.getImgUrls(element.goodsImageUrls)
          element.imageUrls = this.getImgUrls(element.imageUrls)
          this.typeOptions.forEach(item => {
            if (item.key == element.frontType) {
              element.frontName = item.title
            }
            return imageUrls || []
        },
          })
        })
        this.tradeTableData = data.records
        this.flag = true

        setTimeout(() => {
          if (this.checkFlag && this.flag) this.loading = false
        }, 500)
      })
    },

    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    // tab切换
    tabClick (type) {
      this.chooseTab = type
    },

    // 查看详情
    viewRow (row) {
      this.$refs.Detail.initOpen(row)
    },

    // 获取阵地字典
    getFrontTypeTree () {
      getFrontTypeTree().then(res => {
        this.typeOptions = res.data.data
      })
    },

    // 图片转换
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://47.217.32.232:80/place/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.flex {
    display: flex;
  display: flex;
}

.f-d-c {
    flex-direction: column;
  flex-direction: column;
}

.flex-1 {
    height: 0;
    flex: 1;
  height: 0;
  flex: 1;
}
</style>

 src/components/prmDialog/index.vue

@@ -1,189 +1,189 @@
<template>
    <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="'从业人员详情'" append-to-body
        :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="all-box">
            <div class="item-box">
                <div class="label">工作场所名称：</div>
                <div class="value">{{ rowDetail.placeName }}</div>
  <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="'从业人员详情'" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="all-box">
      <div class="item-box">
        <div class="label">工作场所名称：</div>
        <div class="value">{{ rowDetail.placeName }}</div>
      </div>
      <div class="item-box">
        <div class="label">工作场所地址：</div>
        <div class="value">{{ rowDetail.location }}</div>
      </div>
      <div class="item-box">
        <div class="label">工作场所负责人：</div>
        <div class="value">{{ rowDetail.principal }}</div>
      </div>
      <div class="item-box">
        <div class="label">负责人电话：</div>
        <div class="value">{{ rowDetail.principalPhone }}</div>
      </div>
      <div class="item-box">
        <div class="label">姓名：</div>
        <div class="value">{{ rowDetail.name }}</div>
      </div>
      <div class="item-box">
        <div class="label">性别：</div>
        <div class="value">{{ rowDetail.gender == 1 ? '男' : '女' }}</div>
      </div>
      <div class="item-box">
        <div class="label">民族：</div>
        <div class="value">{{ rowDetail.ethnicty }}</div>
      </div>
      <div class="item-box">
        <div class="label">身份证号：</div>
        <div class="value">{{ rowDetail.idCard }}</div>
      </div>
      <div class="item-box">
        <div class="label">电话号码：</div>
        <div class="value">{{ rowDetail.telephone }}</div>
      </div>
      <div class="item-box">
        <div class="label">年龄：</div>
        <div class="value">{{ rowDetail.age }}</div>
      </div>
      <div class="item-box">
        <div class="label">岗位：</div>
        <div class="value">{{ rowDetail.jobNature }}</div>
      </div>
      <div class="item-box">
        <div class="label">从业人员照片：</div>
        <div class="value">
          <el-image
            :style="{ width: rowDetail.employerImg != '' ? '100px' : '', height: rowDetail.employerImg != '' ? '100px' : '' }"
            :src="rowDetail.employerImg" :preview-src-list="rowDetail.employerImg">
            <div slot="error" class="image-slot">
              <i class="el-icon-picture-outline"></i> 暂无图片
            </div>
            <div class="item-box">
                <div class="label">工作场所地址：</div>
                <div class="value">{{ rowDetail.location }}</div>
            </div>
            <div class="item-box">
                <div class="label">工作场所负责人：</div>
                <div class="value">{{ rowDetail.principal }}</div>
            </div>
            <div class="item-box">
                <div class="label">负责人电话：</div>
                <div class="value">{{ rowDetail.principalPhone }}</div>
            </div>
            <div class="item-box">
                <div class="label">姓名：</div>
                <div class="value">{{ rowDetail.name }}</div>
            </div>
            <div class="item-box">
                <div class="label">性别：</div>
                <div class="value">{{ rowDetail.gender == 1 ? '男' : '女' }}</div>
            </div>
            <div class="item-box">
                <div class="label">民族：</div>
                <div class="value">{{ rowDetail.ethnicty }}</div>
            </div>
            <div class="item-box">
                <div class="label">身份证号：</div>
                <div class="value">{{ rowDetail.idCard }}</div>
            </div>
            <div class="item-box">
                <div class="label">电话号码：</div>
                <div class="value">{{ rowDetail.telephone }}</div>
            </div>
            <div class="item-box">
                <div class="label">年龄：</div>
                <div class="value">{{ rowDetail.age }}</div>
            </div>
            <div class="item-box">
                <div class="label">岗位：</div>
                <div class="value">{{ rowDetail.jobNature }}</div>
            </div>
            <div class="item-box">
                <div class="label">从业人员照片：</div>
                <div class="value">
                    <el-image
                        :style="{ width: rowDetail.employerImg != '' ? '100px' : '', height: rowDetail.employerImg != '' ? '100px' : '' }"
                        :src="rowDetail.employerImg" :preview-src-list="rowDetail.employerImg">
                        <div slot="error" class="image-slot">
                            <i class="el-icon-picture-outline"></i> 暂无图片
                        </div>
                    </el-image>
                </div>
            </div>
            <div class="item-box">
                <div class="label">工作单位：</div>
                <div class="value">{{ rowDetail.employer }}</div>
            </div>
            <div class="item-box">
                <div class="label">在职状态：</div>
                <div class="value">{{ rowDetail.resignationFlag == 1 ? '在职' : '离职' }}</div>
            </div>
            <div class="item-box">
                <div class="label">入职时间：</div>
                <div class="value">{{ rowDetail.employmentTime }}</div>
            </div>
            <div class="item-box">
                <div class="label">离职时间：</div>
                <div class="value">{{ rowDetail.resignationTime }}</div>
            </div>
            <div class="item-box">
                <div class="label">现有住址：</div>
                <div class="value">{{ rowDetail.tempAddress }}</div>
            </div>
            <div class="item-box">
                <div class="label">是否有前科：</div>
                <div class="value">{{ rowDetail.criminalRecordFlag == 1 ? '是' : '否' }}</div>
            </div>
            <div class="item-box">
                <div class="label">前科类型：</div>
                <div class="value">{{ rowDetail.anoTypeName }}</div>
            </div>
          </el-image>
        </div>
    </el-dialog>
      </div>
      <div class="item-box">
        <div class="label">工作单位：</div>
        <div class="value">{{ rowDetail.employer }}</div>
      </div>
      <div class="item-box">
        <div class="label">在职状态：</div>
        <div class="value">{{ rowDetail.resignationFlag == 1 ? '在职' : '离职' }}</div>
      </div>
      <div class="item-box">
        <div class="label">入职时间：</div>
        <div class="value">{{ rowDetail.employmentTime }}</div>
      </div>
      <div class="item-box">
        <div class="label">离职时间：</div>
        <div class="value">{{ rowDetail.resignationTime }}</div>
      </div>
      <div class="item-box">
        <div class="label">现有住址：</div>
        <div class="value">{{ rowDetail.tempAddress }}</div>
      </div>
      <div class="item-box">
        <div class="label">是否有前科：</div>
        <div class="value">{{ rowDetail.criminalRecordFlag == 1 ? '是' : '否' }}</div>
      </div>
      <div class="item-box">
        <div class="label">前科类型：</div>
        <div class="value">{{ rowDetail.anoTypeName }}</div>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import { getDetail, getCardType } from "@/api/practitionersManage/index.js"

export default {
    name: 'PrmDialogPopup',
  name: 'PrmDialogPopup',

    data () {
        return {
            popupShow: false,
            rowDetail: {},
            cardTypeOptions: []
        }
  data () {
    return {
      popupShow: false,
      rowDetail: {},
      cardTypeOptions: []
    }
  },

  created () {
    this.getCardType()
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen (row) {
      this.popupShow = true
      getDetail({ id: row.id }).then(res => {
        let data = res.data.data
        data.employerImg = this.getImgUrls(data.employerImg)
        this.cardTypeOptions.forEach(item => {
          if (item.key == data.cardType) {
            data.cardType = item.title
          }
        })
        this.rowDetail = data
      })
    },

    created () {
        this.getCardType()
    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    methods: {
        // 打开弹窗初始化数据
        initOpen (row) {
            this.popupShow = true
            getDetail({ id: row.id }).then(res => {
                let data = res.data.data
                data.employerImg = this.getImgUrls(data.employerImg)
                this.cardTypeOptions.forEach(item => {
                    if (item.key == data.cardType) {
                        data.cardType = item.title
                    }
                })
                this.rowDetail = data
            })
        },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // 图片转换
        getImgUrls (imageUrls) {
            if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                    return 'http://10.141.11.11/place/' + ele
                    // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
                })
            }
            return imageUrls || []
        },

        // 获取证件类型字典
        getCardType () {
            getCardType().then(res => {
                this.cardTypeOptions = res.data.data
            })
        },
    // 图片转换
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://47.217.32.232:80/place/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },

    // 获取证件类型字典
    getCardType () {
      getCardType().then(res => {
        this.cardTypeOptions = res.data.data
      })
    },
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.flex {
    display: flex;
  display: flex;
}

.f-d-c {
    flex-direction: column;
  flex-direction: column;
}

.flex-1 {
    height: 0;
    flex: 1;
  height: 0;
  flex: 1;
}

.all-box {
  display: flex;
  flex-wrap: wrap;

  .item-box {
    width: 50%;
    display: flex;
    flex-wrap: wrap;

    .item-box {
        width: 50%;
        display: flex;
        // height: 40px;
        margin-bottom: 20px;
    // height: 40px;
    margin-bottom: 20px;


        .label {
            min-width: 120px;
            text-align: right;
            padding-right: 10px;
        }
    .label {
      min-width: 120px;
      text-align: right;
      padding-right: 10px;
    }
  }
}
</style>

 src/components/siteDialog/index.vue

@@ -9,53 +9,53 @@
 * Copyright (c) 2024 by shuishen, All Rights Reserved. 
-->
<template>
    <el-dialog class="syld-details-box site-dialog-popup business-detail-box" :title="'场所详情'" append-to-body
        :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="flex f-d-c" style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="type-tab-box">
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
                    基本信息</div>
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
                    从业人员 </div>
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 3 }" @click="tabClick(3)">
                    消防检查 </div>
            </div>
  <el-dialog class="syld-details-box site-dialog-popup business-detail-box" :title="'场所详情'" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="flex f-d-c" style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
      <div class="type-tab-box">
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 1 }" @click="tabClick(1)">
          基本信息</div>
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 2 }" @click="tabClick(2)">
          从业人员 </div>
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == 3 }" @click="tabClick(3)">
          消防检查 </div>
      </div>

            <div class="flex-1 tab-content-box" v-if="chooseTab == 1">
                <div class="info-list">
                    <div class="info-item">
                        <div class="name">
                            场所名称：
                        </div>
                        <div class="value">
                            {{ businessDetailData.placeName }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            场所地址：
                        </div>
                        <div class="value">
                            {{ businessDetailData.location }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            负责人：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principal }}
                        </div>
                    </div>
                    <div class="info-item">
                        <div class="name">
                            手机号码：
                        </div>
                        <div class="value">
                            {{ businessDetailData.principalPhone }}
                        </div>
                    </div>
                    <!-- <div class="info-item">
      <div class="flex-1 tab-content-box" v-if="chooseTab == 1">
        <div class="info-list">
          <div class="info-item">
            <div class="name">
              场所名称：
            </div>
            <div class="value">
              {{ businessDetailData.placeName }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              场所地址：
            </div>
            <div class="value">
              {{ businessDetailData.location }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              负责人：
            </div>
            <div class="value">
              {{ businessDetailData.principal }}
            </div>
          </div>
          <div class="info-item">
            <div class="name">
              手机号码：
            </div>
            <div class="value">
              {{ businessDetailData.principalPhone }}
            </div>
          </div>
          <!-- <div class="info-item">
                        <div class="name">
                            所属社区：
                        </div>
@@ -71,353 +71,348 @@
                            第五网格
                        </div>
                    </div> -->
                </div>
            </div>

            <div class="flex-1  flex f-d-c tab-content-box" v-if="chooseTab == 2">
                <el-table :data="personTableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
                    :cell-style="{ 'text-align': 'center' }">
                    <el-table-column prop="name" label="名称" width="180">
                    </el-table-column>
                    <el-table-column prop="telephone" label="手机号码" width="180">
                    </el-table-column>
                    <el-table-column prop="tempAddress" label="暂住地">
                    </el-table-column>
                </el-table>
            </div>

            <div class="flex-1 flex f-d-c tab-content-box" ref="TabContentBox" v-if="chooseTab == 3">
                <div v-show="examineListShow" class="flex-1 flex f-d-c examine-list">
                    <div class="search-box">
                        <div>
                            检查时间
                            <el-date-picker v-model="searchDate" type="date" placeholder="请选择日期" value-format="yyyy-MM-dd">
                            </el-date-picker>
                        </div>
                        <el-button type="primary" icon="el-icon-search" @click="dateSearch">搜索</el-button>
                    </div>

                    <el-table :data="tableData" style="width: 100%" @row-click="clickExamine($event)"
                        :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                        :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
                        :row-class-name="tableRowClassName">
                        <el-table-column prop="principal" :show-overflow-tooltip="true" label="场所负责人"></el-table-column>
                        <el-table-column prop="createTime" :show-overflow-tooltip="true" label="检查时间"></el-table-column>
                        <el-table-column prop="remark" :show-overflow-tooltip="true" label="备注"></el-table-column>
                    </el-table>

                    <div class="pages all-pagination-sty" ref="tablePagination" style="padding-top:-15px">
                        <el-pagination background layout="prev, pager, next" :page-size="pages.size" :total="pages.total"
                            :pager-count="4" :current-page="pages.current"
                            @current-change="handleCurrentChange"></el-pagination>
                    </div>
                </div>

                <div v-show="!examineListShow" class="flex-1 flex f-d-c examine-details">
                    <div class="back-btn" @click="examineListShow = true">返回</div>

                    <div class="title">
                        <div class="icon">{{ refreshNum }}</div>
                        基础信息
                    </div>
                    <div class="basic-info">
                        <div class="info-item">
                            <div class="info-name">场所名称</div>
                            <div class="info-value">{{ examineDetails.placeName }}</div>
                        </div>
                        <div class="info-item">
                            <div class="info-name">检查时间</div>
                            <div class="info-value">{{ examineDetails.createTime }}</div>
                        </div>
                    </div>
                    <div class="title">
                        <div class="icon"></div>
                        检查记录
                    </div>

                    <div class="question-list" v-for="(tItem, tIndex) in examineDetails.patrolGroupDTOList" :key='tIndex'>
                        <div class="question-type" @click="flodQL(tIndex)">
                            <div class="type-name">
                                {{ CNNum[tIndex] }}、{{ tItem.name }}
                            </div>
                            <div class="icon-box"><i class="el-icon-arrow-down" v-show="tItem.isShowQList"></i><i
                                    class="el-icon-arrow-up" v-show="!tItem.isShowQList"></i></div>
                        </div>

                        <div v-show="'patrolRecordVOList' in tItem && tItem.isShowQList" class="question-item"
                            v-for="(item, index) in tItem.patrolRecordVOList" :key='index'>
                            <div class="question-name">
                                <div class="key">{{ index + 1 }}、{{ item.itemsName }}</div>
                                <div class="value">
                                    <el-radio v-show="item.state == 0" v-model="item.state" :label="0"
                                        disabled>存在</el-radio>
                                    <el-radio v-show="item.state == 1" v-model="item.state" :label="1"
                                        disabled>不存在</el-radio>
                                </div>
                            </div>
                            <div v-show="item.state == 0" class="yh-pic-box">
                                <div class="yh-pic-name">
                                    隐患图片：
                                </div>
                                <div class="yh-pic-list">
                                    <div class="pic-item" v-for="(pic, picIndex) in getImgUrls(item)" :key="picIndex">
                                        <el-image :src="pic" :fit="fit" :preview-src-list="getImgUrls(item)"></el-image>
                                    </div>
                                </div>
                            </div>
                            <div v-show="item.state == 0" class="yh-remark">
                                <div class="yh-remark-name">
                                    隐患描述：
                                </div>
                                <div class="yh-remark-value">
                                    {{ getRemark(item) }}
                                </div>
                            </div>
                            <div v-show="item.state == 0" class="yh-pic-box">
                                <div class="yh-pic-name">
                                    整改后图片：
                                </div>
                                <div class="yh-pic-list">
                                    <div class="pic-item" v-for="(pic, picIndex)  in getRectificationImageUrls(item)"
                                        :key="picIndex">
                                        <el-image :src="pic" :fit="fit"
                                            :preview-src-list="getRectificationImageUrls(item)"></el-image>
                                    </div>
                                </div>
                            </div>
                            <div v-show="item.state == 0" class="yh-remark">
                                <div class="yh-remark-name">
                                    整改后描述：
                                </div>
                                <div class="yh-remark-value">
                                    {{ getRectificationRemark(item) }}
                                </div>
                            </div>
                        </div>

                        <div v-show="!('patrolRecordVOList' in tItem)">{{ tItem.remark }}</div>
                    </div>
                </div>
            </div>
        </div>
    </el-dialog>
      </div>

      <div class="flex-1  flex f-d-c tab-content-box" v-if="chooseTab == 2">
        <el-table :data="personTableData" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
          :cell-style="{ 'text-align': 'center' }">
          <el-table-column prop="name" label="名称" width="180">
          </el-table-column>
          <el-table-column prop="telephone" label="手机号码" width="180">
          </el-table-column>
          <el-table-column prop="tempAddress" label="暂住地">
          </el-table-column>
        </el-table>
      </div>

      <div class="flex-1 flex f-d-c tab-content-box" ref="TabContentBox" v-if="chooseTab == 3">
        <div v-show="examineListShow" class="flex-1 flex f-d-c examine-list">
          <div class="search-box">
            <div>
              检查时间
              <el-date-picker v-model="searchDate" type="date" placeholder="请选择日期" value-format="yyyy-MM-dd">
              </el-date-picker>
            </div>
            <el-button type="primary" icon="el-icon-search" @click="dateSearch">搜索</el-button>
          </div>

          <el-table :data="tableData" style="width: 100%" @row-click="clickExamine($event)"
            :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
            :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
            :row-class-name="tableRowClassName">
            <el-table-column prop="principal" :show-overflow-tooltip="true" label="场所负责人"></el-table-column>
            <el-table-column prop="createTime" :show-overflow-tooltip="true" label="检查时间"></el-table-column>
            <el-table-column prop="remark" :show-overflow-tooltip="true" label="备注"></el-table-column>
          </el-table>

          <div class="pages all-pagination-sty" ref="tablePagination" style="padding-top:-15px">
            <el-pagination background layout="prev, pager, next" :page-size="pages.size" :total="pages.total"
              :pager-count="4" :current-page="pages.current" @current-change="handleCurrentChange"></el-pagination>
          </div>
        </div>

        <div v-show="!examineListShow" class="flex-1 flex f-d-c examine-details">
          <div class="back-btn" @click="examineListShow = true">返回</div>

          <div class="title">
            <div class="icon">{{ refreshNum }}</div>
            基础信息
          </div>
          <div class="basic-info">
            <div class="info-item">
              <div class="info-name">场所名称</div>
              <div class="info-value">{{ examineDetails.placeName }}</div>
            </div>
            <div class="info-item">
              <div class="info-name">检查时间</div>
              <div class="info-value">{{ examineDetails.createTime }}</div>
            </div>
          </div>
          <div class="title">
            <div class="icon"></div>
            检查记录
          </div>

          <div class="question-list" v-for="(tItem, tIndex) in examineDetails.patrolGroupDTOList" :key='tIndex'>
            <div class="question-type" @click="flodQL(tIndex)">
              <div class="type-name">
                {{ CNNum[tIndex] }}、{{ tItem.name }}
              </div>
              <div class="icon-box"><i class="el-icon-arrow-down" v-show="tItem.isShowQList"></i><i
                  class="el-icon-arrow-up" v-show="!tItem.isShowQList"></i></div>
            </div>

            <div v-show="'patrolRecordVOList' in tItem && tItem.isShowQList" class="question-item"
              v-for="(item, index) in tItem.patrolRecordVOList" :key='index'>
              <div class="question-name">
                <div class="key">{{ index + 1 }}、{{ item.itemsName }}</div>
                <div class="value">
                  <el-radio v-show="item.state == 0" v-model="item.state" :label="0" disabled>存在</el-radio>
                  <el-radio v-show="item.state == 1" v-model="item.state" :label="1" disabled>不存在</el-radio>
                </div>
              </div>
              <div v-show="item.state == 0" class="yh-pic-box">
                <div class="yh-pic-name">
                  隐患图片：
                </div>
                <div class="yh-pic-list">
                  <div class="pic-item" v-for="(pic, picIndex) in getImgUrls(item)" :key="picIndex">
                    <el-image :src="pic" :fit="fit" :preview-src-list="getImgUrls(item)"></el-image>
                  </div>
                </div>
              </div>
              <div v-show="item.state == 0" class="yh-remark">
                <div class="yh-remark-name">
                  隐患描述：
                </div>
                <div class="yh-remark-value">
                  {{ getRemark(item) }}
                </div>
              </div>
              <div v-show="item.state == 0" class="yh-pic-box">
                <div class="yh-pic-name">
                  整改后图片：
                </div>
                <div class="yh-pic-list">
                  <div class="pic-item" v-for="(pic, picIndex)  in getRectificationImageUrls(item)" :key="picIndex">
                    <el-image :src="pic" :fit="fit" :preview-src-list="getRectificationImageUrls(item)"></el-image>
                  </div>
                </div>
              </div>
              <div v-show="item.state == 0" class="yh-remark">
                <div class="yh-remark-name">
                  整改后描述：
                </div>
                <div class="yh-remark-value">
                  {{ getRectificationRemark(item) }}
                </div>
              </div>
            </div>

            <div v-show="!('patrolRecordVOList' in tItem)">{{ tItem.remark }}</div>
          </div>
        </div>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import {
    getPlaceCheckPage,
    getPlaceCheckInfo,
    getPlacePractitionerPage
  getPlaceCheckPage,
  getPlaceCheckInfo,
  getPlacePractitionerPage
} from "@/api/site/index.js"

export default {
    name: 'SiteDialogPopup',
  name: 'SiteDialogPopup',

    data () {
        return {
            searchDate: '',
  data () {
    return {
      searchDate: '',

            popupShow: false,
      popupShow: false,

            businessId: '',
            chooseTab: 1,
      businessId: '',
      chooseTab: 1,

            tableData: [],
            personTableData: [],
      tableData: [],
      personTableData: [],

            loading: false,
            businessDetailData: {},
      loading: false,
      businessDetailData: {},

            pages: {
                current: 1,
                size: 22,
                total: 0,
                count: 0,
            },
      pages: {
        current: 1,
        size: 22,
        total: 0,
        count: 0,
      },

            examineListShow: true,
            examineDetails: {},
            refreshNum: 1,
      examineListShow: true,
      examineDetails: {},
      refreshNum: 1,

            CNNum: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五'],
      CNNum: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五'],
    }
  },

  computed: {
    getImgUrls () {
      return (item) => {
        let imageUrls = item.imageUrls

        if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
          imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
            return 'http://47.217.32.232:80/place/' + ele
          })
        }

        return imageUrls || []
      }
    },

    computed: {
        getImgUrls () {
            return (item) => {
                let imageUrls = item.imageUrls
    getRectificationImageUrls () {
      return (item) => {
        let imageUrls = item.rectificationImageUrls

                if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                    imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                        return 'http://10.141.11.11/place/' + ele
                    })
                }

                return imageUrls || []
            }
        },

        getRectificationImageUrls () {
            return (item) => {
                let imageUrls = item.rectificationImageUrls

                if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                    imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                        return 'http://10.141.11.11/place/' + ele
                    })
                }

                return imageUrls || []
            }
        },

        getRemark () {
            return (item) => {
                return item.remark
            }
        },

        getRectificationRemark () {
            return (item) => {
                return item.rectificationRemark
            }
        if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
          imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
            return 'http://47.217.32.232:80/place/' + ele
          })
        }

        return imageUrls || []
      }
    },

    methods: {
        // 点击展开收缩
        flodQL (index) {
            this.examineDetails.patrolGroupDTOList[index].isShowQList = !this.examineDetails.patrolGroupDTOList[index].isShowQList
            this.refreshNum += 1
        },

        // 打开弹窗初始化数据
        initOpen (row) {
            this.searchDate = ''
            this.examineListShow = true
            this.businessDetailData = row
            this.chooseTab = 1
            this.popupShow = true

            this.pages.current = 1
            this.getPlaceCheckPage()
            this.getPlacePractitionerPage()
        },

        // 分页处理
        handleCurrentChange (current) {
            this.pages.current = current
            this.getPlaceCheckPage()
        },

        // 获取检查列表数据
        getPlaceCheckPage (params = {}) {
            this.loading = true
            this.checkFlag = false

            getPlaceCheckPage({
                houseCode: this.businessDetailData.houseCode,
                current: this.pages.current,
                size: this.pages.size,
                ...params
            }).then(res => {
                const data = res.data.data
                this.tableData = data.records
                this.pages.total = data.total
                this.checkFlag = true

                setTimeout(() => {
                    if (this.checkFlag && this.flag) this.loading = false
                }, 500)
            })
        },

        getPlacePractitionerPage () {
            this.flag = false

            getPlacePractitionerPage({
                placeId: this.businessDetailData.id,
                current: 1,
                size: 9999,
            }).then(res => {
                const data = res.data.data
                this.personTableData = data.records
                this.flag = true

                setTimeout(() => {
                    if (this.checkFlag && this.flag) this.loading = false
                }, 500)
            })
        },

        clickExamine (row) {
            getPlaceCheckInfo({ id: row.id }).then(res => {
                if (res.data.data == null) {
                    this.$message({ message: '暂无数据', type: 'warning', duration: 2000 })

                    return
                }

                this.examineDetails = res.data.data

                this.examineDetails.patrolGroupDTOList.push({
                    name: '其他隐患问题',
                    remark: this.examineDetails.remark
                })

                this.examineDetails.patrolGroupDTOList = res.data.data.patrolGroupDTOList.map(item => {
                    return {
                        ...item,
                        isShowQList: true
                    }
                })

                this.examineListShow = false
            })
        },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // tab切换
        tabClick (type) {
            this.chooseTab = type

            if (type == 3) {
                this.examineListShow = true
            }
        },

        dateSearch () {
            this.pages.current = 1

            this.getPlaceCheckPage({
                startTime: this.searchDate,
                endTime: this.searchDate
            })
        }
    getRemark () {
      return (item) => {
        return item.remark
      }
    },

    getRectificationRemark () {
      return (item) => {
        return item.rectificationRemark
      }
    }
  },

  methods: {
    // 点击展开收缩
    flodQL (index) {
      this.examineDetails.patrolGroupDTOList[index].isShowQList = !this.examineDetails.patrolGroupDTOList[index].isShowQList
      this.refreshNum += 1
    },

    // 打开弹窗初始化数据
    initOpen (row) {
      this.searchDate = ''
      this.examineListShow = true
      this.businessDetailData = row
      this.chooseTab = 1
      this.popupShow = true

      this.pages.current = 1
      this.getPlaceCheckPage()
      this.getPlacePractitionerPage()
    },

    // 分页处理
    handleCurrentChange (current) {
      this.pages.current = current
      this.getPlaceCheckPage()
    },

    // 获取检查列表数据
    getPlaceCheckPage (params = {}) {
      this.loading = true
      this.checkFlag = false

      getPlaceCheckPage({
        houseCode: this.businessDetailData.houseCode,
        current: this.pages.current,
        size: this.pages.size,
        ...params
      }).then(res => {
        const data = res.data.data
        this.tableData = data.records
        this.pages.total = data.total
        this.checkFlag = true

        setTimeout(() => {
          if (this.checkFlag && this.flag) this.loading = false
        }, 500)
      })
    },

    getPlacePractitionerPage () {
      this.flag = false

      getPlacePractitionerPage({
        placeId: this.businessDetailData.id,
        current: 1,
        size: 9999,
      }).then(res => {
        const data = res.data.data
        this.personTableData = data.records
        this.flag = true

        setTimeout(() => {
          if (this.checkFlag && this.flag) this.loading = false
        }, 500)
      })
    },

    clickExamine (row) {
      getPlaceCheckInfo({ id: row.id }).then(res => {
        if (res.data.data == null) {
          this.$message({ message: '暂无数据', type: 'warning', duration: 2000 })

          return
        }

        this.examineDetails = res.data.data

        this.examineDetails.patrolGroupDTOList.push({
          name: '其他隐患问题',
          remark: this.examineDetails.remark
        })

        this.examineDetails.patrolGroupDTOList = res.data.data.patrolGroupDTOList.map(item => {
          return {
            ...item,
            isShowQList: true
          }
        })

        this.examineListShow = false
      })
    },

    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    // tab切换
    tabClick (type) {
      this.chooseTab = type

      if (type == 3) {
        this.examineListShow = true
      }
    },

    dateSearch () {
      this.pages.current = 1

      this.getPlaceCheckPage({
        startTime: this.searchDate,
        endTime: this.searchDate
      })
    }
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.flex {
    display: flex;
  display: flex;
}

.f-d-c {
    flex-direction: column;
  flex-direction: column;
}

.flex-1 {
    height: 0;
    flex: 1;
  height: 0;
  flex: 1;
}
</style>

 src/utils/mapPositionInit.js

@@ -1,21 +1,21 @@
export const initMapPosition = () => {
    // 需要做判断
  // 需要做判断

    // 分局的
    const homeCenter = [118.0379085985883, 28.112541349646797]
  // 分局的
  const homeCenter = [117.815748, 28.069021]

    global.viewer.flyToPosition(
        new global.DC.Position(
            Number(homeCenter[0]),
            Number(homeCenter[1]),
            Number(36000),
            Number(-3),
            Number(-45),
            Number(0)
        ),
        function () { },
        3
    )
  global.viewer.flyToPosition(
    new global.DC.Position(
      Number(homeCenter[0]),
      Number(homeCenter[1]),
      Number(36000),
      Number(-3),
      Number(-45),
      Number(0)
    ),
    function () { },
    3
  )

    // 加派出所的
  // 加派出所的
}

 src/utils/tools/images.js

@@ -1,12 +1,12 @@


// 图片转换
export default function getImgUrls(imageUrls) {
    if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
            // return 'http://10.141.11.11/place/' + ele
            return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
    }
    return imageUrls || []
export default function getImgUrls (imageUrls) {
  if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
    imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
      // return 'http://47.217.32.232:80/place/' + ele
      return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
    })
  }
  return imageUrls || []
}

 src/views/antiFraudShow/components/detailDialog.vue

@@ -1,160 +1,158 @@
<template>
    <el-dialog class="syld-details-box anti-fraud-box site-dialog-popup business-detail-box" :title="title"
        append-to-body :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="flex f-d-c" style="height: 100%;" v-loading="loading"
            element-loading-background="rgba(0, 0, 0, 0.5)">
            <div class="type-tab-box" v-if="tabList.length != 0">
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == order }" @click="tabClick(order)"
                    v-for="(part, order) in tabList" :key="order">
                    {{ part }}</div>
            </div>
  <el-dialog class="syld-details-box anti-fraud-box site-dialog-popup business-detail-box" :title="title" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="flex f-d-c" style="height: 100%;" v-loading="loading" element-loading-background="rgba(0, 0, 0, 0.5)">
      <div class="type-tab-box" v-if="tabList.length != 0">
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == order }" @click="tabClick(order)"
          v-for="(part, order) in tabList" :key="order">
          {{ part }}</div>
      </div>

            <div class="flex-1 tab-content-box scroll-box" v-show="chooseTab == 0">
                <div class="info-list">
                    <div class="info-item" v-for="(item, index) in lableList" :key="index">
                        <div class="name">{{ item.label }}：</div>
                        <div class="value" v-if="item.isPic != true">{{ item.value }}</div>
                        <div class="value" v-if="item.isPic == true">
                            <el-image
                                :style="{ width: item.value != '' ? '100px' : '', height: item.value != '' ? '100px' : '' }"
                                :src="getImgUrls(item.value)" :preview-src-list="getImgUrls(item.value)">
                                <div slot="error" class="image-slot">
                                    <i class="el-icon-picture-outline"></i> 暂无图片
                                </div>
                            </el-image>
                        </div>
                    </div>
      <div class="flex-1 tab-content-box scroll-box" v-show="chooseTab == 0">
        <div class="info-list">
          <div class="info-item" v-for="(item, index) in lableList" :key="index">
            <div class="name">{{ item.label }}：</div>
            <div class="value" v-if="item.isPic != true">{{ item.value }}</div>
            <div class="value" v-if="item.isPic == true">
              <el-image :style="{ width: item.value != '' ? '100px' : '', height: item.value != '' ? '100px' : '' }"
                :src="getImgUrls(item.value)" :preview-src-list="getImgUrls(item.value)">
                <div slot="error" class="image-slot">
                  <i class="el-icon-picture-outline"></i> 暂无图片
                </div>
              </el-image>
            </div>

            <div class="flex-1 tab-content-box scroll-box" v-show="chooseTab == 1">
                <el-table :data="serviceoArr" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
                    :cell-style="{ 'text-align': 'center' }">
                    <el-table-column prop="name" label="姓名">
                    </el-table-column>
                    <el-table-column prop="telephone" label="电话">
                    </el-table-column>
                    <el-table-column prop="idCard" label="身份证">
                    </el-table-column>
                    <el-table-column prop="occupation" label="职业">
                    </el-table-column>
                    <el-table-column prop="address" label="居住地址">
                    </el-table-column>
                </el-table>
            </div>
          </div>
        </div>
    </el-dialog>
      </div>

      <div class="flex-1 tab-content-box scroll-box" v-show="chooseTab == 1">
        <el-table :data="serviceoArr" style="width: 100%" :header-cell-style="{ 'text-align': 'center' }"
          :cell-style="{ 'text-align': 'center' }">
          <el-table-column prop="name" label="姓名">
          </el-table-column>
          <el-table-column prop="telephone" label="电话">
          </el-table-column>
          <el-table-column prop="idCard" label="身份证">
          </el-table-column>
          <el-table-column prop="occupation" label="职业">
          </el-table-column>
          <el-table-column prop="address" label="居住地址">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </el-dialog>
</template>

<script>
import {
    getBackblastPubRecordDetail,
  getBackblastPubRecordDetail,
} from "@/api/antiFraudShow/index.js"

export default {
    name: 'detailDialog',
  name: 'detailDialog',

    data() {
        return {
            loading: true,
            title: '',
            popupShow: false,
            lableList: [],
            chooseTab: 0,
            tabList: [],
            serviceoArr: []
        }
  data () {
    return {
      loading: true,
      title: '',
      popupShow: false,
      lableList: [],
      chooseTab: 0,
      tabList: [],
      serviceoArr: []
    }
  },

  methods: {
    // tab切换
    tabClick (type) {
      this.chooseTab = type
    },

    methods: {
        // tab切换
        tabClick(type) {
            this.chooseTab = type
        },

        // 打开弹窗初始化数据
        initOpen(data, title, row, tabList, tab) {
            this.chooseTab = 0
            this.popupShow = true
            this.lableList = data
            this.title = title
            this.tabList = tabList
            if (tab == 1) {
                this.loading = true
                getBackblastPubRecordDetail({
                    id: row.id
                }).then(res => {
                    this.serviceoArr = res.data.data.backblastPubPersonEntityList
                    this.loading = false
                })
            } else {
                this.loading = false
            }
        },

        // 关闭弹窗按钮
        popupClose() {
            this.popupShow = false
        },

        // 图片转换
        getImgUrls(imageUrls) {
            if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                    return 'http://10.141.11.11/place/' + ele
                    // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
                })
            }
            return imageUrls || []
        },
    // 打开弹窗初始化数据
    initOpen (data, title, row, tabList, tab) {
      this.chooseTab = 0
      this.popupShow = true
      this.lableList = data
      this.title = title
      this.tabList = tabList
      if (tab == 1) {
        this.loading = true
        getBackblastPubRecordDetail({
          id: row.id
        }).then(res => {
          this.serviceoArr = res.data.data.backblastPubPersonEntityList
          this.loading = false
        })
      } else {
        this.loading = false
      }
    },

    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    // 图片转换
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://47.217.32.232:80/place/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.flex {
    display: flex;
  display: flex;
}

.f-d-c {
    flex-direction: column;
  flex-direction: column;
}

.flex-1 {
    height: 0;
    flex: 1;
  height: 0;
  flex: 1;
}

.scroll-box {
    overflow-y: auto;
  overflow-y: auto;
}

.all-box {
  display: flex;
  flex-direction: column;

  .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 20px;

    .content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;

        .item-box {
            width: 50%;
            display: flex;
            margin-bottom: 20px;
    .item-box {
      width: 50%;
      display: flex;
      margin-bottom: 20px;


            .label {
                min-width: 120px;
                text-align: right;
                padding-right: 10px;
            }
        }
      .label {
        min-width: 120px;
        text-align: right;
        padding-right: 10px;
      }
    }
  }

}
</style>

 src/views/comprehensiveSearch/components/companyDetail.vue

@@ -162,7 +162,7 @@
  props: {

  },
  data() {
  data () {
    //这里存放数据
    return {
      dialogVisible: false,
@@ -223,11 +223,11 @@
  watch: {},
  //方法集合
  methods: {
    init(id) {
    init (id) {
      this.getDetailById(id)
    },
    // 获取无诈数据
    getNoFraudType(val) {
    getNoFraudType (val) {
      let type = ''
      this.noFraudTypeList.forEach(item => {
        if (item.value == val) {
@@ -238,7 +238,7 @@
    },

    // 获取九小数据
    getNineTypeType(val) {
    getNineTypeType (val) {
      let type = ''
      this.nineTypeList.forEach(item => {
        if (item.value == val) {
@@ -248,7 +248,7 @@
      return type
    },
    // 获取阵地数据
    getFrontTypeType(val) {
    getFrontTypeType (val) {
      let type = ''
      this.frontTypeList.forEach(item => {
        if (item.value == val) {
@@ -258,7 +258,7 @@
      return type
    },

    getDetailById(id) {
    getDetailById (id) {
      this.loading()
      this.placeId = id
      getDetail(id).then(res => {
@@ -270,21 +270,21 @@
      })
    },

    backClick() {
    backClick () {
      this.$parent.showDetailClick()
    },
    handleCurrentChange(val) {
    handleCurrentChange (val) {
      console.log(`当前页: ${val}`)
      this.pageparm.current = val
      this.getPlacePractitionerList()
    },

    openList() {
    openList () {
      this.dialogVisible = true
      this.residentLoading = true
      this.getPlacePractitionerList()
    },
    getPlacePractitionerList() {
    getPlacePractitionerList () {
      getPlacePractitioner(this.placeId, '', this.pageparm.current, this.pageparm.pageSize).then(res => {
        this.residentLoading = false
        this.dataList = res.data.data
@@ -293,14 +293,14 @@
      })
    },

    handleClose(done) {
    handleClose (done) {
      done()
    },
    // // 图片转换
    getImgUrls(imageUrls) {
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          // return 'http://10.141.11.11/place/' + ele
          // return 'http://47.217.32.232:80/place/' + ele
          return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
@@ -308,7 +308,7 @@
    },

    // 加载动画
    loading() {
    loading () {
      loading = this.$loading({
        lock: true,
        text: '拼命加载中',
@@ -318,19 +318,19 @@
    },
  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
  created () {

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
  mounted () {
  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
  beforeCreate () { }, //生命周期 - 创建之前
  beforeMount () { }, //生命周期 - 挂载之前
  beforeUpdate () { }, //生命周期 - 更新之前
  updated () { }, //生命周期 - 更新之后
  beforeDestroy () { }, //生命周期 - 销毁之前
  destroyed () { }, //生命周期 - 销毁完成
  activated () { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='scss' scoped>

 src/views/contradictionEventShow/components/detailDialog.vue

@@ -1,45 +1,24 @@
<template>
  <el-dialog
    class="syld-details-box prm-dialog-popup business-detail-box"
    :title="title"
    append-to-body
    :close-on-click-modal="false"
    :visible.sync="popupShow"
    center
    @close="popupClose"
  >
  <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="title" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="all-box">
      <div class="type-tab-box" v-if="tabList.length != 0">
        <div
          class="tab-item"
          :class="{ 'tab-choose-item': chooseTab == order }"
          @click="tabClick(order)"
          v-for="(part, order) in tabList"
          :key="order"
        >
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == order }" @click="tabClick(order)"
          v-for="(part, order) in tabList" :key="order">
          {{ part }}
        </div>
      </div>
      <div class="content" v-show="chooseTab == 0">
        <div
          class="item-box"
          v-for="(item, index) in lableList"
          :key="index"
          :style="{ width: item.width }"
        >
        <div class="item-box" v-for="(item, index) in lableList" :key="index" :style="{ width: item.width }">
          <div class="label">{{ item.label }}：</div>
          <div class="value" v-if="item.isPic != true">
            {{ item.value }}
          </div>
          <div class="value" v-if="item.isPic == true">
            <el-image
              :style="{
                width: item.value != '' ? '100px' : '',
                height: item.value != '' ? '100px' : '',
              }"
              :src="getImgUrls(item.value)"
              :preview-src-list="getImgUrls(item.value)"
            >
            <el-image :style="{
              width: item.value != '' ? '100px' : '',
              height: item.value != '' ? '100px' : '',
            }" :src="getImgUrls(item.value)" :preview-src-list="getImgUrls(item.value)">
              <div slot="error" class="image-slot">
                <i class="el-icon-picture-outline"></i> 暂无图片
              </div>
@@ -49,52 +28,23 @@
        </div>
      </div>
      <div class="content" v-show="chooseTab == 1">
        <el-table
          :data="tableData"
          style="width: 100%"
          :header-cell-style="{
            'text-align': 'center',
            'background-color': '#203c60',
            borderColor: '#324e75',
          }"
          :cell-style="{
            'text-align': 'center',
            borderColor: '#324e75',
            cursor: 'default',
          }"
          :row-class-name="tableRowClassName"
          class="police-infor-table"
        >
          <el-table-column
            prop="name"
            :show-overflow-tooltip="true"
            label="名称"
            :key="Math.random()"
          ></el-table-column>
          <el-table-column
            prop="idCard"
            :show-overflow-tooltip="true"
            label="身份证号"
            :key="Math.random()"
          ></el-table-column>
          <el-table-column
            prop="phoneNumber"
            :show-overflow-tooltip="true"
            label="手机号"
            :key="Math.random()"
          ></el-table-column>
          <el-table-column
            prop="employer"
            :show-overflow-tooltip="true"
            label="工作单位"
            :key="Math.random()"
          ></el-table-column>
          <el-table-column
            prop="confirmFlag"
            :show-overflow-tooltip="true"
            label="审核状态"
            :key="Math.random()"
          >
        <el-table :data="tableData" style="width: 100%" :header-cell-style="{
          'text-align': 'center',
          'background-color': '#203c60',
          borderColor: '#324e75',
        }" :cell-style="{
  'text-align': 'center',
  borderColor: '#324e75',
  cursor: 'default',
}" :row-class-name="tableRowClassName" class="police-infor-table">
          <el-table-column prop="name" :show-overflow-tooltip="true" label="名称" :key="Math.random()"></el-table-column>
          <el-table-column prop="idCard" :show-overflow-tooltip="true" label="身份证号"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="phoneNumber" :show-overflow-tooltip="true" label="手机号"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="employer" :show-overflow-tooltip="true" label="工作单位"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="confirmFlag" :show-overflow-tooltip="true" label="审核状态" :key="Math.random()">
            <template slot-scope="scope">
              <div>{{ scope.row.confirmFlag == 1 ? "待确认" : "已确认" }}</div>
            </template>
@@ -109,7 +59,7 @@
export default {
  name: "detailDialog",

  data() {
  data () {
    return {
      title: "",
      popupShow: false,
@@ -117,45 +67,45 @@
      chooseTab: 0,
      tabList: [],
      tableData: [],
    };
    }
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen(row, title, tabList, tableData) {
      this.chooseTab = 0;
      this.popupShow = true;
      this.lableList = row;
      this.title = title;
      this.tabList = tabList;
      this.tableData = tableData;
    initOpen (row, title, tabList, tableData) {
      this.chooseTab = 0
      this.popupShow = true
      this.lableList = row
      this.title = title
      this.tabList = tabList
      this.tableData = tableData
    },

    // 关闭弹窗按钮
    popupClose() {
      this.popupShow = false;
    popupClose () {
      this.popupShow = false
    },

    // 图片转换
    getImgUrls(imageUrls) {
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != "" && imageUrls.length > 0) {
        imageUrls = imageUrls
          .split(",")
          .filter((ele) => ele != "")
          .map((ele) => {
            return "http://10.141.11.11/place/" + ele;
            return "http://47.217.32.232:80/place/" + ele
            // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
          });
          })
      }
      return imageUrls || [];
      return imageUrls || []
    },

    // tab切换
    tabClick(type) {
      this.chooseTab = type;
    tabClick (type) {
      this.chooseTab = type
    },
  },
};
}
</script>

<style lang="scss" scoped>

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

@@ -234,7 +234,7 @@
    getPersonInfoPage (status) {
      getPersonInfoPage({
        status,
        depaId: this.userInfo.dept_id,
        deptId: this.userInfo.dept_id,
        zdryxl: this.keyPersonTitle,
        realName: this.peoplePoliceName,
        phone: this.peopleCallPhone,

 src/views/home/index.vue

@@ -2566,7 +2566,10 @@
            lat: Number(positions[1]),
            alt: 1,
            url: '/img/icon/house.png',
            id: item.id
            id: item.id,
            setStyle: {
              disableDepthTestDistance: Number.POSITIVE_INFINITY
            }
          },
          incident: this.houseSiteClick,
          distanceDisplayCondition: { "near": 0, "far": 200000 }
@@ -2578,7 +2581,10 @@
            lng: Number(positions[0]),
            lat: Number(positions[1]),
            alt: 1,
            text: item.name
            text: item.name,
            setStyle: {
              disableDepthTestDistance: Number.POSITIVE_INFINITY
            }
          }
        })
      })

 src/views/house/components/antiFraud.vue

@@ -244,7 +244,7 @@
  },
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
  data () {
    //这里存放数据
    return {
      row: {},
@@ -265,7 +265,7 @@
  },
  //监控data中的数据变化
  watch: {
    residentIdSave(newVal, oldVal) {
    residentIdSave (newVal, oldVal) {
      // if (newVal) {
      //   this.init()
      // }
@@ -273,7 +273,7 @@
  },
  //方法集合
  methods: {
    changeData(type) {
    changeData (type) {
      this.current = type
      this.detailBox = false
      if (type == 1) {
@@ -296,24 +296,24 @@
        })
      }
    },
    cellClick(row, column, cell, event) {
    cellClick (row, column, cell, event) {
      row.pubUrls = this.getImgUrls(row.pubUrls)
      this.row = row
      this.detailBox = !this.detailBox
      console.log('cellClick', row, column, cell, event)
    },
    // // 图片转换
    getImgUrls(imageUrls) {
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },

    init() {
    init () {
      this.residentLoading = true
      getTaskLabelAntiFraudPage(this.residentDetailsType, this.residentIdSave).then((res) => {
        this.dataList.total = res.data.data.total
@@ -326,20 +326,20 @@

  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
  created () {
  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
  mounted () {
    console.log('tableFromPop mounted111', this.residentIdSave)
    this.init()
  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
  beforeCreate () { }, //生命周期 - 创建之前
  beforeMount () { }, //生命周期 - 挂载之前
  beforeUpdate () { }, //生命周期 - 更新之前
  updated () { }, //生命周期 - 更新之后
  beforeDestroy () { }, //生命周期 - 销毁之前
  destroyed () { }, //生命周期 - 销毁完成
  activated () { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>


 src/views/house/components/employees.vue

@@ -243,7 +243,7 @@
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }

 src/views/house/components/nineSmallPlaces.vue

@@ -506,7 +506,7 @@

        if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
          imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
            return 'http://10.141.11.11/jczzMedia/' + ele
            return 'http://47.217.32.232:80/jczzMedia/' + ele
          })
        }

@@ -517,7 +517,7 @@
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          // return 'http://10.141.11.11/place/' + ele
          // return 'http://47.217.32.232:80/place/' + ele
          return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }

 src/views/house/components/noFraudAuthentication.vue

@@ -248,7 +248,7 @@
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }

 src/views/house/components/positionTrading.vue

@@ -223,7 +223,7 @@
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }

 src/views/house/components/rentalHouse.vue

@@ -330,14 +330,14 @@
      type: String,
      default: ''
    },
     residentDetailsType: {
    residentDetailsType: {
      type: Number,
      default: 1
    },
  },
  //import引入的组件需要注入到对象中才能使用
  components: {},
  data() {
  data () {
    //这里存放数据
    return {
      row: {},
@@ -388,7 +388,7 @@
  //方法集合
  methods: {
    // 替换业主关系
    replaceOwnerRelation(val) {
    replaceOwnerRelation (val) {
      for (let i = 0; i < this.ownerRelation.length; i++) {
        if (this.ownerRelation[i].value == val) {
          return this.ownerRelation[i].label
@@ -396,18 +396,18 @@
      }
    },

    handleSizeChange(val) {
    handleSizeChange (val) {
      console.log(`每页 ${val} 条`)
      this.pageparm.pageSize = val
      this.changeData(this.current)
    },
    handleCurrentChange(val) {
    handleCurrentChange (val) {
      console.log(`当前页: ${val}`)
      this.pageparm.current = val
      this.changeData(this.current)

    },
    changeData(type) {
    changeData (type) {
      this.current = type
      this.detailBox = false
      if (type == 1) {
@@ -428,7 +428,7 @@

      }
    },
    init() {
    init () {
      this.residentLoading = true
      getHouseRentalPage(this.residentDetailsType, this.residentIdSave, this.pageparm.pageSize, this.pageparm.current).then((res) => {
        this.dataList.total = res.data.data.total
@@ -438,7 +438,7 @@
        this.residentLoading = false
      })
    },
    cellClick(row, column, cell, event) {
    cellClick (row, column, cell, event) {
      row.employerImg = this.getImgUrls(row.employerImg)
      if (this.row.id != row.id) {
        this.row = row
@@ -455,10 +455,10 @@
      })
    },
    // // 图片转换
    getImgUrls(imageUrls) {
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
@@ -467,23 +467,23 @@

  },
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {
  created () {
    console.log('tableFromPop mounted', this.hushiPeoTy)

  },
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {
  mounted () {
    console.log('tableFromPop mounted', this.hushiPeoTy)
    this.init()

  },
  beforeCreate() { }, //生命周期 - 创建之前
  beforeMount() { }, //生命周期 - 挂载之前
  beforeUpdate() { }, //生命周期 - 更新之前
  updated() { }, //生命周期 - 更新之后
  beforeDestroy() { }, //生命周期 - 销毁之前
  destroyed() { }, //生命周期 - 销毁完成
  activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
  beforeCreate () { }, //生命周期 - 创建之前
  beforeMount () { }, //生命周期 - 挂载之前
  beforeUpdate () { }, //生命周期 - 更新之前
  updated () { }, //生命周期 - 更新之后
  beforeDestroy () { }, //生命周期 - 销毁之前
  destroyed () { }, //生命周期 - 销毁完成
  activated () { }, //如果页面有keep-alive缓存功能，这个函数会触发
}
</script>


 src/views/house/components/scanCodeAlarm.vue

@@ -176,7 +176,7 @@
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://10.141.11.11/jczzMedia/' + ele
          return 'http://47.217.32.232:80/jczzMedia/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }

 src/views/house/index.vue

@@ -188,10 +188,13 @@
            <div class="ridgepole-info" v-if="isShowHouseBox">
              <div class="title">楼栋信息</div>
              <div class="content">
                <div>
                <div class="l">标准地址：{{ this.buildingChoosed.address }}</div>
              </div>
              <div class="content">
                <!-- <div>
                  <div>电梯</div>
                  <div style="color:#59a9ff">{{ floorInfo.elev }}</div>
                </div>
                </div> -->
                <div v-if="isShowFloorCount">
                  <div>楼层总数</div>
                  <div style="color:#59a9ff">{{ floorInfo.floor_num }}</div>
@@ -520,6 +523,7 @@
    <el-dialog :visible.sync="residentDetailsShow" :modal-append-to-body="false" :modal="true"
      :close-on-click-modal="false" :before-close="residentDetailsClose" class="resident-details-box">
      <div class="house-info-box">
        <div class="house-title">标准地址：</div>
        <div class="house-title">{{ residentDetailsTitle }}</div>
        <div class="mini-code">
          <el-image fit="contain" :src="residentCodeUrl" :preview-src-list="[residentCodeUrl]">
@@ -601,14 +605,14 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="relation" label="户主关系">
          <!-- <el-table-column prop="relation" label="户主关系">
            <template slot-scope="scope">
              <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                {{
                  scope.row.relation }}
              </span>
            </template>
          </el-table-column>
          </el-table-column> -->
          <el-table-column :show-overflow-tooltip="true" prop="censusAddress" label="户籍地址">
            <template slot-scope="scope">
              <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
@@ -673,14 +677,14 @@
              </span>
            </template>
          </el-table-column>
          <el-table-column prop="relation" label="户主关系">
          <!-- <el-table-column prop="relation" label="户主关系">
            <template slot-scope="scope">
              <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
                {{
                  scope.row.relation }}
              </span>
            </template>
          </el-table-column>
          </el-table-column> -->
          <el-table-column :show-overflow-tooltip="true" prop="censusAddress" label="户籍地址">
            <template slot-scope="scope">
              <span :style="{ color: (scope.row.status == 2 ? '#f00!important' : '#000') }">
@@ -1682,7 +1686,7 @@
          baseUrl = "http://192.168.0.112/"
        } else {
          // 部署
          baseUrl = "http://10.141.11.11/"
          baseUrl = "http://47.217.32.232:80/"
        }
        console.log(res.data, "111111111------")
        // 小区名称类型地址
@@ -1760,7 +1764,8 @@
                build_uid: item.uid || '',
                build_std_addr_id: item.std_addr_id ? `${item.std_addr_id.split("|")[1] || ''}` : '',
                floor_num: item.floor_num || '0',
                elev: item.elev ? `${item.elev}` : '0'
                elev: item.elev ? `${item.elev}` : '0',
                address: item.address || '',
              })
            })
            console.log('search---buildingthis.buildingList', this.buildingList)
@@ -1867,8 +1872,8 @@
            this.residentDetailsClick(houseUintList)
            return
          }
          console.log(houseUintList.children_infos.length > 1 && houseUintList.children_infos[0].exttype, "unit**********************")
          if (houseUintList.children_infos.length > 1 && houseUintList.children_infos[0].exttype == 'unit') {
          console.log(houseUintList.children_infos.length >= 1 && houseUintList.children_infos[0].exttype, "unit**********************")
          if (houseUintList.children_infos.length >= 1 && houseUintList.children_infos[0].exttype == 'unit') {
            this.isShowUnitChoose = true
            this.unitOptions = []
            this.unitValue = 1
@@ -1880,7 +1885,7 @@
            })
            this.unitChoosedArr = this.unitAllArr.children_infos[0].children_infos
            console.log(this.unitAllArr.children_infos, 'search---unit')
          } else if (houseUintList.children_infos.length > 1 && houseUintList.children_infos[0].exttype == 'floor') {
          } else if (houseUintList.children_infos.length >= 1 && houseUintList.children_infos[0].exttype == 'floor') {
            this.isShowUnitChoose = false
            this.unitChoosedArr = this.unitAllArr.children_infos
            console.log(this.unitAllArr.children_infos, 'search---floor')
@@ -2023,6 +2028,7 @@

    // 点击户室--大搜
    residentDetailsClick (params) {
      console.log('residentDetailsClick--params', params)
      let residentId = ''
      this.houseDate = []
      if (params.exttype == 'room') {
@@ -2058,7 +2064,8 @@
      }
      this.getPicURL(residentId)

      this.residentDetailsTitle = `${params.name}住户信息`
      // this.residentDetailsTitle = `${params.address} 住户信息`
      this.residentDetailsTitle = `${params.address}`
      this.residentDetailsShow = true
      this.residentNoDataText = ' '
      this.residentLoading = true
@@ -2267,7 +2274,7 @@
      })
      if (params == "business") {
        if (row.imageUrls) {
          row.imageUrls = 'http://10.141.11.11/place/' + row.imageUrls
          row.imageUrls = 'http://47.217.32.232:80/place/' + row.imageUrls
        }
        this.$store.commit('SET_BUSINESSDATAPOPUP', true)


 src/views/house/index（商铺用接口前）.vue

@@ -1520,7 +1520,7 @@
          baseUrl = "http://192.168.0.112/"
        } else {
          // 部署
          baseUrl = "http://10.141.11.11/"
          baseUrl = "http://47.217.32.232:80/"
        }

        // 小区名称类型地址
@@ -1592,14 +1592,14 @@
                item.name = item.place_name
                item.x = item.lng
                item.y = item.lat
                item.picUrl = 'http://10.141.11.11' + item.url
                item.picUrl = 'http://47.217.32.232:80' + item.url
                sCData.push(item)
              }
              if (sCAoiId == '6E513C5E5D1611EAB6183C15FB00027B' && item.aoi_id == 'A425AEC8D3FE4C85937FE36B4F996437') {//万达晶座并入万达广场
                item.name = item.place_name
                item.x = item.lng
                item.y = item.lat
                item.picUrl = 'http://10.141.11.11' + item.url
                item.picUrl = 'http://47.217.32.232:80' + item.url
                sCData.push(item)
              }
            })

 src/views/intelligentSearch/index.vue

@@ -54,11 +54,47 @@
</template>

<script>
let cylinderLayer = null
let DataSourcesArray = []
let circleLayer = null
let timer = []

let JQSmychart = null

let positionColor = [
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 142, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 192, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 242, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(0, 185, 209, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(250, 84, 28, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(221, 255, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(51, 255, 0, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 255, 181, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 181, 252, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 129, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 252, 236, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 184, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 113, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(81, 252, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(126, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(168, 252, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(171, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 249, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(210, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 174, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 226, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 176, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 252, 155, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 155, 20),
]
import { initMapPosition } from '@/utils/mapPositionInit'
import {
  getVillagePersonInfoBySearch,
} from "@/api/dept/index.js"

import { getPoliceStationTree } from "@/api/home/index.js"
let loading = null

export default {
@@ -78,6 +114,7 @@
        count: 0,
        currentPage: 1
      },
      policeStationOptions: []
    }
  },

@@ -88,6 +125,7 @@
      initMapPosition()
      that.searchBtn()
    })
    this.getPoliceStationTree(1)
  },

  mounted () {
@@ -125,6 +163,67 @@
  },

  methods: {
    // 加载首页下拉列表数据
    getPoliceStationTree (type, id = '') {
      var that = this
      getPoliceStationTree(type, id).then(res => {
        if (type == 1) {

          this.policeStationOptions = res.data.data

          this.policeStationOptions.unshift({
            name: '全部',
            id: 1
          })

          this.initPoliceStationLayer()
        }
      })
    },

    // 加载面数据的方法
    initPoliceStationLayer () {
      const that = this
      cylinderLayer = new global.DC.PrimitiveLayer('cylinderLayer')
      global.viewer.addLayer(cylinderLayer)

      DataSourcesArray.forEach(item => {
        global.viewer.dataSources.remove(item, true)
      })

      this.policeStationOptions.forEach((item, index) => {
        if (item.position && item.position.length > 0) {
          item.position.forEach((sourceItem, sourceIndex) => {

            const Json = { ...JSON.parse(sourceItem) }

            global.DC.Namespace.Cesium.GeoJsonDataSource.load(Json, {
              stroke: positionColor[index],
              fill: positionColor[index], //注意：颜色必须大写，即不能为blue
              strokeWidth: 0,
              clampToGround: false
            }).then(function (dataSource) {
              let entities = dataSource.entities.values
              //修改entity样式
              for (let i = 0; i < entities.length; i++) {
                let entity = entities[i]
                entity.polyline = {
                  positions: entity.polygon.hierarchy._value.positions,
                  width: 2,
                  material: global.DC.Namespace.Cesium.Color.fromCssColorString('#ED7C2F'),
                  clampToGround: true
                }
              }

              DataSourcesArray.push(dataSource)
              dataSource.show = true
              global.viewer.dataSources.add(dataSource)
            })

          })
        }
      })
    },
    // 获取选中数据--暂时为测试数据
    getRowData (row) {
      let data = [
@@ -161,7 +260,8 @@
        {
          label: '新地址',
          prop: 'reAddress',
          value: row.reAddress.replace('江西省上饶市', ''),
          // value: row.reAddress.replace('江西省上饶', ''),
          value: row.reAddress,
          type: 'detail'
        },
        {
@@ -321,6 +421,17 @@
  },

  destroyed () {
    DataSourcesArray.forEach(item => {
      global.viewer.dataSources.remove(item, true)
    })

    DataSourcesArray = []

    if (cylinderLayer != null) {
      cylinderLayer.remove()
      cylinderLayer = null
    }

    loading && loading.close()

    window.removeEventListener('resize', this.setTableHeight)

 src/views/rentalInfo/components/detailDialog.vue

@@ -1,119 +1,118 @@
<template>
    <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="title" append-to-body
        :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
        <div class="all-box">
            <div class="type-tab-box" v-if="tabList.length != 0">
                <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == order }" @click="tabClick(order)"
                    v-for="(part, order) in tabList" :key="order">
                    {{ part }}</div>
            </div>
            <div class="content" v-show="chooseTab == 0">
                <div class="item-box" v-for="(item, index) in lableList" :key="index">
                    <div class="label">{{ item.label }}：</div>
                    <div class="value">{{ item.value }}</div>
                </div>
            </div>
            <div class="content" v-show="chooseTab == 1">
                <el-table :data="tableData" style="width: 100%"
                    :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
                    :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
                    :row-class-name="tableRowClassName" class="police-infor-table">
                    <el-table-column prop="name" :show-overflow-tooltip="true" label="名称"
                        :key="Math.random()"></el-table-column>
                    <el-table-column prop="idCard" :show-overflow-tooltip="true" label="身份证号"
                        :key="Math.random()"></el-table-column>
                    <el-table-column prop="phoneNumber" :show-overflow-tooltip="true" label="手机号"
                        :key="Math.random()"></el-table-column>
                    <el-table-column prop="employer" :show-overflow-tooltip="true" label="工作单位"
                        :key="Math.random()"></el-table-column>
                    <el-table-column prop="confirmFlag" :show-overflow-tooltip="true" label="审核状态" :key="Math.random()">
                        <template slot-scope="scope">
                            <div>{{ scope.row.confirmFlag == 1 ? '待确认' : '已确认' }}</div>
                        </template>
                    </el-table-column>
                </el-table>
            </div>
  <el-dialog class="syld-details-box prm-dialog-popup business-detail-box" :title="title" append-to-body
    :close-on-click-modal="false" :visible.sync="popupShow" center @close="popupClose">
    <div class="all-box">
      <div class="type-tab-box" v-if="tabList.length != 0">
        <div class="tab-item" :class="{ 'tab-choose-item': chooseTab == order }" @click="tabClick(order)"
          v-for="(part, order) in tabList" :key="order">
          {{ part }}</div>
      </div>
      <div class="content" v-show="chooseTab == 0">
        <div class="item-box" v-for="(item, index) in lableList" :key="index">
          <div class="label">{{ item.label }}：</div>
          <div class="value">{{ item.value }}</div>
        </div>
    </el-dialog>
      </div>
      <div class="content" v-show="chooseTab == 1">
        <el-table :data="tableData" style="width: 100%"
          :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }"
          :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }"
          :row-class-name="tableRowClassName" class="police-infor-table">
          <el-table-column prop="name" :show-overflow-tooltip="true" label="名称" :key="Math.random()"></el-table-column>
          <el-table-column prop="idCard" :show-overflow-tooltip="true" label="身份证号"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="phoneNumber" :show-overflow-tooltip="true" label="手机号"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="employer" :show-overflow-tooltip="true" label="工作单位"
            :key="Math.random()"></el-table-column>
          <el-table-column prop="confirmFlag" :show-overflow-tooltip="true" label="审核状态" :key="Math.random()">
            <template slot-scope="scope">
              <div>{{ scope.row.confirmFlag == 1 ? '待确认' : '已确认' }}</div>
            </template>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </el-dialog>
</template>

<script>
export default {
    name: 'detailDialog',
  name: 'detailDialog',

    data () {
        return {
            title: '',
            popupShow: false,
            lableList: [],
            chooseTab: 0,
            tabList: [],
            tableData: []
        }
  data () {
    return {
      title: '',
      popupShow: false,
      lableList: [],
      chooseTab: 0,
      tabList: [],
      tableData: []
    }
  },

  methods: {
    // 打开弹窗初始化数据
    initOpen (row, title, tabList, tableData) {
      this.chooseTab = 0
      this.popupShow = true
      this.lableList = row
      this.title = title
      this.tabList = tabList
      this.tableData = tableData
    },

    methods: {
        // 打开弹窗初始化数据
        initOpen (row, title, tabList, tableData) {
            this.chooseTab = 0
            this.popupShow = true
            this.lableList = row
            this.title = title
            this.tabList = tabList
            this.tableData = tableData
        },

        // 关闭弹窗按钮
        popupClose () {
            this.popupShow = false
        },

        // 图片转换
        getImgUrls (imageUrls) {
            if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
                imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
                    return 'http://10.141.11.11/place/' + ele
                    // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
                })
            }
            return imageUrls || []
        },

        // tab切换
        tabClick (type) {
            this.chooseTab = type
        },
    // 关闭弹窗按钮
    popupClose () {
      this.popupShow = false
    },

    // 图片转换
    getImgUrls (imageUrls) {
      if (imageUrls && imageUrls != '' && imageUrls.length > 0) {
        imageUrls = imageUrls.split(',').filter(ele => ele != '').map(ele => {
          return 'http://47.217.32.232:80/place/' + ele
          // return 'https://srgdjczzxtpt.com:2080/gminio/jczz/' + ele
        })
      }
      return imageUrls || []
    },

    // tab切换
    tabClick (type) {
      this.chooseTab = type
    },
  },
}
</script>

<style lang="scss" scoped>
:deep(.el-image__error) {
    height: 120px;
  height: 120px;
}

.all-box {
  display: flex;
  flex-direction: column;

  .content {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 20px;

    .content {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;

        .item-box {
            width: 50%;
            display: flex;
            margin-bottom: 20px;
    .item-box {
      width: 50%;
      display: flex;
      margin-bottom: 20px;


            .label {
                min-width: 120px;
                text-align: right;
                padding-right: 10px;
            }
        }
      .label {
        min-width: 120px;
        text-align: right;
        padding-right: 10px;
      }
    }
  }

}
</style>

 src/views/site/index.vue

@@ -37,23 +37,23 @@
        <div class="search-item-box" style="overflow-wrap: break-word;">
          <el-button @click="filterBtn(1)" class="bjnr-btn" :class="{ isOneClick: criminalRecordFlag == 1 }">有隐患场所（{{
            yhcsNum ? yhcsNum :
              '0'
            '0'
          }}）隐患总数（{{ yhNum ? yhNum :
              '0' }}）</el-button>
  '0' }}）</el-button>
        </div>
        <div class="search-item-box" style="overflow-wrap: break-word;">
          <el-button @click="filterBtn(2)" class="bjnr-btn" :class="{ isOneClick: criminalRecordFlag == 1 }">已整改场所（{{
            yzgcsNum ? yzgcsNum :
              '0'
            '0'
          }}）已整改隐患（{{ yzgyhNum ? yzgyhNum :
              '0' }}）</el-button>
  '0' }}）</el-button>
        </div>
        <div class="search-item-box" style="overflow-wrap: break-word;">
          <el-button @click="filterBtn(3)" class="bjnr-btn" :class="{ isOneClick: criminalRecordFlag == 1 }">未整改场所（{{
            wzgcsNum ? wzgcsNum :
              '0'
            '0'
          }}）未整改隐患（{{ wzgyhNum ? wzgyhNum :
              '0' }}）</el-button>
  '0' }}）</el-button>
        </div>
      </div>

@@ -91,9 +91,45 @@
</template>

<script>
let cylinderLayer = null
let DataSourcesArray = []
let circleLayer = null
let timer = []

let JQSmychart = null

let positionColor = [
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 142, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 192, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 242, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(0, 185, 209, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(250, 84, 28, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(221, 255, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(51, 255, 0, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 255, 181, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 181, 252, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 129, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 252, 236, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 184, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(97, 113, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(81, 252, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(126, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(168, 252, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(171, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 249, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(210, 97, 255, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 174, 58, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 226, 97, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(255, 97, 176, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(58, 252, 155, 20),
  global.DC.Namespace.Cesium.Color.fromBytes(252, 58, 155, 20),
]
import { initMapPosition } from '@/utils/mapPositionInit'
import { getNineTypeTree, getNinePage, getNineStatisticsNum } from "@/api/site/index.js"

import { getPoliceStationTree } from "@/api/home/index.js"
let loading = null

export default {
@@ -120,6 +156,7 @@
        total: 0,
        count: 0,
      },
      policeStationOptions: []
    }
  },

@@ -133,6 +170,7 @@
    that.$nextTick(() => {
      initMapPosition()
    })
    this.getPoliceStationTree(1)
  },

  mounted () {
@@ -166,6 +204,67 @@
  },

  methods: {
    // 加载首页下拉列表数据
    getPoliceStationTree (type, id = '') {
      var that = this
      getPoliceStationTree(type, id).then(res => {
        if (type == 1) {

          this.policeStationOptions = res.data.data

          this.policeStationOptions.unshift({
            name: '全部',
            id: 1
          })

          this.initPoliceStationLayer()
        }
      })
    },

    // 加载面数据的方法
    initPoliceStationLayer () {
      const that = this
      cylinderLayer = new global.DC.PrimitiveLayer('cylinderLayer')
      global.viewer.addLayer(cylinderLayer)

      DataSourcesArray.forEach(item => {
        global.viewer.dataSources.remove(item, true)
      })

      this.policeStationOptions.forEach((item, index) => {
        if (item.position && item.position.length > 0) {
          item.position.forEach((sourceItem, sourceIndex) => {

            const Json = { ...JSON.parse(sourceItem) }

            global.DC.Namespace.Cesium.GeoJsonDataSource.load(Json, {
              stroke: positionColor[index],
              fill: positionColor[index], //注意：颜色必须大写，即不能为blue
              strokeWidth: 0,
              clampToGround: false
            }).then(function (dataSource) {
              let entities = dataSource.entities.values
              //修改entity样式
              for (let i = 0; i < entities.length; i++) {
                let entity = entities[i]
                entity.polyline = {
                  positions: entity.polygon.hierarchy._value.positions,
                  width: 2,
                  material: global.DC.Namespace.Cesium.Color.fromCssColorString('#ED7C2F'),
                  clampToGround: true
                }
              }

              DataSourcesArray.push(dataSource)
              dataSource.show = true
              global.viewer.dataSources.add(dataSource)
            })

          })
        }
      })
    },
    // 是否有隐患
    filterBtn (isDanger) {
      this.isDanger = isDanger
@@ -320,6 +419,17 @@
  },

  destroyed () {
    DataSourcesArray.forEach(item => {
      global.viewer.dataSources.remove(item, true)
    })

    DataSourcesArray = []

    if (cylinderLayer != null) {
      cylinderLayer.remove()
      cylinderLayer = null
    }

    loading && loading.close()

    this.$parent.$parent.resize('0px')

 vue.config.js

@@ -199,7 +199,7 @@
        // target: "http://192.168.1.170:82",
        // target: "http://124.221.125.71:9529",//开发调试
        // target: "http://172.16.13.150:82",
        // target: "http://10.141.11.11:8081/api",
        // target: "http://47.217.32.232:80:8081/api",
        // ws: true, //启用webSocket6566
        changeOrigin: true, //开启代理跨域
        pathRewrite: {