fj-dc-ui/.svn/pristine/1a/1af32901c8fdf710a67825c64104fa4d0b014ca6.svn-base

<template>
    <div class="baseinfo_wrapper">
        <h3><span></span>基本信息</h3>
        <el-form size="mini" label-width="150px">
            <el-row>
                <el-col :span="12">
                    <el-form-item label="印发文号：">
                        <span>{{updateObj.pblmNub}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="印发文号名称：">
                        <span>{{updateObj.pblmNubName}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="责任处室：">
                        <span>{{updateObj.dutyName}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="整改完成时间：">
                        <span>{{formatDate(updateObj.pblmCrtm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="督查类型：">
                        <span>{{updateObj.pblmClassify}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="督查对象：">
                        <span>{{updateObj.objName}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题类别：">
                        <span>{{updateObj.pblmNameBz}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="检查项目：">
                        <span>{{updateObj.checkPointBz}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题描述：">
                        <span>{{updateObj.pblmDescBz}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="详细描述：">
                        <span>{{updateObj.inspPblmDesc}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="严重程度：">
                        <span>{{updateObj.inspPblmCate | inspPblmCate}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="上报时间：">
                        <span>{{formatDate(updateObj.pblmTm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="预计完成时间：">
                        <span>{{formatDate(updateObj.pblmPltm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="实际完成时间：">
                        <span>{{formatDate(updateObj.pblmActm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="整改状态：">
                        <span>{{updateObj.crtState | crtState}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="整改措施：">
                  <span class="lengContent" :title="updateObj.crtInfo">{{updateObj.crtInfo}}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="整改建议：">
                  <span class="lengContent" :title="updateObj.pblmReason">{{updateObj.pblmReason}}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="问题整改备注：">
                  <span class="lengContent" :title="updateObj.crtNote">{{updateObj.crtNote}}</span>
                </el-form-item>
              </el-col>
            </el-row>
<!--            <el-row>-->
<!--                <el-col :span="12">-->
<!--                    <el-form-item label="问题状态：">-->
<!--                        <span>{{formatPblmState(updateObj.pblmState)}}</span>-->
<!--                    </el-form-item>-->
<!--                </el-col>-->
<!--                <el-col :span="12">-->
<!--                    <el-form-item label="接收单位：">-->
<!--                        <span>{{updateObj.recvOrgName}}</span>-->
<!--                    </el-form-item>-->
<!--                </el-col>-->
<!--            </el-row>-->
<!--            <el-row>-->
<!--                <el-col :span="12">-->
<!--                    <el-form-item label="是否反馈：">-->
<!--                        <span>{{updateObj.isRect | isOrNot}}</span>-->
<!--                    </el-form-item>-->
<!--                </el-col>-->
<!--            </el-row>-->
        </el-form>
    </div>
</template>
<script>
    import request from '@util/gw_ajax_request.js'
    import {dateFormat} from '@util/gw_date.js'
    export default {
        props: {
            formDataUrl: {
                type: String,
                default: ''
            },
            isShow:{
                type: Boolean,
                default: false,
            }
        },
        data() {
            return {
                updateObj: {},
                dcTypeList:[],
                rectificationStatus:[
                    {
                        name:"业务处室问题未提交",
                        value:"0"
                    },
                    {
                        name:"业务处室提交问题到监督处",
                        value:"1"
                    },
                    {
                        name:"监督处驳回业务处室问题",
                        value:"2"
                    },
                    {
                        name:"监督处下发到地市",
                        value:"3"
                    },
                    {
                        name:"市级提交反馈",
                        value:"4"
                    },
                    {
                        name:"市转发县",
                        value:"5"
                    },
                    {
                        name:"县反馈到市",
                        value:"6"
                    },
                    {
                        name:"市驳回到县",
                        value:"7"
                    },
                    {
                        name:"业务处室驳回",
                        value:"8"
                    },
                    {
                        name:"业务处室审核通过",
                        value:"9"
                    },
                    {
                        name:"监督处归档-销号",
                        value:"10"
                    },
                    {
                        name:"监督处归档-待复查",
                        value:"11"
                    }
                ],
            }
        },
        computed:{
            orgId() {
                return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
            },
            formatDate(){
                return dateFormat
            }
        },
        mounted() {
            this.getTypes()
        },
        methods: {
            getTaskDetail(){

                let requestUrl = this.formDataUrl
                requestUrl = requestUrl.split('pdcApi')[1];
                request.get(requestUrl).then(res=>{
                    if(res.success){
                        this.updateObj = res.data.content
                        this.$emit('sendActionLinks', res.data)
                    }
                }).catch(err=>{
                    console.log(err)
                })
            },
            getTypes() {
                var _self = this;
                request.get(`/bis/insp/rel/org/insp/type/getInspTypeByOrgId/${this.orgId}`)
                    .then(res => {
                        if (res.success) {
                            _self.dcTypeList = res.data;
                        }
                })
            },
            objTypeDict(objType){
                var name = "";
                for(var i = 0;i<this.dcTypeList.length;i++){
                    if(parseInt(this.dcTypeList[i].inspType)==objType){
                        name = this.dcTypeList[i].inspName;
                    }
                }
                return name;
            },
            formatPblmState(val){
                var name = "";
                for(var i = 0;i<this.rectificationStatus.length;i++){
                    if(val==this.rectificationStatus[i].value){
                        name =  this.rectificationStatus[i].name;
                    }
                }
                return name;
            },
        },
        watch:{
            formDataUrl(val){
                if(val){
                    this.getTaskDetail()
                }
            }
        },
        filters:{
            inspPblmCate(val){
                if(!val || val == ''){
                    return ''
                }
                if(val == '0'){
                    return '一般'
                }else if(val == '1'){
                    return '较重'
                }else if(val == '2'){
                    return '严重'
                }else if(val == '3'){
                    return '特别严重'
                }else{
                    return val
                }
            },
            crtState(val){
                if(!val || val == ''){
                    return ''
                }
                if(val == '0'){
                    return '未整改'
                }else if(val == '1'){
                    return '整改中'
                }else if(val == '2'){
                    return '整改完成'
                }else if(val == '3'){
                    return '不具备整改条件'
                }else{
                    return val
                }
            },
            isOrNot(val){
                if(val == '1'){
                    return '是'
                }else if(val == '0'){
                    return '否'
                }else{
                    return val
                }
            }
        }
    }
</script>
<style lang="scss" scoped>
  .lengContent{
    display: flex;
    max-height: 60px;
    overflow: auto;
    width: 90%;
  }
  .baseinfo_wrapper {
      padding: 0 10px;
      h3 {
          margin-bottom: 20px;
          line-height: 32px;
          font-size: 16px;
          span {
              display: inline-block;
              width: 3px;
              height: 14px;
              margin-right: 6px;
              margin-top: -2px;
              background-color: #409eff;
          }
      }
  }
</style>