马宇豪
2025-04-23 34ec919649adfefeecd0418284dd7b02e9ed49b8
src/views/selfCheck/components/supervisionDetails.vue
@@ -5,24 +5,26 @@
        :close-on-click-modal="false"
        width="75%"
        center
        @open="getCheckUnitType()"
        @close="resetForm()"
    >
         <div slot="title" class="dialog-title">
            烟花爆竹{{enterpriseType==1?'批发':(enterpriseType==2?'零售':'')}}企业检查情况反馈表
             烟花爆竹{{enterpriseType==1?'批发':(enterpriseType==2?'零售':'')}}企业检查情况反馈表
             <div v-if="corpInfo.hiddendangerStatus==0">应急检查无隐患</div>
         </div>
        <div class="table-tit">
            <div>企业名称: <span class="m-color">{{corpInfo.enterpriseName}}</span></div>
            <div>所属省市县: <span class="m-color">{{corpInfo.enterpriseProvince + corpInfo.enterpriseCity + corpInfo.enterpriseArea}}</span></div>
            <div>检查层级: <span class="m-color">{{ corpInfo.checkUnitType == 1 ? '省级' : (corpInfo.checkUnitType == 2 ? '市级' : '县级') }}</span></div>
            <div>检查层级: <span class="m-color">{{ corpInfo.checkUnitType == 1 ? '省级' : (corpInfo.checkUnitType == 2 ? '地(州、市)级' : '县级') }}</span></div>
            <div>检查单位: <span class="m-color">{{corpInfo.checkName}}</span></div>
        </div>
        <div class="corp-list">
            <table class="corp-table">
                <tr>
                <tr class="special-tr">
                    <td class="m-color w-25">检查时间</td>
                    <td class="m-color w-25">{{corpInfo.checkTime}}</td>
                    <td class="m-color w-25">是否检查出隐患问题</td>
                    <td class="m-color w-25">{{corpInfo.hiddendangerStatus==1?'是':'否'}}</td>
                    <td class="m-color w-25 spe"><div><span>是否检查出隐患问题</span><p>(如与其他单位共同检查,检查次数计入本单位,但隐患问题不计入本单位,亦选“否”)</p></div></td>
                    <td class="m-color w-25" :class="corpInfo.hiddendangerStatus==1?'warning':'normal'">{{corpInfo.hiddendangerStatus==1?'是':'否'}}</td>
                </tr>
                <tr class="m-color b-font" style="text-align: center" v-if="corpInfo.hiddendangerStatus == 1">自查与整改情况</tr>
                <tr v-if="corpInfo.hiddendangerStatus == 1">
@@ -42,9 +44,9 @@
                    <td class="w-10">{{item.rectifyPrice}}</td>
                    <td class="w-10">{{item.chargePerson}}</td>
                    <td class="w-20 overText">
                        <span v-if="item.rectifyStatus == 0">
                        <span v-if="!item.rectifyStatus">
                            未整改
                            <el-button type="text" @click="toRectify(item)">去整改</el-button>
                            <span v-if="unitType == -1" style="cursor: pointer;color: #034ea2" @click="toRectify(item)">去整改</span>
                        </span>
                        <span v-else>
                            {{item.completeRectifyTime + '整改完成'}}
@@ -134,7 +136,7 @@
<script>
    import {computePageCount} from "@/utils";
    import { getSpotCheckRecorder, updateSpotCheckRectifyInfo } from "@/api/selfCheck";
    import { getCheckUnitType } from "@/api/specialCheck"
    export default {
        name: "supervisionDetails",
        data(){
@@ -142,6 +144,7 @@
                dialogVisible:false,
                dialogReport: false,
                id: null,
                checkUnitType: null,
                unitType: null,
                enterpriseType: null,
                corpInfo:{
@@ -174,15 +177,26 @@
            }
        },
        created() {
            const t = this
            // t.getEnterpriseInfo()
        },
        mounted() {
        },
        watch: {
        },
        methods:{
            async getCheckUnitType(){
                const t = this
                let res = await getCheckUnitType()
                if(res.data.code === "200"){
                    t.unitType = res.data.result.checkUnitType
                }else{
                    t.unitType = -1
                }
            },
            async getEnterpriseInfo(){
                const t = this
                const data = {id: t.id,unitType:t.unitType}
                const data = {id: t.id,unitType:t.checkUnitType}
                let res = await getSpotCheckRecorder(data)
                if(res.data.code === "200"){
                    t.corpInfo = res.data.result
@@ -210,7 +224,7 @@
                        if(res.data.code === "200"){
                            t.$message({
                                type:'success',
                                message:res.data.message
                                message: '提交成功'
                            })
                        }else{
                            t.$message({
@@ -270,6 +284,21 @@
    .dialog-title{
        font-size: 22px;
        font-weight: bolder;
        position: relative;
        div{
            position: absolute;
            background: #67C23A;
            color: #fff;
            right: 40px;
            top: 50%;
            font-size: 16px;
            padding: 6px 15px;
            border-radius: 2px;
            letter-spacing: 1px;
            font-weight: normal;
            transform: translateY(-50%);
        }
    }
    .table-tit{
        width: 100%;
@@ -361,6 +390,40 @@
                        &::scrollbar { width: 0; height: 0; color: transparent }
                    }
                }
                .warning{
                    color: red;
                }
                .normal{
                    color: #67C23A;
                }
            }
            .special-tr{
                height: 84px;
                td{
                    height: 84px;
                    line-height: 84px;
                    &.spe{
                        line-height: 16px !important;
                        div{
                            height: 84px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            span{
                                margin-bottom: 6px;
                            }
                            p{
                                color: red;
                                margin: 0;
                                line-height: 16px !important;
                            }
                        }
                    }
                }
            }
            .b-font{
                font-size: 16px;