fj-dc-ui/.svn/pristine/e8/e8495f3b9416e0d05aef4e5dff87392dd4d591c9.svn-base

<template>
    <el-container style="height:520px;">
        <el-main style="margin-left:5px;padding:0px;overflow:hidden" v-if="!noData">
            <div class="wrapper">
            <el-row :gutter="20">
                <el-col :span="24">
                    <p>
                        <span class="label">问题类型：</span>
                        <span>{{form.zgdxfl}}</span>
                    </p>
                </el-col>
                <el-col :span="24">
                    <p>
                        <span class="label">具体问题：</span>
                        <span>{{form.qyswtqx}}</span>
                    </p>
                </el-col>
                <el-col :span="24">
                    <p>
                        <span class="label">计划整改措施：</span>
                        <span>{{form.qsxksxzgjhnr}}</span>
                    </p>
                </el-col>
                <el-col :span="24">
                    <p>
                        <span class="label">计划完成时间：</span>
                        <span>{{form.qsxksxzgjhwcsj}}</span>
                    </p>
                </el-col>
                <el-col :span="24">
                    <p>
                        <span class="label">备注：</span>
                        <span>{{form.zgjhbz}}</span>
                    </p>
                </el-col>
            </el-row>
            </div>  
        </el-main>
      <div class="no_data" v-if="noData">
            <span class="label">暂无数据</span>
        </div>
    </el-container>
</template>
<script>
import request from "@util/gw_ajax_request.js"
export default {
    props: ['currentObjectId','currentObjectName','currentObjectRgstrId','szRuls','ssxMid'],
    data(){
        return{
            form:{
            },
            noData: false,
            showAddProblemDialog: false,
            problData: ''

        }
    },
    components:{
    },
    computed:{
        persId(){
            return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
        }
    },
    mounted(){
        this.getInfo()
    },
    methods:{
        getInfo(){
            request.get(`/bis/insp/wintu/rgstr/issue/${this.ssxMid}`).then(res=>{
                if(res.success && Object.keys(res.data).length){
                    this.form = res.data
                    this.form.qsxksxzgjhwcsj = this.form.qsxksxzgjhwcsj.substr(0,10);
                }else if(res.success && !Object.keys(res.data).length){
                    this.noData = true
                }else{
                    this.$message.error(res.message)
                }
            })
        },
    }
}
</script>

<style scoped>
.wrapper{
        line-height: 32px;
        margin-bottom: 26px;
    }
    h4{
        color: #666;
        border-left: solid #009fff 3px;
        line-height: 14px;
        padding-left: 8px;
        margin-bottom: 12px;
    }
    .label{
        display: inline-block;
        /* min-width: 80px; */
        color: #999;
    }
    .label+span{
        color: #333;
    }
    .no_data{
        text-align: center;
        width: 100%;
        line-height: 100px;
    }
    .el-icon-circle-plus{
        margin-left: 20px;
        color: #00bbff;
        font-size: 18px;
        line-height: 12px;
        vertical-align: top;
        cursor: pointer;
    }
</style>