| | |
| | | export default { |
| | | name: 'detailDialog', |
| | | |
| | | data () { |
| | | data() { |
| | | return { |
| | | loading: true, |
| | | title: '', |
| | |
| | | |
| | | methods: { |
| | | // tab切换 |
| | | tabClick (type) { |
| | | tabClick(type) { |
| | | this.chooseTab = type |
| | | }, |
| | | |
| | | // 打开弹窗初始化数据 |
| | | initOpen (data, title, row, tabList) { |
| | | initOpen(data, title, row, tabList, tab) { |
| | | this.chooseTab = 0 |
| | | this.loading = true |
| | | this.popupShow = true |
| | | |
| | | getBackblastPubRecordDetail({ |
| | | id: row.id |
| | | }).then(res => { |
| | | this.lableList = data |
| | | this.title = title |
| | | this.tabList = tabList |
| | | this.serviceoArr = res.data.data.backblastPubPersonEntityList |
| | | |
| | | 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 () { |
| | | 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 |
| | |
| | | :row-class-name="tableRowClassName" class="police-infor-table"> |
| | | <el-table-column prop="address" :show-overflow-tooltip="true" label="地址" v-if="chooseTab == 1" |
| | | :key="Math.random()"></el-table-column> |
| | | <el-table-column prop="pubContent" :show-overflow-tooltip="true" label="宣防内容" |
| | | v-if="chooseTab == 1" :key="Math.random()"></el-table-column> |
| | | <el-table-column prop="pubContent" :show-overflow-tooltip="true" label="宣防内容" v-if="chooseTab == 1" |
| | | :key="Math.random()"></el-table-column> |
| | | <el-table-column prop="createTime" :show-overflow-tooltip="true" label="时间" v-if="chooseTab == 1" |
| | | :key="Math.random()"></el-table-column> |
| | | <el-table-column prop="address" :show-overflow-tooltip="true" label="地址" v-if="chooseTab == 2" |
| | |
| | | |
| | | components: { detailDialog }, |
| | | |
| | | data () { |
| | | data() { |
| | | return { |
| | | isFzAppNum: 0, |
| | | isFzAppPersonNum: 0, |
| | |
| | | } |
| | | }, |
| | | |
| | | created () { |
| | | created() { |
| | | const that = this |
| | | |
| | | that.$nextTick(() => { |
| | |
| | | }) |
| | | }, |
| | | |
| | | mounted () { |
| | | mounted() { |
| | | this.$parent.$parent.resize('400px', true) |
| | | |
| | | this.$nextTick(() => { |
| | |
| | | }, |
| | | |
| | | computed: { |
| | | positionColor () { |
| | | positionColor() { |
| | | return (row) => { |
| | | if (row.X && row.X != 0 || row.lng && row.lng != 0 || row.longitude && row.longitude != 0 || row.x && row.x != 0) { |
| | | return "#1AFA29" |
| | |
| | | } |
| | | }, |
| | | |
| | | positionDisabled () { |
| | | positionDisabled() { |
| | | return (row) => { |
| | | if (row.X && row.X != 0 || row.lng && row.lng != 0 || row.longitude && row.longitude != 0 || row.x && row.x != 0) { |
| | | return false |
| | |
| | | |
| | | methods: { |
| | | // 过滤 |
| | | filterAppBtn (isFzApp) { |
| | | filterAppBtn(isFzApp) { |
| | | this.isFzApp = isFzApp |
| | | this.getList() |
| | | }, |
| | | filterAlarmBtn (isOpenAlarm) { |
| | | filterAlarmBtn(isOpenAlarm) { |
| | | this.isOpenAlarm = isOpenAlarm |
| | | this.getList() |
| | | }, |
| | | getStatistic () { |
| | | getStatistic() { |
| | | var that = this |
| | | getStatistic({ |
| | | searchKey: this.searchKey, |
| | |
| | | }) |
| | | }, |
| | | // 切换tab |
| | | tabClick (curTab) { |
| | | tabClick(curTab) { |
| | | this.chooseTab = curTab |
| | | this.resetBtn() |
| | | }, |
| | | |
| | | // 点击定位 |
| | | rowClick (row) { |
| | | rowClick(row) { |
| | | let lng = global.DC.CoordTransform.GCJ02ToWGS84(row.lng, row.lat)[0] |
| | | let lat = global.DC.CoordTransform.GCJ02ToWGS84(row.lng, row.lat)[1] |
| | | |
| | |
| | | }, |
| | | |
| | | // 点击详情 |
| | | goDetail (row) { |
| | | goDetail(row) { |
| | | let detailList = [] |
| | | let title = '' |
| | | if (this.chooseTab == 1) { |
| | |
| | | value: row.pcsName |
| | | } |
| | | ] |
| | | this.$refs.detailDialog.initOpen(detailList, title, row, [ |
| | | '基本信息', |
| | | '宣防对象' |
| | | ],this.chooseTab) |
| | | } else if (this.chooseTab == 2) { |
| | | title = '反诈预警详情' |
| | | detailList = [ |
| | |
| | | value: row.pcsName |
| | | } |
| | | ] |
| | | this.$refs.detailDialog.initOpen(detailList, title, row, [ |
| | | '基本信息' |
| | | ],this.chooseTab) |
| | | } |
| | | this.$refs.detailDialog.initOpen(detailList, title, row, [ |
| | | '基本信息', |
| | | '服务对象' |
| | | ]) |
| | | |
| | | }, |
| | | |
| | | // 获取列表 |
| | | getList () { |
| | | getList() { |
| | | this.loading() |
| | | let params = { |
| | | isFzApp: this.isFzApp, |
| | |
| | | }, |
| | | |
| | | // 反诈宣防列表 |
| | | getBackblastPubRecordList (params) { |
| | | getBackblastPubRecordList(params) { |
| | | getBackblastPubRecordList(params).then(res => { |
| | | this.tableData = res.data.data.records |
| | | this.pages.total = res.data.data.total |
| | |
| | | }, |
| | | |
| | | // 反诈预警列表 |
| | | getBackblastWarnHanRecList (params) { |
| | | getBackblastWarnHanRecList(params) { |
| | | getBackblastWarnHanRecList(params).then(res => { |
| | | this.tableData = res.data.data.records |
| | | this.pages.total = res.data.data.total |
| | |
| | | }, |
| | | |
| | | // 搜索按钮 |
| | | searchBtn () { |
| | | searchBtn() { |
| | | this.pages.currentPage = 1 |
| | | this.getList() |
| | | }, |
| | | |
| | | // 清空按钮 |
| | | resetBtn () { |
| | | resetBtn() { |
| | | this.isFzApp = null |
| | | this.isOpenAlarm = null |
| | | this.searchKey = '' |
| | |
| | | }, |
| | | |
| | | // 分页处理 |
| | | handleCurrentChange (currentPage) { |
| | | handleCurrentChange(currentPage) { |
| | | this.pages.currentPage = currentPage |
| | | this.getList() |
| | | }, |
| | | |
| | | // 加载动画 |
| | | loading () { |
| | | loading() { |
| | | loading = this.$loading({ |
| | | lock: true, |
| | | text: '拼命加载中', |
| | |
| | | }, |
| | | |
| | | // 表格高度 |
| | | setTableHeight () { |
| | | setTableHeight() { |
| | | this.currentTableHeight = this.$refs.containerContent.offsetHeight - this.$refs.timeSelect.offsetHeight |
| | | }, |
| | | |
| | | // 大小重置 |
| | | boxResize (val) { |
| | | boxResize(val) { |
| | | this.boxShow = val |
| | | }, |
| | | }, |
| | | |
| | | destroyed () { |
| | | destroyed() { |
| | | loading && loading.close() |
| | | |
| | | window.removeEventListener('resize', this.setTableHeight) |