fj-dc-ui/.svn/pristine/8a/8a178869912c97a42d0791b87fd75e7f9f90243e.svn-base

<template>
  <el-container style="height:520px;">
    <el-main style="border:1px solid #d5d5ff;margin-left:5px;padding:0px;overflow:hidden" v-if="!noData">
      <p style="font-weight:bolder;background-color:#d5d5ff;padding:3px;">问题信息</p>
      <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>