| | |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>性别:</div> |
| | | <div>{{ architectureDataPopup.sex }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>地址:</div> |
| | | <div>{{ architectureDataPopup.address }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>新地址:</div> |
| | | <div>{{ architectureDataPopup.reAddress.replace('江西省上饶市', '') }}</div> |
| | | <div>重点人员细类:</div> |
| | | <div>{{ architectureDataPopup.zdryxl }}</div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div v-show="architectureDataPopup.curDataType == '重点人员'" class="label-content"> |
| | | <div class="item"> |
| | | <div>姓名:</div> |
| | | <div>{{ architectureDataPopup.realName }}</div> |
| | | </div> |
| | | <div class="item"> |
| | | <div>证件号码:</div> |
| | | <div>{{ architectureDataPopup.cardNo }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>联系电话:</div> |
| | | <div>{{ architectureDataPopup.phone }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>与户主关系:</div> |
| | | <div>{{ architectureDataPopup.relation }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | | <div>社区局村委会:</div> |
| | | <div>{{ architectureDataPopup.neightborhoood }}</div> |
| | | <div>地址:</div> |
| | | <div>{{ architectureDataPopup.address }}</div> |
| | | </div> |
| | | |
| | | <div class="item"> |
| | |
| | | |
| | | <script> |
| | | |
| | | const typeTree = [ |
| | | { |
| | | key: "1", |
| | | url: `/img/icon/place_01.png` |
| | | }, |
| | | { |
| | | key: "2", |
| | | url: `/img/icon/place_02.png` |
| | | }, |
| | | { |
| | | key: "10", |
| | | url: `/img/icon/place_03.png` |
| | | }, |
| | | { |
| | | key: "11", |
| | | url: `/img/icon/place_03.png` |
| | | }, |
| | | { |
| | | key: "12", |
| | | url: `/img/icon/place_03.png` |
| | | }, |
| | | { |
| | | key: "13", |
| | | url: `/img/icon/place_04.png` |
| | | }, |
| | | { |
| | | key: "14", |
| | | url: `/img/icon/place_04.png` |
| | | }, |
| | | { |
| | | key: "15", |
| | | url: `/img/icon/place_04.png` |
| | | }, |
| | | { |
| | | key: "5", |
| | | url: `/img/icon/place_05.png` |
| | | }, |
| | | { |
| | | key: "6", |
| | | url: `/img/icon/place_06.png` |
| | | }, |
| | | { |
| | | key: "7", |
| | | url: `/img/icon/place_07.png` |
| | | }, |
| | | { |
| | | key: "8", |
| | | url: `/img/icon/place_08.png` |
| | | }, |
| | | { |
| | | key: "9", |
| | | url: `/img/icon/place_09.png` |
| | | } |
| | | ] |
| | | |
| | | import { getPersonInfoPage } from '@/api/dept/index.js' |
| | | |
| | | export default { |
| | |
| | | <el-table-column prop="isCardMaking" label="二维码"> |
| | | <template slot-scope="scope"> |
| | | <img v-if="scope.row.address" :src="'http://47.217.32.232/qrcode_image/' + scope.row.picName" alt="二维码" |
| | | style="width: 20px; height: 20px; cursor: pointer;" |
| | | style="width: 40px; height: 40px; cursor: pointer;" |
| | | @click="previewImage('http://47.217.32.232/qrcode_image/' + scope.row.picName)" /> |
| | | </template> |
| | | </el-table-column> |
| | |
| | | <!-- <el-table-column prop="isCardMaking" label="二维码"> |
| | | <template slot-scope="scope"> |
| | | <img v-if="scope.row.address" src="../../../../../public/images/jjx3.png" alt="二维码" |
| | | style="width: 20px; height: 20px; cursor: pointer;" |
| | | style="width: 40px; height: 40px; cursor: pointer;" |
| | | @click="previewImageLocal('http://47.217.32.232/qrcode_image/' + scope.row.picName)" /> |
| | | </template> |
| | | </el-table-column> --> |
| | |
| | | |
| | | this.$store.commit('SET_ARCHITECTUREPOPUP', true) |
| | | |
| | | this.$store.commit('SET_ARCHITECTUREDATAPOPUP', { ...row, curDataTitle: '重点人员', curDataType: '茅家岭派出所' }) |
| | | this.$store.commit('SET_ARCHITECTUREDATAPOPUP', { ...row, curDataTitle: '重点人员', curDataType: '重点人员' }) |
| | | |
| | | // eslint-disable-next-line no-redeclare |
| | | var popup = new global.DC.DivForms(global.viewer, { |
| | |
| | | |
| | | const high = this.$refs.REFPERSONECHARTS.offsetHeight |
| | | |
| | | if (personInfo.length * (high / 7) > high) { |
| | | this.personEchartsHeight = personInfo.length * (high / 7) + 'px' |
| | | } else { |
| | | // if (personInfo.length * (high / 7) > high) { |
| | | // this.personEchartsHeight = personInfo.length * (high / 7) + 'px' |
| | | // } else { |
| | | this.personEchartsHeight = '100%' |
| | | } |
| | | // } |
| | | |
| | | this.$nextTick(() => { |
| | | var chartDom = document.getElementById('PersonEcharts') |
| | |
| | | }, |
| | | confine: true |
| | | }, |
| | | legend: { |
| | | orient: 'vertical', |
| | | top: 'middle', |
| | | right: '2%', |
| | | y: '1%', |
| | | itemGap: 15, |
| | | textStyle: { |
| | | color: '#fff' |
| | | }, |
| | | align: 'left', |
| | | formatter: function (name) { |
| | | let data = dataArr |
| | | let tarValue |
| | | for (let i = 0; i < data.length; i++) { |
| | | if (data[i].name == name) { |
| | | tarValue = data[i].value |
| | | } |
| | | } |
| | | let v = tarValue |
| | | return `${name} ${v} 人 ` |
| | | }, |
| | | }, |
| | | // legend: { |
| | | // orient: 'vertical', |
| | | // top: 'middle', |
| | | // right: '2%', |
| | | // y: '1%', |
| | | // itemGap: 15, |
| | | // textStyle: { |
| | | // color: '#fff' |
| | | // }, |
| | | // align: 'left', |
| | | // formatter: function (name) { |
| | | // let data = dataArr |
| | | // let tarValue |
| | | // for (let i = 0; i < data.length; i++) { |
| | | // if (data[i].name == name) { |
| | | // tarValue = data[i].value |
| | | // } |
| | | // } |
| | | // let v = tarValue |
| | | // return `${name} ${v} 人 ` |
| | | // }, |
| | | // }, |
| | | series: [ |
| | | { |
| | | top: 110, |
| | | left: 60, |
| | | |
| | | type: 'pie', |
| | | radius: [20, 50], |
| | | center: [0, 0], |
| | | avoidLabelOverlap: false, |
| | | center: ['50%', '50%'], |
| | | |
| | | data: dataArr, |
| | | label: { |
| | | show: false, |
| | | position: 'center' |
| | | normal: { |
| | | formatter: function (params, ticket, callback) { |
| | | let msg |
| | | if (params.value > 10000) { |
| | | msg = (params.value / 10000).toFixed(2) + '万人' |
| | | } else { |
| | | msg = params.value + '人' |
| | | } |
| | | return `{white|${params.name}}{yellow|${msg}}` |
| | | }, |
| | | rich: { |
| | | yellow: { |
| | | color: "#ffc72b", |
| | | fontSize: fontSize(12), |
| | | padding: [5, 4], |
| | | align: 'center' |
| | | }, |
| | | total: { |
| | | color: "#ffc72b", |
| | | fontSize: fontSize(12), |
| | | align: 'center' |
| | | }, |
| | | white: { |
| | | color: "#fff", |
| | | align: 'center', |
| | | fontSize: fontSize(12), |
| | | padding: [21, 0] |
| | | }, |
| | | blue: { |
| | | color: '#49dff0', |
| | | fontSize: fontSize(12), |
| | | align: 'center' |
| | | }, |
| | | } |
| | | }, |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | | data: dataArr |
| | | } |
| | | ], |
| | | grid: { |