fj-dc-ui/.svn/pristine/08/08cc578dacef897d1a94da8d2b3a5ecf6bd9aedb.svn-base

<template>
    <div class="popupContentClass" :style="{'height':testHeight1+'px'}">
        <p style="margin-top:20px;">
        <div style="display: flex;align-items: center;margin-bottom: 10px">
            <div style="width: 4px;height: 14px;background: rgba(44,158,255,1);border-radius: 1px;margin-right: 10px;"></div>
            <span style="font-size:14px;font-family:MicrosoftYaHei;color:rgba(51,51,51,1);">基础信息</span>
        </div>
        </p>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">行政区名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.adName}}</el-col>
            <el-col :span="6" class="nameClass">行政区编码：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.adCode}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">项目名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{ formObj.name }}</el-col>
            <el-col :span="6" class="nameClass">所在详细位置：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.location }}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">问题描述 ：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.pblmDesc}}</el-col>
            <el-col :span="6" class="nameClass">问题类型：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.pblmType == '1' ? '乱占' :
                formObj.pblmType == '2' ? '乱采' : formObj.pblmType == '3' ? '乱堆' : formObj.pblmType == '4' ? '乱建' :
                formObj.pblmType == '5' ? '其他' : '' }}
            </el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">问题整治情况：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.rectConc == '1' ? '已销号' :
                formObj.rectConc == '2' ? '未销号' : ''}}
            </el-col>
            <el-col :span="6" class="nameClass"> 河流、河段（湖泊）名称：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.rvReaLkName}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">县级河长姓名及职务：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.contRvonNameDuty}}
            </el-col>
            <el-col :span="6" class="nameClass">乡级县级河长姓名及职务：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.townRvonNameDuty}}
            </el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">经度：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.centerX}}</el-col>
            <el-col :span="6" class="nameClass">纬度：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.centerY}}</el-col>
        </el-row>
        <el-row class="rowClass">
            <el-col :span="6" class="nameClass">村级县级河长姓名及职务：</el-col>
            <el-col :span="6" class="valueClass" :style="{'height':testHeight+'px'}">{{formObj.vilgRvonNameDuty}}
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import request from "@util/gw_ajax_request.js"

    export default {
        components: {},
        props: ["currentObjectId"],
        data() {
            return {
                testHeight: (window.innerHeight * 0.5 - 50) / 6,
                testHeight1: window.innerHeight * 0.5,
                dialogFormVisible: false,
                formObj: {},
                formLabelWidth: "160px",
                loading: true,
            };
        },
        computed: {
            recPersId() {
                return localStorage.getItem("userid")
                    ? localStorage.getItem("userid")
                    : "";
            }
        },
        mounted() {
            this.dialogFormVisible = true;
            this.getBaseInfo();
        },
        watch: {
            currentObjectId(n, o) {
                this.getBaseInfo();
            }
        },
        methods: {
            showDialog() {
                this.dialogFormVisible = true;
            },
            getBaseInfo() {
                var _self = this;
                var id = _self.currentObjectId;
                request.get(`/att/jskejian/flkdis/base/${id}`).then(res => {
                    if (res.data) {
                        _self.formObj = res.data;
                    } else {
                        _self.formObj = {};
                    }
                }).catch(err => {
                    console.log(err);
                });
            }
        },
        filters: {}
    };
</script>

<style scoped>
    @import "../../../assets/css/popup.css";
</style>