fj-dc-ui/.svn/pristine/f0/f0ba17e7084fef7934d1c37f7c0324560fd7b2e0.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>{{row.pblmNub}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="印发文号名称：">
                        <span>{{row.pblmNubName}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="责任处室：">
                        <span>{{row.dutyName}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="整改完成时间：">
                        <span>{{formatDate(row.pblmCrtm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="督查类型：">
                        <span>{{row.pblmClassify}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="督查对象：">
                        <span>{{row.objName}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题类别：">
                        <span>{{row.pblmNameBz}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="检查项目：">
                        <span>{{row.checkPointBz}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="问题描述：">
                        <span>{{row.pblmDescBz}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="详细描述：">
                        <span>{{row.inspPblmDesc}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="严重程度：">
                        <span>{{row.inspPblmCate | inspPblmCate}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="上报时间：">
                        <span>{{formatDate(row.pblmTm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="计划完成时间：">
                        <span>{{formatDate(row.pblmPltm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                    <el-form-item label="实际完成时间：">
                        <span>{{formatDate(row.pblmActm, 'yyyy-MM-dd')}}</span>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="12">
                    <el-form-item label="整改状态：">
                        <span>{{row.crtState | crtState}}</span>
                    </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="整改措施：">
                    <span>{{row.crtInfo}}</span>
                  </el-form-item>
                </el-col>
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="流程状态：">
                  <span>{{formatPblmState(row.selfInspProcessState)}}</span>
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="是否销号：">
                  <span>{{row.pblmOut | isOrNot}}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="整改建议：">
                  <span>{{row.pblmReason}}</span>
                </el-form-item>
              </el-col>
            </el-row>
            <el-row>
              <el-col :span="24">
                <el-form-item label="问题整改备注：">
                  <span>{{row.crtNote}}</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: {
            row: {
                type: Object,
                default: {}
            }
        },
        data() {
            return {
                rectificationStatus:[
                    {
                        name:"未下发",
                        value:"1"
                    },
                    {
                        name:"待整改反馈",
                        value:"2"
                    },
                    {
                        name:"待审核",
                        value:"3"
                    },
                    {
                        name:"驳回待再次反馈",
                        value:"4"
                    },
                    {
                        name:"审核通过销号",
                        value:"5"
                    }
                ],
            }
        },
        computed:{
            orgId() {
                return localStorage.getItem('currentOrgId') ? localStorage.getItem("currentOrgId") : "";
            },
            formatDate(){
                return dateFormat
            }
        },
        mounted() {

        },
        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{
                    return '否'
                }
            }
        }
    }
</script>
<style lang="scss" scoped>
    .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>