新增安全专项检查与用户层级

Admin

2022-11-23 90de81ed138823dc498b201bc7873f74016d2f65

新增安全专项检查与用户层级

 src/App.vue

@@ -5,6 +5,7 @@
</template>

<script>

export default {
  name: 'App'
}

 src/api/specialCheck.js

@@ -96,3 +96,38 @@
        data
    })
}

// 点击栏目数字跳转到监管机构抽查情况
export function getSpotCheckRecord(data){
    return request({
        headers:{
            'Authorization':getToken()
        },
        url:process.env.BASE_API+ '/taskSpotCheck/select/getSpotCheckRecordWithHiddendangerCount',
        method:'post',
        data
    })
}
























 src/router/index.js

@@ -123,18 +123,6 @@
        component: () => import('@/views/dashboard/index'),
        name: 'Dashboard1',
        meta: { title: '首页', icon: 'el-icon-dash', noCache: true, affix: true }
      },
        {
            path: 'specialCheck',
            component: () => import('@/views/specialCheck/index'),
            name: 'specialCheck',
            meta: { title: '专项检查', icon: 'el-icon-dash', noCache: true, affix: true }
        },
        {
            path: 'selfCheck',
            component: () => import('@/views/selfCheck/index'),
            name: 'selfCheck',
            meta: { title: '专项自查', icon: 'el-icon-dash', noCache: true, affix: true }
        }
    ],
    hidden: true

 src/views/selfCheck/components/checkDetails.vue

@@ -5,9 +5,10 @@
        :close-on-click-modal="false"
        width="75%"
        center
        @close="resetForm()"
    >
         <div slot="title" class="dialog-title">
            烟花爆竹批发企业自查情况信息报送表
            烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业自查情况信息报送表
         </div>
        <div class="table-tit">
            <div>企业名称: <span class="m-color">{{corpInfo.enterpriseName}}</span></div>
@@ -90,20 +91,22 @@
        data(){
            return{
                dialogVisible:false,
                enterpriseType: null,
                id: null,
                corpInfo:{
                    enterpriseName: '',
                    enterpriseProvince: '',
                    enterpriseCity: '',
                    enterpriseArea: '',
                    licenceValidStatus: 0,
                    stockNum: 0,
                    store: 0,
                    licenceValidStatus: null,
                    stockNum: null,
                    storageCapacity: null,
                    hiddendangerStatus: null,
                    hiddendangerInfos: [],
                    hiddendangerSum: 0,
                    majorHiddendangerNum: 0,
                    completedRectifyHiddendangerSum: 0,
                    completedRectifyMajorHiddendangerNum: 0,
                    hiddendangerSum: null,
                    majorHiddendangerNum: null,
                    completedRectifyHiddendangerSum: null,
                    completedRectifyMajorHiddendangerNum: null,
                    selfcheckReportUserName: '',
                    selfcheckReportUserMobile: '',
                    reportModifyTime: ''
@@ -118,8 +121,8 @@
                let res = await getEnterpriseInfo({id: t.id})
                if(res.data.code === "200"){
                    t.corpInfo = res.data.result
                    console.log(t.corpInfo,'t.corpInfo')
                }else{
                    t.dialogVisible = false
                    t.$message({
                        type:'warning',
                        message:res.data.message
@@ -129,6 +132,26 @@

            confirmBack(){
                this.dialogVisible = false
            },
            resetForm(){
                this.corpInfo={
                    enterpriseName: '',
                    enterpriseProvince: '',
                    enterpriseCity: '',
                    enterpriseArea: '',
                    licenceValidStatus: null,
                    stockNum: null,
                    storageCapacity: null,
                    hiddendangerStatus: null,
                    hiddendangerInfos: [],
                    hiddendangerSum: null,
                    majorHiddendangerNum: null,
                    completedRectifyHiddendangerSum: null,
                    completedRectifyMajorHiddendangerNum: null,
                    selfcheckReportUserName: '',
                    selfcheckReportUserMobile: '',
                    reportModifyTime: ''
                }
            }
        },
    }
@@ -228,6 +251,8 @@
                        line-height: 1.5;
                        text-align: left;
                        padding: 10px;
                        &::-webkit-scrollbar { width: 0; height: 0; color: transparent }
                        &::scrollbar { width: 0; height: 0; color: transparent }
                    }
                }
            }

 src/views/selfCheck/components/repair.vue

@@ -3,7 +3,7 @@
        :visible.sync="dialogVisible"
        append-to-body
        :close-on-click-modal="false"
        width="60%"
        width="80%"
        center
    >
        <div class="table_cont">
@@ -27,7 +27,7 @@
                <el-table-column label="负责人" prop="chargePerson" align="center"></el-table-column>
                <el-table-column label="整改状态" prop="rectifyStatus" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.rectifyStatus ==0?'未整改':'已整改' }}</span>
                        <span>{{ scope.row.rectifyStatus ==1?'已整改':'未整改' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="完成整改时间" prop="completeRectifyTime    " align="center"></el-table-column>
@@ -36,10 +36,10 @@
                        <span>{{ scope.row.hiddendangerLevel==1 ? '一般隐患' : '重大隐患' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
                <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button v-if="scope.row.rectifyStatus==0" type="text" @click="toFix(scope.row)">整改填报</el-button>
                        <el-button v-else type="text">--</el-button>
                        <span v-if="scope.row.rectifyStatus==1">已整改</span>
                        <el-button v-else type="text" @click="toFix(scope.row)">整改填报</el-button>
                    </template>
                </el-table-column>
            </el-table>
@@ -59,7 +59,7 @@
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取消</el-button>
          <el-button type="primary" @click="confirm()">提交</el-button>
          <el-button type="primary" @click="confirm()">确认</el-button>
        </span>
        <el-dialog
            :visible.sync="dialogFix"
@@ -68,32 +68,34 @@
            :close-on-click-modal="false"
            width="40%"
            center
            @close="resetFix()"
        >
            <el-form ref="fixformRef" :model="fixForm" label-width="140px">
            <el-form ref="fixForm" :model="fixForm" :rules="fixRule" label-width="160px">
                <el-form-item label="当前隐患：">
                    <el-input type="textarea" v-model="fixForm.info"></el-input>
                    <el-input type="textarea" readonly v-model="fixForm.info"></el-input>
                </el-form-item>

                <el-form-item label="当前完成整改日期：">
                <el-form-item label="当前完成整改日期：" prop="completeRectifyTime">
                    <el-date-picker
                        v-model="fixForm.completeRectifyTime"
                        type="date"
                        type="datetime"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="请选择整改日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="整改资金：">
                    <el-input v-model="fixForm.rectifyPrice"></el-input>
                <el-form-item label="整改资金：" prop="rectifyPrice">
                    <el-input v-model="fixForm.rectifyPrice" type="number" placeholder="请输入整改资金金额"></el-input>
                </el-form-item>
                <el-form-item label="整改措施：">
                    <el-input type="textarea" autosize v-model="fixForm.rectifyMeasure"></el-input>
                <el-form-item label="整改措施：" prop="rectifyMeasure">
                    <el-input type="textarea" autosize v-model="fixForm.rectifyMeasure" placeholder="请输入整改措施"></el-input>
                </el-form-item>
                <el-form-item label="负责人：">
                    <el-input v-model="fixForm.chargePerson"></el-input>
                <el-form-item label="负责人：" prop="chargePerson">
                    <el-input v-model="fixForm.chargePerson" placeholder="请输入整改负责人"></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
              <el-button @click="dialogFix = false">取消</el-button>
              <el-button type="primary" @click="confirmFix()">提交</el-button>
              <el-button type="primary" @click="confirmFix('fixForm')">提交</el-button>
            </span>
        </el-dialog>
    </el-dialog>
@@ -113,7 +115,6 @@
                dialogFix: false,
                recordTotal: 0,
                pageSize: 10,
                pageTotal: 0,
                currentPage: 1,
                tableKey: 0,
                dialogVisible:false,
@@ -123,14 +124,20 @@
                    enterpriseSubmitId: null,
                    info: '',
                    completeRectifyTime: '',
                    rectifyPrice: 0,
                    rectifyPrice: null,
                    rectifyMeasure: '',
                    chargePerson: ''
                },
                fixRule:{
                    completeRectifyTime: [{ required: true, message: '请选择完成整改日期', trigger: 'blur' }],
                    rectifyPrice: [{ required: true, message: '请输入整改资金', trigger: 'blur' }],
                    rectifyMeasure: [{ required: true, message: '请输入整改措施', trigger: 'blur' }],
                    chargePerson: [{ required: true, message: '请输入负责人', trigger: 'blur' }]
                }
            }
        },
        created() {
            this.getSelfRectifyInfo()
            // this.getSelfRectifyInfo()
        },
        watch: {
        },
@@ -148,7 +155,7 @@
            async getSelfRectifyInfo(){
                const t = this
                t.listLoading = true
                let res = await getSelfRectifyInfo(t.id)
                let res = await getSelfRectifyInfo({id: t.id})
                if(res.data.code === "200"){
                    t.checkList = res.data.result.hiddendangerBaseInfos
                }else{
@@ -162,6 +169,7 @@

            confirm(){
                this.dialogVisible = false
                this.$parent.getUncheckList()
            },

            toFix(row){
@@ -171,16 +179,17 @@
                t.dialogFix = true
            },

            async confirmFix(){
            async confirmFix(formName){
                const t = this
                t.listLoading = true
                t.$refs[formName].validate(async (valid) => {
                    if(valid){
                t.fixForm.enterpriseSubmitId = t.id
                let {info,...data} = t.fixForm
                let res = await saveSelfRectifyInfo(data)
                if(res.data.code === "200"){
                    t.$message({
                        type:'success',
                        message:res.data.message
                                message: '提交成功'
                    })
                }else{
                    t.$message({
@@ -188,8 +197,24 @@
                        message:res.data.message
                    })
                }
                t.listLoading = false
                t.dialogFix = false
                        t.getSelfRectifyInfo()
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                })
            },
            resetFix(){
                this.fixForm = {
                    id: null,
                    enterpriseSubmitId: null,
                    info: '',
                    completeRectifyTime: '',
                    rectifyPrice: null,
                    rectifyMeasure: '',
                    chargePerson: ''
                }
            }
        },
    }

 src/views/selfCheck/components/selfReport.vue

@@ -5,6 +5,7 @@
        :close-on-click-modal="false"
        width="60%"
        center
        @close="reset()"
    >
        <div class="company-info">
            <div>企业基本信息</div>
@@ -17,29 +18,33 @@
            <div><span>库存：</span><span>{{stockNum}}</span></div>
            <div><span>库容：</span>
                <span>
                    <el-input placeholder="请输入库容量" v-model="checkForm.storageCapacity"></el-input>
                    <el-input placeholder="请输入库容量" type="number" v-model="checkForm.storageCapacity"></el-input>
                </span>
            </div>
        </div>
        <el-divider/>
        <div class="form-info">
            <div>自查自改填报</div>
            <div>
                <span>自查是否有隐患：</span>
        </div>

        <el-form :model="checkForm" :rules="rules" ref="checkForm" label-width="150px" class="demo-ruleForm">


            <el-form-item label="自查是否有隐患：" prop="hiddendangerStatus">
                <el-radio-group v-model="checkForm.hiddendangerStatus">
                    <el-radio :label="1">是</el-radio>
                    <el-radio :label="0">否</el-radio>
                </el-radio-group>
            </div>
        </div>
            </el-form-item>

        <div class="risk-list" v-if="checkForm.hiddendangerStatus==1">
            <table class="risk-table">
                <th><span>序号</span><span>检查出的隐患问题</span><span>检查时间</span><span>最后整改期限</span><span>隐患等级</span><span>操作</span></th>
                <tr v-for="(item,index) in checkForm.submitHiddendangers">
                    <td class="num">{{index + 1}}</td>
                    <td class="info"><el-input type="textarea" :rows="1" placeholder="请输入内容" v-model="item.hiddendangerRemark"></el-input></td>
                    <td class="date"><el-date-picker v-model="item.checkTime" type="datetime" placeholder="选择检查时间"></el-date-picker></td>
                    <td class="deadline"><el-date-picker v-model="item.rectifyDeadlineTime" type="datetime" placeholder="选择整改期限"></el-date-picker></td>
                        <td class="info"><el-input type="textarea" :rows="1" placeholder="请简述隐患问题" v-model="item.hiddendangerRemark"></el-input></td>
                        <td class="date"><el-date-picker v-model="item.checkTime" type="datetime" placeholder="选择检查时间" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker></td>
                        <td class="deadline"><el-date-picker v-model="item.rectifyDeadlineTime" type="datetime" placeholder="选择整改期限" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker></td>
                    <td class="level">
                        <el-radio-group v-model="item.hiddendangerLevel">
                            <el-radio :label="1">一般隐患</el-radio>
@@ -54,21 +59,20 @@
            <div class="addBtn">
                <el-button type="primary" plain icon="el-icon-plus" @click="addItem()">新增隐患问题</el-button>
            </div>

        </div>
        <div style="display: flex;align-items: center;margin-top: 20px">
            <span>填报人：</span>
            <span style="margin-right: 40px">
            <el-form-item label="填报人：" prop="selfcheckReportUserName">
                <el-input v-model="checkForm.selfcheckReportUserName"></el-input>
            </span>
            <span>电话号码：</span>
            <span>
            </el-form-item>

            <el-form-item label="电话号码：" prop="selfcheckReportUserMobile">
                <el-input v-model="checkForm.selfcheckReportUserMobile"></el-input>
            </span>
        </div>
            </el-form-item>

        </el-form>

        <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取消</el-button>
          <el-button type="primary" @click="confirmSend()">提交</el-button>
          <el-button type="primary" @click="submitForm('checkForm')">提交</el-button>
        </span>
    </el-dialog>
</template>
@@ -87,23 +91,33 @@
                licenceValidDeadline: '',
                stockNum: 0,
                checkForm:{
                    storageCapacity: 0,
                    hiddendangerStatus: 0,
                    storageCapacity: null,
                    hiddendangerStatus: null,
                    submitHiddendangers: [
                        {
                            id: null,
                            hiddendangerRemark: '',
                            checkTime: '',
                            rectifyDeadlineTime: '',
                            hiddendangerLevel: 1
                            hiddendangerLevel: null
                        }
                    ],
                    selfcheckReportUserName: '',
                    selfcheckReportUserMobile: ''
                },
                rules: {
                    hiddendangerStatus: [
                        { required: true, message: '请选择是否查出隐患', trigger: 'blur' }
                    ],
                    selfcheckReportUserName: [{ required: true, message: '请输入填报人', trigger: 'blur' }],
                    selfcheckReportUserMobile: [{ required: true, message: '请输入电话号码', trigger: 'blur' }]
                }
            }
        },
        watch: {
        },
        created() {
            console.log(this.id)
        },
        methods:{
            addItem(){
@@ -111,20 +125,27 @@
                    hiddendangerRemark: '',
                    checkTime: '',
                    rectifyDeadlineTime: '',
                    hiddendangerLevel: 1
                    hiddendangerLevel: null
                }
                this.checkForm.submitHiddendangers.push(newItem)
            },
            deleteItem(i){
                console.log(i)
                this.checkForm.submitHiddendangers.splice(i,1)
                const t = this
                if(t.checkForm.submitHiddendangers.length == 1){
                    t.$message({
                        type:'warning',
                        message: '检查的隐患信息不可为空'
                    })
                }else{
                    t.checkForm.submitHiddendangers.splice(i,1)
                }
            },

            async getUncheckList(){
            async getReportInfo(){
                const t = this
                let res = await getSelfBaseInfo(t.id)
                let res = await getSelfBaseInfo({id:t.id})
                if(res.data.code === "200"){
                    t.recordTotal = res.data.result.enterpriseName
                    t.enterpriseName = res.data.result.enterpriseName
                    t.licenceValidStatus = res.data.result.licenceValidStatus
                    t.licenceValidDeadline = res.data.result.licenceValidDeadline
                    t.stockNum = res.data.result.stockNum
@@ -136,22 +157,36 @@
                }
            },

            async confirmSend(){
            submitForm(formName){
                const t = this
                let data = t.checkForm
                data.id = t.id
                if(data.storageCapacity.toString()=='' || data.submitHiddendangers.hiddendangerRemark == '' || data.submitHiddendangers.checkTime == '' || data.submitHiddendangers.rectifyDeadlineTime==''||data.submitHiddendangers.hiddendangerLevel.toString()==''){
                t.$refs[formName].validate(async (valid) => {
                    if(t.checkForm.hiddendangerStatus == 0){
                        t.checkForm.submitHiddendangers = []
                    }

                    if(valid){
                        if(t.checkForm.hiddendangerStatus == 1){
                            if(t.checkForm.submitHiddendangers.find((e) => e.hiddendangerRemark == '') || t.checkForm.submitHiddendangers.find((e) => e.checkTime == '') || t.checkForm.submitHiddendangers.find((e) => e.rectifyDeadlineTime == '') || t.checkForm.submitHiddendangers.find((e) => e.hiddendangerLevel == null)){
                    t.$message({
                        type:'warning',
                        message:'请完善表单信息'
                                    message: '请完善检查的隐患信息'
                    })
                    return
                }
                let res = await saveSelfCheckReport(data)
                        }
                        if(t.checkForm.storageCapacity == null){
                            t.$message({
                                type:'warning',
                                message: '请输入库容信息'
                            })
                            return
                        }
                        t.checkForm.id = t.id
                        let res = await saveSelfCheckReport(t.checkForm)
                if(res.data.code === "200"){
                    t.$message({
                        type:'success',
                        message:res.data.message
                                message: '提交成功！'
                    })
                }else{
                    t.$message({
@@ -160,8 +195,31 @@
                    })
                }
                t.dialogVisible = false
                        t.$parent.getUncheckList();
                    } else {
                        console.log('error submit!!');
                        return false;
            }
                })
        },
            reset(){
                this.checkForm = {
                    storageCapacity: null,
                    hiddendangerStatus: null,
                    submitHiddendangers: [
                        {
                            id: null,
                            hiddendangerRemark: '',
                            checkTime: '',
                            rectifyDeadlineTime: '',
                            hiddendangerLevel: null
                        }
                    ],
                    selfcheckReportUserName: '',
                    selfcheckReportUserMobile: ''
                }
            }
        }
    }
</script>

@@ -199,21 +257,12 @@
        }
    }
    .form-info{
        display: flex;
        align-items: center;
        &>div{
            margin-bottom: 10px;
            margin-right: 40px;
            display: flex;
            align-items: center;
        }
        &>div:first-of-type{
            font-size: 18px;
            font-weight: bolder;
            padding-left: 0;
        }
    }
    .risk-list{
        margin-bottom: 20px;
        .risk-table{
            width: 100%;
            border-collapse: collapse;

 src/views/selfCheck/components/supervisionDetails.vue

文件名从 src/views/supervision/components/supervisionDetails.vue 修改
@@ -5,6 +5,7 @@
        :close-on-click-modal="false"
        width="75%"
        center
        @close="resetForm()"
    >
         <div slot="title" class="dialog-title">
            烟花爆竹批发企业自查情况信息报送表
@@ -40,7 +41,7 @@
                    <td class="w-30 overText">{{item.rectifyMeasure}}</td>
                    <td class="w-10">{{item.rectifyPrice}}</td>
                    <td class="w-10">{{item.chargePerson}}</td>
                    <td class="w-20">
                    <td class="w-20 overText">
                        <span v-if="item.rectifyStatus == 0">
                            未整改
                            <el-button type="text" @click="toRectify(item)">去整改</el-button>
@@ -78,32 +79,34 @@
            :close-on-click-modal="false"
            width="40%"
            center
            @close="resetEdit()"
        >
            <el-form ref="reportFormRef" :model="reportForm" label-width="140px">
            <el-form ref="reportForm" :model="reportForm" :rules="reportRule" label-width="140px">
                <el-form-item label="当前隐患：">
                    <el-input type="textarea" v-model="reportForm.info"></el-input>
                    <el-input type="textarea" readonly v-model="reportForm.info"></el-input>
                </el-form-item>

                <el-form-item label="当前完成整改日期：">
                <el-form-item label="当前完成整改日期：" prop="completeRectifyTime">
                    <el-date-picker
                        v-model="reportForm.completeRectifyTime"
                        type="date"
                        type="datetime"
                        value-format="yyyy-MM-dd HH:mm:ss"
                        placeholder="请选择整改日期">
                    </el-date-picker>
                </el-form-item>
                <el-form-item label="整改资金：">
                <el-form-item label="整改资金：" prop="rectifyPrice">
                    <el-input v-model="reportForm.rectifyPrice"></el-input>
                </el-form-item>
                <el-form-item label="整改措施：">
                <el-form-item label="整改措施：" prop="rectifyMeasure">
                    <el-input type="textarea" autosize v-model="reportForm.rectifyMeasure"></el-input>
                </el-form-item>
                <el-form-item label="负责人：">
                <el-form-item label="负责人：" prop="chargePerson">
                    <el-input v-model="reportForm.chargePerson"></el-input>
                </el-form-item>
            </el-form>
            <span slot="footer" class="dialog-footer">
              <el-button @click="dialogReport = false">取消</el-button>
              <el-button type="primary" @click="confirmReport()">提交</el-button>
              <el-button type="primary" @click="confirmReport('reportForm')">提交</el-button>
            </span>
        </el-dialog>
    </el-dialog>
@@ -126,27 +129,33 @@
                    enterpriseProvince: '',
                    enterpriseCity: '',
                    enterpriseArea: '',
                    checkUnitType: 1,
                    checkUnitType: null,
                    checkName: '',
                    checkTime: '',
                    hiddendangerStatus: 0,
                    hiddendangerStatus: null,
                    hiddendangerInfos: [],
                    hiddendangerSum: 0,
                    majorHiddendangerNum: 0
                    hiddendangerSum: null,
                    majorHiddendangerNum: null
                },
                reportForm:{
                    id: null,
                    info: '',
                    completeRectifyTime: '',
                    rectifyPrice: 0,
                    rectifyPrice: null,
                    rectifyMeasure: '',
                    chargePerson: ''
                },
                reportRule:{
                    completeRectifyTime: [{ required: true, message: '请选择完成整改日期', trigger: 'blur' }],
                    rectifyPrice: [{ required: true, message: '请输入整改资金', trigger: 'blur' }],
                    rectifyMeasure: [{ required: true, message: '请输入整改措施', trigger: 'blur' }],
                    chargePerson: [{ required: true, message: '请输入负责人', trigger: 'blur' }]
                }
            }
        },
        created() {
            const t = this
            t.getEnterpriseInfo()
            // t.getEnterpriseInfo()
        },
        watch: {
        },
@@ -158,6 +167,7 @@
                if(res.data.code === "200"){
                    t.corpInfo = res.data.result
                }else{
                    t.dialogVisible = false
                    t.$message({
                        type:'warning',
                        message:res.data.message
@@ -171,8 +181,10 @@
                t.dialogReport = true
            },

            async confirmReport(){
            async confirmReport(formName){
                const t = this
                t.$refs[formName].validate(async (valid) => {
                    if(valid){
                let {info,...data} = t.reportForm
                let res = await updateSpotCheckRectifyInfo(data)
                if(res.data.code === "200"){
@@ -187,6 +199,38 @@
                    })
                }
                t.dialogReport = false
                        t.getEnterpriseInfo()
                        t.$parent.getSpotCheckList()
                    } else {
                        console.log('error submit!!');
                        return false;
                    }
                })
            },
            resetForm(){
              this.corpInfo ={
                  enterpriseName: '',
                  enterpriseProvince: '',
                  enterpriseCity: '',
                  enterpriseArea: '',
                  checkUnitType: null,
                  checkName: '',
                  checkTime: '',
                  hiddendangerStatus: null,
                  hiddendangerInfos: [],
                  hiddendangerSum: null,
                  majorHiddendangerNum: null
              }
            },
            resetEdit(){
                this.reportForm = {
                    id: null,
                    info: '',
                    completeRectifyTime: '',
                    rectifyPrice: null,
                    rectifyMeasure: '',
                    chargePerson: ''
                }
            },
            confirmBack(){
                this.dialogVisible = false
@@ -276,6 +320,9 @@
                    &.w-20{
                        width: 20%;
                    }
                    &.w-30{
                        width: 30%;
                    }
                    &.w-50{
                        width: 50%;
                    }
@@ -285,14 +332,13 @@
                    &.w-75{
                        width: 75%;
                    }
                    &.w-33{
                        width: 33.33%;
                    }
                    &.overText{
                        overflow: auto;
                        line-height: 1.5;
                        text-align: left;
                        padding: 10px;
                        &::-webkit-scrollbar { width: 0; height: 0; color: transparent }
                        &::scrollbar { width: 0; height: 0; color: transparent }
                    }
                }
            }

 src/views/selfCheck/index.vue

@@ -17,19 +17,21 @@
                <el-table-column label="自查期限（之前）" prop="enterpriseSelfCheckDeadline" align="center"></el-table-column>
                <el-table-column label="是否自查" prop="selfcheckStatus" width="130" align="center" sortable>
                    <template slot-scope="scope">
                        <span>{{ scope.row.selfcheckStatus == 0 ? '未自查' : '已自查' }}</span>
                        <span>{{ scope.row.selfcheckStatus == 1 ? '已自查' : '未自查' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="自查时间" prop="selfcheckTime" align="center"></el-table-column>
                <el-table-column label="是否隐患" prop="hiddendangerStatus" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.hiddendangerStatus == 0 ? '否' : '是' }}</span>
                        <span>{{ scope.row.hiddendangerStatus == null ? '' : (scope.row.hiddendangerStatus == 1 ?'是':'否') }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="整改情况" prop="rectifyStatus" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button v-if="scope.row.rectifyStatus == 1" type="text" @click="toRepair(scope.row)">去整改</el-button>
                        <span v-else>已完成</span>
                        <span v-if="scope.row.rectifyStatus==0">无需整改</span>
                        <el-button v-else-if="scope.row.rectifyStatus==1" type="text" @click="toRepair(scope.row)">去整改</el-button>
                        <span v-else-if="scope.row.rectifyStatus==2">已整改</span>
                        <span v-else>--</span>
                    </template>
                </el-table-column>
                <el-table-column label="详情" align="center" class-name="small-padding fixed-width">
@@ -65,7 +67,7 @@
    import { getToken } from '@/utils/auth'
    import selfReport from "./components/selfReport"
    import repair from "./components/repair"
    import checkDetails from "./components/repair"
    import checkDetails from "./components/checkDetails"
    import { getUnDoneCheckTask } from '@/api/selfCheck'

    export default {
@@ -114,18 +116,21 @@
                const t = this
                t.$refs.report.dialogVisible = true
                t.$refs.report.id = row.id
                t.$refs.report.getReportInfo()
            },

            toDetail(row){
                const t = this
                t.$refs.details.dialogVisible = true
                t.$refs.details.id = row.id
                t.$refs.details.getEnterpriseInfo()
            },

            toRepair(row){
                const t = this
                t.$refs.repair.dialogVisible = true
                t.$refs.repair.id = row.id
                t.$refs.repair.getSelfRectifyInfo()
            },

            async getUncheckList(){

 src/views/selfCheck/supervision.vue

文件名从 src/views/supervision/index.vue 修改
@@ -105,6 +105,7 @@
                t.$refs.details.dialogVisible = true
                t.$refs.details.id = row.id
                t.$refs.details.unitType = row.checkUnitType
                t.$refs.details.getEnterpriseInfo()
            },

            async getSpotCheckList(){

 src/views/specialCheck/components/areaEnterprises.vue

对比新文件
@@ -0,0 +1,99 @@
<template>
    <el-dialog
        :visible.sync="dialogVisible"
        append-to-body
        :close-on-click-modal="false"
        width="80%"
        center
    >
        <div class="table_cont">

            <el-table
                :key="tableKey"
                :data="checkList"
                border
                fit
                highlight-current-row
                style="width: 100%;"
            >

                <el-table-column type="index" label="序号" align="center" width="80"/>
                <el-table-column label="检查单位" prop="checkUnitName" align="center"></el-table-column>
                <el-table-column label="检查层级" prop="checkUnitType" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.checkUnitType ==1?'省级':(scope.row.checkUnitType ==2?'市级':(scope.row.checkUnitType ==3?'区县级':'自查')) }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="隐患总数" prop="hiddendangerSum" align="center"></el-table-column>
                <el-table-column label="重大隐患总数" prop="majorHiddendangerNum" align="center"></el-table-column>
                <el-table-column label="整改数量" prop="completedRectifyHiddendangerSum" width="130" align="center" sortable></el-table-column>
                <el-table-column label="重大隐患整改数量" prop="completedRectifyMajorHiddendangerNum" align="center"></el-table-column>
                <el-table-column label="是否外埠检查" align="center">否</el-table-column>
                <el-table-column label="检查时间" prop="checkTime" align="center"></el-table-column>
                <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="toCheck(scope.row.id)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" @click="dialogVisible = false">确认</el-button>
        </span>
        <check-details ref="report"></check-details>
    </el-dialog>
</template>

<script>
    import {computePageCount} from "@/utils";
    import { getSpotCheckRecord } from "@/api/specialCheck";
    import checkDetails from "../../selfCheck/components/checkDetails"

    export default {
        name: "areaEnterprises",
        components: {
            checkDetails
        },
        data(){
            return{
                tableKey: 0,
                enterpriseType: null,
                dialogVisible:false,
                checkList:[]
            }
        },
        created() {

        },
        watch: {
        },
        methods:{
            toCheck(id){
                const t = this
                t.$refs.report.id = id
                t.$refs.report.enterpriseType = t.enterpriseType
                t.$refs.report.getEnterpriseInfo()
                t.$refs.report.dialogVisible = true
            }
        },
    }
</script>

<style lang="scss" scoped>
    .input-with-select .el-select {
        width: 120px;
    }

    .el-date-editor.el-input{
        width: 100%;
    }

    .el-divider__text{
        background-color: #fafafa;
        color: #034EA2;
    }

    .table_cont{
        width: 100%;
    }
</style>

 src/views/specialCheck/components/areaForm.vue

对比新文件
@@ -0,0 +1,150 @@
<template>
    <div class="table">
        <div class="table_content">
<!--            <div></div>-->
            <el-table
                v-loading="listLoading"
                :key="tableKey"
                :data="checkData"
                border
                fit
                highlight-current-row
                style="width: 100%;"
            >

                <el-table-column type="index" label="序号" align="center" width="80"/>
                <el-table-column label="单位名称" prop="enterpriseName" align="center" width="180"></el-table-column>
                <el-table-column label="联系电话" prop="enterpriseOfficephone" align="center"></el-table-column>
                <el-table-column label="库存数量/万箱" prop="stockNum" align="center"></el-table-column>
                <el-table-column label="库容量/万箱" prop="storageCapacity" align="center"></el-table-column>
                <el-table-column label="是否查出隐患" prop="hiddendangerStatus" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.hiddendangerStatus == 1 ? '是' : '否' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="是否自查" prop="selfcheckStatus" align="center">
                    <template slot-scope="scope">
                        <span>{{ scope.row.selfcheckStatus == 1 ? '已自查' : '未自查' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="被检查次数" prop="checkedTimes" align="center"></el-table-column>
                <el-table-column label="隐患数量" prop="hiddendangerSum" align="center"></el-table-column>
                <el-table-column label="整改数量" prop="rectifyHiddendangerSum" align="center"></el-table-column>
                <el-table-column label="重大整改数量" prop="rectifyMajorHiddendangerNum" align="center"></el-table-column>
                <el-table-column fixed="right" label="操作" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="toEnterprises(scope.row.selfAndcheckInfos)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <el-pagination
                v-show="recordTotal>0"
                :current-page="currentPage"
                :page-sizes="[10, 15]"
                :page-size="pageSize"
                :total="recordTotal"
                layout="total, sizes, prev, pager, next, jumper"
                background
                style="float:right;margin:3px"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
            />
        </div>
        <area-enterprises ref="enterPrises"></area-enterprises>
    </div>
</template>

<script>
import {mapGetters} from "vuex";
import Cookies from "_js-cookie@2.2.0@js-cookie";
import {paramList} from "../../../api/contract";
import {computePageCount} from "../../../utils";
import {parseError} from "../../../utils/messageDialog";
import { getCheckUnitType, getEnterpriseCompleteInfoList, getDataStatistics, getSpecialCheckTask } from "@/api/specialCheck"
import AreaEnterprises from "./areaEnterprises";

export default {
name: "areaForm",
    components: {AreaEnterprises},
    data(){
        return{
            recordTotal: 0,
            pageSize: 10,
            currentPage: 1,
            unitType: null,
            taskId: null,
            enterpriseType: null,
            enterpriseCity: '',
            enterpriseArea: '',
            listLoading: false,
            tableKey: 0,
            checkData: []
        }
    },
    created() {
        const t = this
        t.getCheckUnitType()
        if(t.taskId){t.getAreaStatistics()}
    },
    computed: {
        ...mapGetters([
            'userType',
            'name'
        ])
    },
    methods:{
        async getCheckUnitType(){
            const t = this
            t.listLoading = true
            let res = await getCheckUnitType()
            if(res.data.code === "200"){
                t.unitType = res.data.result.checkUnitType
            }else{
                t.$message({
                    type:'warning',
                    message:res.data.message
                })
            }
            t.listLoading = false
        },
        async getAreaStatistics(){
            const t = this
            const data = {id: t.taskId,enterpriseType: t.enterpriseType,enterpriseCity: t.enterpriseCity,enterpriseArea: t.enterpriseArea,pageIndex: t.currentPage,pageSize: t.pageSize}
            const res = await getDataStatistics(data)
            if(res.data.code === "200"){
                t.checkData = res.data.result.records
                t.recordTotal = res.data.result.total
            }else{
                t.$message({
                    type:'warning',
                    message:res.data.message
                })
            }
        },

        handleSizeChange: function (val) {
            this.pageSize = val
            this.currentPage = 1
            this.getAreaStatistics()
        },
        handleCurrentChange: function (val) {
            this.currentPage = val
            this.getAreaStatistics()
        },

        toEnterprises(infos){
            this.$refs.enterPrises.checkList = infos
            this.$refs.enterPrises.enterpriseType = this.enterpriseType
            this.$refs.enterPrises.dialogVisible = true
        }
    }
}
</script>

<style lang="scss" scoped>
    .table{
        width: 100%;
        height: 100%;
    }
</style>

 src/views/specialCheck/components/checkEnterprises.vue

对比新文件
@@ -0,0 +1,143 @@
<template>
    <el-dialog
        :visible.sync="dialogVisible"
        append-to-body
        :close-on-click-modal="false"
        width="80%"
        center
    >
        <div class="table_cont">

            <el-table
                v-loading="listLoading"
                :key="tableKey"
                :data="checkList"
                border
                fit
                highlight-current-row
                style="width: 100%;"
            >

                <el-table-column type="index" label="序号" align="center" width="80"/>
                <el-table-column label="被检查企业" prop="enterpriseName" align="center" width="180"></el-table-column>
                <el-table-column label="检查单位" prop="checkName" align="center"></el-table-column>
                <el-table-column label="隐患总数" prop="hiddendangerSum" align="center"></el-table-column>
                <el-table-column label="重大隐患总数" prop="majorHiddendangerNum" align="center"></el-table-column>
                <el-table-column label="整改数量" prop="completedRectifyHiddendangerSum" width="130" align="center" sortable></el-table-column>
                <el-table-column label="重大隐患整改数量" prop="completedRectifyMajorHiddendangerNum" align="center"></el-table-column>
                <el-table-column label="是否外埠检查" align="center">否</el-table-column>
                <el-table-column label="检查时间" prop="checkTime" align="center"></el-table-column>
                <el-table-column label="操作" align="center" fixed="right" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="toCheck(scope.row.id)">查看</el-button>
                    </template>
                </el-table-column>
            </el-table>

            <el-pagination
                v-show="recordTotal>0"
                :current-page="pageIndex"
                :page-sizes="[10, 20, 30, 50]"
                :page-size="pageSize"
                :total="recordTotal"
                layout="total, sizes, prev, pager, next, jumper"
                background
                style="float:right;margin:3px"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
            />
        </div>
        <span slot="footer" class="dialog-footer">
          <el-button type="primary" @click="dialogVisible = false">确认</el-button>
        </span>
        <check-details ref="report"></check-details>
    </el-dialog>
</template>

<script>
    import {computePageCount} from "@/utils";
    import { getSpotCheckRecord } from "@/api/specialCheck";
    import checkDetails from "../../selfCheck/components/checkDetails"

    export default {
        name: "checkEnterprises",
        components: {
            checkDetails
        },
        data(){
            return{
                taskId: null,
                enterpriseType: null,
                enterpriseCity: '',
                enterpriseArea: '',
                listLoading: false,
                recordTotal: 0,
                pageSize: 10,
                pageIndex: 1,
                tableKey: 0,
                dialogVisible:false,
                checkList:[]
            }
        },
        created() {
            // this.getEnterprises()
        },
        watch: {
        },
        methods:{
            handleSizeChange: function (val) {
                this.pageSize = val
                this.pageIndex = 1
                this.getEnterprises()
            },
            handleCurrentChange: function (val) {
                this.pageIndex = val
                this.getEnterprises()
            },

            async getEnterprises(){
                const t = this
                t.listLoading = true
                const data = {taskId: t.taskId,enterpriseType:t.enterpriseType,enterpriseCity:t.enterpriseCity,enterpriseArea:t.enterpriseArea,pageIndex:t.pageIndex,pageSize:t.pageSize}
                let res = await getSpotCheckRecord(data)
                if(res.data.code === "200"){
                    t.checkList = res.data.result.records
                    t.recordTotal = res.data.result.total
                }else{
                    t.$message({
                        type:'warning',
                        message:res.data.message
                    })
                }
                t.listLoading = false
            },

            toCheck(id){
                const t = this
                t.$refs.report.id = id
                t.$refs.report.enterpriseType = t.enterpriseType
                t.$refs.report.getEnterpriseInfo()
                t.$refs.report.dialogVisible = true
            }
        },
    }
</script>

<style lang="scss" scoped>
    .input-with-select .el-select {
        width: 120px;
    }

    .el-date-editor.el-input{
        width: 100%;
    }

    .el-divider__text{
        background-color: #fafafa;
        color: #034EA2;
    }

    .table_cont{
        width: 100%;
    }
</style>

 src/views/specialCheck/components/feedbackDetails.vue

@@ -5,10 +5,11 @@
        :close-on-click-modal="false"
        width="75%"
        center
        @close="resetForm()"
    >
         <div slot="title" class="dialog-title">
            <span></span>
            <div class="">烟花爆竹批发企业检查情况反馈表</div>
            <div class="">烟花爆竹{{enterpriseType==1?'批发':'零售'}}企业检查情况反馈表</div>
            <span>
                <el-button type="primary" @click="openSelfCheck()">查看企业自查表</el-button>
            </span>
@@ -473,6 +474,7 @@
            return{
                id: null,
                unitType: null,
                enterpriseType: null,
                dialogVisible:false,
                editDialog: false,
                activeTab: '1',
@@ -521,6 +523,10 @@
                }
            }
        },
        created() {
            const t = this
            console.log(t.unitType,t.checkData,'data')
        },
        watch: {
        },
        methods:{
@@ -530,6 +536,7 @@
            openSelfCheck(){
                const t = this
                t.$refs.report.id = t.id
                t.$refs.report.enterpriseType = t.enterpriseType
                t.$refs.report.getEnterpriseInfo()
                t.$refs.report.dialogVisible = true
            },
@@ -759,7 +766,25 @@
                        console.log('error submit!!');
                        return false;
                    }
                });
                })
            },
            resetForm(){
                this.feedbackForm = {
                    id: null,
                    checkTime: '',
                    hiddendangerStatus: null,
                    hiddendangerInfos: [
                        {
                            spotCheckHiddendanger: '',
                            hiddendangerLevel: null
                        }
                    ],
                    amerceStatus: null,
                    amerceMoney: null,
                    stopProductionStatus: null,
                    revokeLicenseStatus: null,
                    detainLicenseStatus: null
                }
            },
            resetEdit(){
                this.editForm = {

 src/views/specialCheck/components/reportDetails.vue

文件已删除

 src/views/specialCheck/components/sendWork.vue

@@ -6,8 +6,9 @@
        :close-on-click-modal="false"
        width="60%"
        center
        @close="resetForm('workForm')"
    >
        <el-form :model="workForm" :rules="rules" ref="ruleForm" label-width="80px">
        <el-form :model="workForm" :rules="rules" ref="workForm" label-width="80px">
            <el-form-item label="专项检查任务名称：" label-width="180px" prop="taskName">
                <el-input type="textarea" v-model="workForm.taskName"></el-input>
            </el-form-item>
@@ -162,8 +163,8 @@
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
          <el-button @click="resetForm('ruleForm')">重置</el-button>
          <el-button type="primary" @click="confirmSend('ruleForm')">确认下发</el-button>
          <el-button @click="resetForm('workForm')">重置</el-button>
          <el-button type="primary" @click="confirmSend('workForm')">确认下发</el-button>
        </span>
    </el-dialog>
</template>
@@ -217,13 +218,19 @@
        methods:{
            confirmSend(formName){
                const t = this
                t.$refs[formName].validate(async (valid) => {
                console.log(t.workForm,'66666666666')
                t.$refs[formName].validate((valid) => {
                    if (valid) {
                        this.$confirm('此操作将把任务下发给所有单位, 是否继续?', '提示', {
                            confirmButtonText: '确定',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(async () => {
                        let res = await sendCheckTask(t.workForm)
                        if(res.data.code === "200"){
                            t.$message({
                                type:'success',
                                message:res.data.message
                                    message: '任务下发成功'
                            })
                        }else{
                            t.$message({
@@ -232,7 +239,13 @@
                            })
                        }
                        t.dialogVisible = false
                        t.resetForm(formName)
                            t.$parent.getSpecialCheckTask();
                        }).catch(() => {
                            this.$message({
                                type: 'info',
                                message: '已取消下发'
                            });
                        });
                    } else {
                        return false;
                    }

 src/views/specialCheck/components/sumSheet.vue

@@ -1,13 +1,23 @@
<template>
    <div class="table">
        <div class="table_content">
            <el-tabs type="border-card" v-model="activeTab" @tab-click="switchSheet">
                <el-tab-pane label="批发" name="1" style="display: flex;flex-direction: column;align-items: flex-start">
                    <h2 style="text-align: center">2023年上半年烟花爆竹生产经营安全检查批发环节信息报送汇总表（省级层面）</h2>
                    <table class="data-table">
            <div style="display: flex;justify-content: center">
            <el-radio-group v-model="activeTab" @input="switchSheet()">
                <el-radio-button :label="1">批发</el-radio-button>
                <el-radio-button :label="2">零售</el-radio-button>
            </el-radio-group>
            </div>
            <div style="display: flex;justify-content: space-between;align-items: center;margin: 10px 0 20px;height: 40px">
                <div style="width: 140px"></div>
                <h2 style="text-align: center;margin: 0">{{taskName}}{{ activeTab==1?'批发':'零售' }}环节信息报送汇总表（{{sheetStatus==1?'省级层面':(sheetStatus==2?'市级层面':'区县级')}}）</h2>
                <el-button icon="el-icon-download" v-if="sheetStatus==1||sheetStatus==2" style="width: 140px" size="medium" type="primary" @click="exportSheet()" id="export">导出汇总表</el-button>
                <div v-else style="width: 140px"></div>
            </div>
            <div class="tabpanel">
                <table v-show="sheetStatus==1||sheetStatus==2" class="data-table" id="tableExcel">
                        <tr>
                            <th rowspan="3">序号</th>
                            <th rowspan="3">地市</th>
                        <th rowspan="3">{{sheetStatus==1?'地市':'区县'}}</th>
                            <th colspan="2">企业基本情况</th>
                            <th colspan="11">企业自查及整改</th>
                            <th colspan="9">检查及整改情况</th>
@@ -54,7 +64,7 @@
                            <td>{{sum.selfCheckEnterpriseNum}}</td>
                            <td>{{sum.selfCheckRateRequire + '%'}}</td>
                            <td :class="(sum.selfCheckEnterpriseNum / sum.validEnterpriseNum) * 100<sum.selfCheckRateRequire?'warning':''">
                                {{(sum.selfCheckEnterpriseNum / sum.validEnterpriseNum) * 100 + '%'}}
                            {{sum.validEnterpriseNum==0?'--':(sum.selfCheckEnterpriseNum / sum.validEnterpriseNum).toFixed(2) * 100 + '%'}}
                            </td>
                            <td>{{sum.validSelfCheckEnterpriseNum}}</td>
                            <td>{{sum.stockNum}}</td>
@@ -63,25 +73,27 @@
                            <td>{{sum.selfmajorHiddendangerNum}}</td>
                            <td>{{sum.selfcompletedRectifyHiddendangerSum}}</td>
                            <td>{{sum.selfcompletedRectifyMajorHiddendangerNum}}</td>
                            <td>{{(sum.selfcompletedRectifyHiddendangerSum / sum.selfhiddendangerSum) * 100 + '%'}}</td>
                        <td>{{sum.selfhiddendangerSum==0?'--':(sum.selfcompletedRectifyHiddendangerSum / sum.selfhiddendangerSum).toFixed(2) * 100 + '%'}}</td>
                            <td>--</td>
                            <td>{{sum.spotCheckEnterpriseNum}}</td>
                            <td>{{sum.spotCheckRateRequire + '%'}}</td>
                            <td :class="(sum.spotCheckEnterpriseNum / sum.validEnterpriseNum) * 100<sum.spotCheckRateRequire?'warning':''">
                                {{(sum.spotCheckEnterpriseNum / sum.validEnterpriseNum) * 100 + '%'}}
                            {{(sum.spotCheckEnterpriseNum / sum.validEnterpriseNum).toFixed(2) * 100 + '%'}}
                            </td>
                            <td>{{sum.spotCheckHiddendangerSum}}</td>
                            <td>{{sum.spotCheckMajorHiddendangerNum}}</td>
                            <td>{{sum.spotCheckCompletedRectifyHiddendangerSum}}</td>
                            <td>{{sum.spotCheckCompletedRectifyMajorHiddendangerNum}}</td>
                            <td>{{(sum.spotCheckCompletedRectifyHiddendangerSum / sum.spotCheckHiddendangerSum) * 100 + '%'}}</td>
                        <td>
                            {{sum.spotCheckHiddendangerSum == 0?'--':(sum.spotCheckCompletedRectifyHiddendangerSum / sum.spotCheckHiddendangerSum).toFixed(2) * 100 + '%'}}
                        </td>
                            <td>{{sum.revokeLicenseEnterpriseSum}}</td>
                            <td>{{sum.detainLicenseSum}}</td>
                            <td>{{sum.amerceEnterpriseNum}}</td>
                            <td>{{sum.amerceMoneySum}}</td>
                        </tr>
                        <tr>
                            <td colspan="2">{{ unitType==1?'省本级':(unitType==2?'市本级':'县本级') }}</td>
                        <td colspan="2">{{ sheetStatus==1?'省本级':'市本级' }}</td>
                            <td>{{thisLevelStatistic.enterpriseSum?thisLevelStatistic.enterpriseSum: '--'}}</td>
                            <td>{{thisLevelStatistic.validEnterpriseNum?thisLevelStatistic.validEnterpriseNum: '--'}}</td>
                            <td>{{thisLevelStatistic.selfCheckEnterpriseNum?thisLevelStatistic.selfCheckEnterpriseNum: '--'}}</td>
@@ -95,15 +107,21 @@
                            <td>{{thisLevelStatistic.completedRectifyHiddendangerSum?thisLevelStatistic.completedRectifyHiddendangerSum:'--'}}</td>
                            <td>{{thisLevelStatistic.completedRectifyMajorHiddendangerNum?thisLevelStatistic.completedRectifyMajorHiddendangerNum:'--'}}</td>
                            <td>{{thisLevelStatistic.hiddendangerRectifyRate?thisLevelStatistic.hiddendangerRectifyRate:'--'}}</td>
                            <td>省级</td>
                        <td>{{sheetStatus==1?'省级':'市级'}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckEnterpriseNum}}</td>
                            <td>{{typeof thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire=="string"?thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire:thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire + '%'}}</td>
                            <td>{{typeof thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate=="string"?thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate:thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate + '%'}}</td>
                        <td>
                            {{typeof thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire=="string"?thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire:thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckRateRequire + '%'}}
                        </td>
                        <td>
                            {{typeof thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate=="string"?thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate:thisLevelStatistic.thisLevelSpotCheckinfo.spotCheckCompleteRate + '%'}}
                        </td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckHiddendangerSum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'}}</td>
                        <td>
                            {{thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate==null?'--':thisLevelStatistic.thisLevelSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'}}
                        </td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckinfo.revokeLicenseEnterpriseSum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckinfo.detainLicenseSum}}</td>
                            <td>{{thisLevelStatistic.thisLevelSpotCheckinfo.amerceEnterpriseNum}}</td>
@@ -111,45 +129,55 @@
                        </tr>
                        <template v-for="(item,index) in institutionalData">
                        <tr>
                            <td rowspan="2">{{ index + 1}}</td>
                            <td rowspan="2" @click="toDownSide()">{{item.enterpriseProvince?item.enterpriseProvince:'' + item.enterpriseCity?item.enterpriseCity:'' + item.enterpriseArea?item.enterpriseArea:''}}</td>
                            <td rowspan="2">{{item.enterpriseSum}}</td>
                            <td rowspan="2">{{item.validEnterpriseNum}}</td>
                            <td rowspan="2">{{item.selfCheckEnterpriseNum}}</td>
                            <td rowspan="2">{{item.selfCheckRateRequire + '%'}}</td>
                            <td rowspan="2" :class="item.selfCheckCompleteRate<item.selfCheckRateRequire?'warning':''">{{item.selfCheckCompleteRate + '%'}}</td>
                            <td rowspan="2">{{ item.validSelfCheckEnterpriseNum }}</td>
                            <td rowspan="2">{{ item.stockNum }}</td>
                            <td rowspan="2">{{ item.storageCapacity }}</td>
                            <td rowspan="2">{{ item.hiddendangerSum }}</td>
                            <td rowspan="2">{{ item.majorHiddendangerNum }}</td>
                            <td rowspan="2">{{ item.completedRectifyHiddendangerSum }}</td>
                            <td rowspan="2">{{ item.completedRectifyMajorHiddendangerNum }}</td>
                            <td rowspan="2">{{ item.hiddendangerRectifyRate }}</td>
                            <td>设区市级</td>
                            <td>{{item.citySpotCheckinfo.spotCheckEnterpriseNum}}</td>
                            <td>{{item.citySpotCheckinfo.spotCheckRateRequire + '%'}}</td>
                            <td :class="item.citySpotCheckinfo.spotCheckCompleteRate<item.citySpotCheckinfo.spotCheckRateRequire?'warning':''">{{item.citySpotCheckinfo.spotCheckCompleteRate + '%'}}</td>
                            <td>{{item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerSum}}</td>
                            <td>{{item.citySpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}}</td>
                            <td>{{item.citySpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum}}</td>
                            <td>{{item.citySpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum}}</td>
                            <td>{{item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'}}</td>
                            <td>{{item.citySpotCheckinfo.revokeLicenseEnterpriseSum}}</td>
                            <td>{{item.citySpotCheckinfo.detainLicenseSum}}</td>
                            <td>{{item.citySpotCheckinfo.amerceEnterpriseNum}}</td>
                            <td>{{item.citySpotCheckinfo.amerceMoneySum}}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ index + 1}}</td>
                        <td :rowspan="sheetStatus==1?2:1" class="point-item" @click="toDig(item.enterpriseCity,item.enterpriseArea)">
                            {{sheetStatus==1?item.enterpriseCity:item.enterpriseArea }}
                        </td>
                        <td :rowspan="sheetStatus==1?2:1">{{item.enterpriseSum}}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{item.validEnterpriseNum}}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{item.selfCheckEnterpriseNum}}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{item.selfCheckRateRequire + '%'}}</td>
                        <td :rowspan="sheetStatus==1?2:1" :class="item.selfCheckCompleteRate<item.selfCheckRateRequire?'warning':''">
                            {{item.selfCheckCompleteRate + '%'}}
                        </td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.validSelfCheckEnterpriseNum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.stockNum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.storageCapacity }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.hiddendangerSum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.majorHiddendangerNum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.completedRectifyHiddendangerSum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.completedRectifyMajorHiddendangerNum }}</td>
                        <td :rowspan="sheetStatus==1?2:1">{{ item.hiddendangerRectifyRate==null?'--':item.hiddendangerRectifyRate + '%' }}</td>
                        <td>{{ sheetStatus==1?'设立区级':'县级' }}</td>
                        <td class="point-item" @click="checkEnterprise(item.enterpriseCity,item.enterpriseArea)">{{sheetStatus==1?item.citySpotCheckinfo.spotCheckEnterpriseNum:item.areaSpotCheckinfo.spotCheckEnterpriseNum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckinfo.spotCheckRateRequire + '%':item.areaSpotCheckinfo.spotCheckRateRequire + '%'}}</td>
                        <td v-if="sheetStatus==1" :class="item.citySpotCheckinfo.spotCheckCompleteRate<item.citySpotCheckinfo.spotCheckRateRequire?'warning':''">
                            {{item.citySpotCheckinfo.spotCheckCompleteRate + '%'}}
                        </td>
                        <td v-else :class="item.areaSpotCheckinfo.spotCheckCompleteRate<item.areaSpotCheckinfo.spotCheckRateRequire?'warning':''">
                            {{item.areaSpotCheckinfo.spotCheckCompleteRate + '%'}}
                        </td>
                        <td>{{sheetStatus==1?item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerSum:item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerSum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum:item.areaSpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum:item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum:item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum}}</td>
                        <td>
                            {{sheetStatus==1?(item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate==null?'--':item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'):(item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate==null?'--':item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%')}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckinfo.revokeLicenseEnterpriseSum:item.areaSpotCheckinfo.revokeLicenseEnterpriseSum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckinfo.detainLicenseSum:item.areaSpotCheckinfo.detainLicenseSum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckinfo.amerceEnterpriseNum:item.areaSpotCheckinfo.amerceEnterpriseNum}}</td>
                        <td>{{sheetStatus==1?item.citySpotCheckinfo.amerceMoneySum:item.areaSpotCheckinfo.amerceMoneySum}}</td>
                        </tr>
                        <tr>
                    <tr v-if="sheetStatus==1">
                            <td>县级</td>
                            <td>{{item.areaSpotCheckinfo.spotCheckEnterpriseNum}}</td>
                        <td class="point-item" @click="checkEnterprise(item.enterpriseCity,'all')">{{item.areaSpotCheckinfo.spotCheckEnterpriseNum}}</td>
                            <td>{{item.areaSpotCheckinfo.spotCheckRateRequire + '%'}}</td>
                            <td :class="item.areaSpotCheckinfo.spotCheckCompleteRate<item.areaSpotCheckinfo.spotCheckRateRequire?'warning':''">{{item.areaSpotCheckinfo.spotCheckCompleteRate + '%'}}</td>
                            <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerSum}}</td>
                            <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}}</td>
                            <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum}}</td>
                            <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum}}</td>
                            <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'}}</td>
                        <td>{{item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate==null?'--':item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerRectifyRate + '%'}}</td>
                            <td>{{item.areaSpotCheckinfo.revokeLicenseEnterpriseSum}}</td>
                            <td>{{item.areaSpotCheckinfo.detainLicenseSum}}</td>
                            <td>{{item.areaSpotCheckinfo.amerceEnterpriseNum}}</td>
@@ -157,12 +185,10 @@
                        </tr>
                        </template>
                    </table>
                </el-tab-pane>
                <el-tab-pane label="零售" name="2">
                    <h2 style="text-align: center">2023年上半年烟花爆竹生产经营安全检查零售环节信息报送汇总表（省级层面）</h2>
                </el-tab-pane>
            </el-tabs>
                <area-form v-show="sheetStatus==3" ref="areaSheet"></area-form>
        </div>
        </div>
        <check-enterprises ref="enterprises"></check-enterprises>
    </div>
</template>

@@ -173,21 +199,28 @@
import {computePageCount} from "../../../utils";
import {parseError} from "../../../utils/messageDialog";
import { getCheckUnitType,getDataStatistics, getSpecialCheckTask } from "@/api/specialCheck"
import areaForm from "./areaForm"
import checkEnterprises from "./checkEnterprises"

export default {
name: "sumSheet",
    components: {},
    components: {
        areaForm,
        checkEnterprises
    },
    data(){
        return{
            taskId: null,
            taskName: '',
            unitType: null,
            sheetStatus: 1,
            recordTotal: 0,
            pageSize: 10,
            currentPage: 1,
            listLoading: false,
            activeTab: '1',
            enterpriseCity: null,
            enterpriseArea: null,
            activeTab: 1,
            enterpriseCity: '',
            enterpriseArea: '',
            sum:{
                enterpriseSum: null,
                validEnterpriseNum: null,
@@ -220,9 +253,8 @@
    },
    created() {
        const t = this
        if(t.taskId){t.getDataStatistics()}
        else{t.getCheckTask()}
        t.getCheckUnitType()
        if(t.taskId){t.getDataStatistics()}
    },
    computed: {
        ...mapGetters([
@@ -237,6 +269,7 @@
            let res = await getCheckUnitType()
            if(res.data.code === "200"){
                t.unitType = res.data.result.checkUnitType
                t.sheetStatus = res.data.result.checkUnitType
            }else{
                t.$message({
                    type:'warning',
@@ -245,25 +278,12 @@
            }
            t.listLoading = false
        },
        async getCheckTask(){
            const t = this
            const res = await getSpecialCheckTask()
            if(res.data.code === "200"){
                t.taskId = res.data.result.specialCheckTaskSimplifyInfos[0].id
                t.getDataStatistics()
            }else{
                t.$message({
                    type:'warning',
                    message:res.data.message
                })
            }
        },
        getSum(arr){
            return arr.reduce((prev,curr)=>prev+curr)
        },
        async getDataStatistics(){
            const t = this
            const data = {id: t.taskId,enterpriseType: Number(t.activeTab),enterpriseCity: t.enterpriseCity,enterpriseArea: t.enterpriseArea,pageIndex: t.currentPage,pageSize: t.pageSize}
            const data = {id: t.taskId,enterpriseType: t.activeTab,enterpriseCity: t.enterpriseCity,enterpriseArea: t.enterpriseArea,pageIndex: t.currentPage,pageSize: t.pageSize}
            const res = await getDataStatistics(data)
            if(res.data.code === "200"){
                t.thisLevelStatistic = res.data.result.thisLevelInstitutionalDataInfo
@@ -272,13 +292,13 @@
                t.sum.validEnterpriseNum = t.getSum(Array.from(t.institutionalData, ({ validEnterpriseNum }) => validEnterpriseNum))
                t.sum.selfCheckEnterpriseNum = t.getSum(Array.from(t.institutionalData, ({ selfCheckEnterpriseNum }) => selfCheckEnterpriseNum))
                t.sum.validSelfCheckEnterpriseNum = t.getSum(Array.from(t.institutionalData, ({ validSelfCheckEnterpriseNum }) => validSelfCheckEnterpriseNum))
                t.sum.stockNum = t.getSum(Array.from(t.institutionalData, ({ stockNum }) => stockNum))
                console.log(Array.from(t.institutionalData, ({ stockNum }) => stockNum),'666666666666')
                t.sum.storageCapacity = t.getSum(Array.from(t.institutionalData, ({ storageCapacity }) => storageCapacity))
                t.sum.stockNum = t.getSum(Array.from(t.institutionalData, ({ stockNum }) => stockNum)).toFixed(2)
                t.sum.storageCapacity = t.getSum(Array.from(t.institutionalData, ({ storageCapacity }) => storageCapacity)).toFixed(2)
                t.sum.selfhiddendangerSum = t.getSum(Array.from(t.institutionalData, ({ hiddendangerSum }) => hiddendangerSum))
                t.sum.selfmajorHiddendangerNum = t.getSum(Array.from(t.institutionalData, ({ majorHiddendangerNum }) => majorHiddendangerNum))
                t.sum.selfcompletedRectifyHiddendangerSum = t.getSum(Array.from(t.institutionalData, ({ completedRectifyHiddendangerSum }) => completedRectifyHiddendangerSum))
                t.sum.selfcompletedRectifyMajorHiddendangerNum = t.getSum(Array.from(t.institutionalData, ({ completedRectifyMajorHiddendangerNum }) => completedRectifyMajorHiddendangerNum))
                if(t.sheetStatus == 1){
                t.sum.spotCheckEnterpriseNum = t.getSum(t.institutionalData.map(item=>{return item.citySpotCheckinfo.spotCheckEnterpriseNum}))
                t.sum.spotCheckHiddendangerSum = t.getSum(t.institutionalData.map(item=>{return item.citySpotCheckHiddendangerinfo.spotCheckHiddendangerSum}))
                t.sum.spotCheckMajorHiddendangerNum = t.getSum(t.institutionalData.map(item=>{return item.citySpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}))
@@ -289,24 +309,90 @@
                t.sum.amerceEnterpriseNum = t.getSum(t.institutionalData.map(item=>{return item.citySpotCheckinfo.amerceEnterpriseNum}))
                t.sum.amerceMoneySum = t.getSum(t.institutionalData.map(item=>{return item.citySpotCheckinfo.amerceMoneySum}))
            }else{
                    t.sum.spotCheckEnterpriseNum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckinfo.spotCheckEnterpriseNum}))
                    t.sum.spotCheckHiddendangerSum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckHiddendangerinfo.spotCheckHiddendangerSum}))
                    t.sum.spotCheckMajorHiddendangerNum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckHiddendangerinfo.spotCheckMajorHiddendangerNum}))
                    t.sum.spotCheckCompletedRectifyHiddendangerSum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyHiddendangerSum}))
                    t.sum.spotCheckCompletedRectifyMajorHiddendangerNum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckHiddendangerinfo.spotCheckCompletedRectifyMajorHiddendangerNum}))
                    t.sum.revokeLicenseEnterpriseSum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckinfo.revokeLicenseEnterpriseSum}))
                    t.sum.detainLicenseSum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckinfo.detainLicenseSum}))
                    t.sum.amerceEnterpriseNum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckinfo.amerceEnterpriseNum}))
                    t.sum.amerceMoneySum = t.getSum(t.institutionalData.map(item=>{return item.areaSpotCheckinfo.amerceMoneySum}))
                }
            }else{
                t.$message({
                    type:'warning',
                    message:res.data.message
                })
            }
        },
        switchSheet(tab, event) {
        switchSheet() {
            const t = this
            console.log(t.sheetStatus,'status')
            if(t.sheetStatus == 1 || t.sheetStatus == 2){
            t.getDataStatistics()
            }else{
                t.$refs.areaSheet.enterpriseType = t.activeTab
                t.$refs.areaSheet.getAreaStatistics()
            }
        },

        checkEnterprise(city,area){
            const t = this
            t.$refs.enterprises.taskId = t.taskId
            t.$refs.enterprises.enterpriseType = t.activeTab
            t.$refs.enterprises.enterpriseArea = area
            if(t.sheetStatus == 1){
                t.$refs.enterprises.enterpriseCity = city
            }else{
                t.$refs.enterprises.enterpriseCity = null
            }
            t.$refs.enterprises.dialogVisible = true
            t.$refs.enterprises.getEnterprises()
        },

        toDig(city,area){
            const t = this
            if(t.sheetStatus==1){
                t.enterpriseCity = city
                t.getDataStatistics()
                t.sheetStatus = 2
            }else{
                t.sheetStatus = 3
                t.$refs.areaSheet.taskId = t.taskId
                t.$refs.areaSheet.enterpriseType = t.activeTab
                t.enterpriseArea = area
                t.$refs.areaSheet.enterpriseArea = area
                t.$refs.areaSheet.getAreaStatistics()
            }
        },
        tableToExcel(tableid,btnname,sheetname) {
            var uri = 'data:application/vnd.ms-excel;base64,'
                , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
                , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
                , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
            //根据ID获取table表格HTML
            var table = document.getElementById(tableid);
            var ctx = { worksheet: 'Worksheet', table: table.innerHTML };
            var alink = document.createElement("a");
            alink.href = uri + base64(format(template, ctx));
            alink.download = sheetname + '）.xls';
            alink.click();
        },
        exportSheet(){
            const t = this
            const sheetName = t.taskName + (t.activeTab==1 ?'批发':'零售') + '环节信息报送汇总表（' + (t.sheetStatus==1?'省级层面':(t.sheetStatus==2?'市级层面':'区县级'))
            t.tableToExcel("tableExcel", "export",sheetName);
        }
    }
}
</script>

<style lang="scss" scoped>
::v-deep.el-tabs--border-card .el-tabs__content{
    height: calc(100vh - 200px);
    overflow: scroll !important;
.tabpanel{
    width: 100%;
    height: calc(100vh - 240px);
    overflow: auto;
}
.data-table{
    border-collapse: collapse;
@@ -349,6 +435,14 @@
                border-right: none;
            }
        }
        .point-item{
            cursor: pointer;

            &:hover{
                text-decoration: underline;
                color: #409EFF;
            }
        }
        .warning{
            color: red;
        }

 src/views/specialCheck/components/wholesaleForm.vue

@@ -2,8 +2,8 @@
    <div class="table">
        <div class="filter-container">
            <div class="table-tit">
                <h2 v-show="enterpriseType == 1">2023年上半年烟花爆竹生产经营安全检查(批发)</h2>
                <h2 v-show="enterpriseType == 2">2023年上半年烟花爆竹生产经营安全检查(零售)</h2>
                <h2 v-show="enterpriseType == 1">{{taskName}}(批发)</h2>
                <h2 v-show="enterpriseType == 2">{{taskName}}(零售)</h2>
                <span>（检查一家反馈一家，没有检查出隐患问题的也要登记反馈）</span>
            </div>
            <div class="control-bar">
@@ -129,6 +129,7 @@
            currentPage: 1,
            unitType: null,
            taskId: null,
            taskName: '',
            enterpriseType: null,
            selfcheckStatus: null,
            thislevelCheckStatus: null,
@@ -156,11 +157,7 @@
    created() {
        const t = this
        t.getCheckUnitType()
        if(t.taskId && t.enterpriseType){
            t.getEnterpriseCompleteInfoList()
        }else{
            t.getCheckTask()
        }
    },
    computed: {
        ...mapGetters([
@@ -188,6 +185,7 @@
            const res = await getSpecialCheckTask()
            if(res.data.code === "200"){
                t.taskId = res.data.result.specialCheckTaskSimplifyInfos[0].id
                t.taskName = res.data.result.specialCheckTaskSimplifyInfos[0].taskName
                t.enterpriseType = 1
                t.getEnterpriseCompleteInfoList()
            }else{
@@ -273,6 +271,7 @@
            const t = this
            t.$refs.report.id = row.id
            t.$refs.report.getEnterpriseInfo()
            t.$refs.report.enterpriseType = t.enterpriseType
            t.$refs.report.dialogVisible = true
        },

@@ -283,7 +282,9 @@
            t.$refs.feedback.feedbackForm.id = row.id
            t.$refs.feedback.getSpotCheckReportInfo()
            t.$refs.feedback.unitType = t.unitType
            t.$refs.feedback.enterpriseType = t.enterpriseType
            t.$refs.feedback.dialogVisible = true
            t.$refs.feedback.getSpotCheckReportInfo()
        }
    }
}

 src/views/specialCheck/index.vue

@@ -3,27 +3,21 @@
        <div class="menu-area">
            <el-button v-if="unitType==1" class="add-btn" type="primary" icon="el-icon-plus" @click="sendJob()">新任务下发</el-button>
            <el-menu
                default-active="1"
                default-active="0-1"
                class="el-menu-vertical-demo"
                background-color="#eeeeee"
                background-color="#eee"
                text-color="#333"
                unique-opened
                active-text-color="#034EA2"
                @select="menuSelect">
                <el-submenu v-for="(item,i) in taskMenu" :key="i" :index="item.id + ''">
                <el-submenu v-for="(item,i) in taskMenu" :key="i" :index="item.id + '-' + item.taskName">
                    <template slot="title">
                        <i class="el-icon-s-order"></i>
                        <span>{{item.taskName}}</span>
                    </template>
                    <el-menu-item index="1">
                        <span slot="title">安全检查反馈情况（批发）</span>
                    </el-menu-item>
                    <el-menu-item index="2">
                        <span slot="title">安全检查反馈情况（零售）</span>
                    </el-menu-item>
                    <el-menu-item index="3" v-if="unitType==1||unitType==2">
                        <span slot="title">安全检查情况汇总</span>
                    </el-menu-item>
                    <el-menu-item :index="i + '-' + 1">安全检查反馈情况（批发）</el-menu-item>
                    <el-menu-item :index="i + '-' + 2">安全检查反馈情况（零售）</el-menu-item>
                    <el-menu-item :index="i + '-' + 3" v-if="unitType==1||unitType==2">安全检查情况汇总</el-menu-item>
                </el-submenu>
            </el-menu>
        </div>
@@ -56,9 +50,10 @@
        data() {
            return {
                curTab: 1,
                unitType: 1,
                unitType: null,
                taskMenu: [],
                taskId: null
                taskId: null,
                openeds:[]
            }
        },
        created() {
@@ -96,9 +91,11 @@
                const res = await getSpecialCheckTask()
                if(res.data.code === "200"){
                    t.taskMenu = res.data.result.specialCheckTaskSimplifyInfos
                    t.$refs.wholesale.taskId = t.taskMenu[0].id
                    t.$refs.wholesale.enterpriseType = 1
                    t.$refs.wholesale.getEnterpriseCompleteInfoList()
                    t.openeds[0] = t.taskMenu[0].id + '-' + t.taskMenu[0].taskName
                    t.openeds[1] = '1'
                    console.log(t.openeds,'openeds')
                    // t.$refs.wholesale.enterpriseType = t.unitType
                    // t.$refs.wholesale.getEnterpriseCompleteInfoList()
                }else{
                    t.$message({
                        type:'warning',
@@ -109,16 +106,20 @@

            menuSelect(key, keyPath) {
                const t = this
                console.log(key, keyPath,'切换')
                if(key == 1 || key == 2){
                    t.$refs.wholesale.taskId = Number(keyPath[0])
                    t.$refs.wholesale.enterpriseType = Number(key)
                if(key.split('-')[1] == '1' || key.split('-')[1] == '2'){
                    t.$refs.wholesale.taskId = Number(keyPath[0].split('-')[0])
                    t.$refs.wholesale.taskName = keyPath[0].split('-')[1]
                    t.$refs.wholesale.enterpriseType = Number(key.split('-')[1])
                    t.$refs.wholesale.getEnterpriseCompleteInfoList()
                }else{
                    t.$refs.sumSheet.taskId = Number(keyPath[0])
                    t.$refs.sumSheet.taskId = Number(keyPath[0].split('-')[0])
                    t.$refs.sumSheet.taskName = keyPath[0].split('-')[1]
                    t.$refs.sumSheet.enterpriseCity = ''
                    t.$refs.sumSheet.enterpriseArea = ''
                    t.$refs.sumSheet.sheetStatus = t.unitType
                    t.$refs.sumSheet.getDataStatistics()
                }
                t.curTab = key
                t.curTab = Number(key.split('-')[1])
            },

            sendJob(){
@@ -137,6 +138,14 @@

        .menu-area{
            width: 18%;

            .el-menu{
                height: 80vh;
                overflow: hidden;
                overflow-y: scroll;
                &::-webkit-scrollbar { width: 0; height: 0; color: transparent }
                &::scrollbar { width: 0; height: 0; color: transparent }
            }
            .add-btn{
                width: 100%;
                margin-bottom: 20px;

 src/views/usermng/user.vue

@@ -114,28 +114,28 @@
                  </el-option>
              </el-select>
          </div>
          <div class="basic_search">
              <el-select v-model="queryForm.town" clearable filterable @change="changeArea('town')" >
                  <el-option
                      v-for="item in streetList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.name"
                  >
                  </el-option>
              </el-select>
          </div>
          <div class="basic_search">
              <el-select v-model="queryForm.community" clearable filterable>
                  <el-option
                      v-for="item in committeeList"
                      :key="item.id"
                      :label="item.name"
                      :value="item.name"
                  >
                  </el-option>
              </el-select>
          </div>
<!--          <div class="basic_search">-->
<!--              <el-select v-model="queryForm.town" clearable filterable @change="changeArea('town')" >-->
<!--                  <el-option-->
<!--                      v-for="item in streetList"-->
<!--                      :key="item.id"-->
<!--                      :label="item.name"-->
<!--                      :value="item.name"-->
<!--                  >-->
<!--                  </el-option>-->
<!--              </el-select>-->
<!--          </div>-->
<!--          <div class="basic_search">-->
<!--              <el-select v-model="queryForm.community" clearable filterable>-->
<!--                  <el-option-->
<!--                      v-for="item in committeeList"-->
<!--                      :key="item.id"-->
<!--                      :label="item.name"-->
<!--                      :value="item.name"-->
<!--                  >-->
<!--                  </el-option>-->
<!--              </el-select>-->
<!--          </div>-->
      </div>
    <div class="table_content">
      <el-table
@@ -157,6 +157,11 @@
        <el-table-column label="单位" prop="company" align="center" width="150" sortable="custom">
          <template slot-scope="scope">
            <span>{{ scope.row.company }}</span>
          </template>
        </el-table-column>
          <el-table-column label="级别" prop="unittype" align="center" width="150" sortable="custom">
              <template slot-scope="scope">
                  <span>{{ scope.row.unittype == 1? '省级':(scope.row.unittype == 2 ? '市、州级' : '区、县级') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="办公电话" prop="phone" align="center" sortable="custom">
@@ -201,7 +206,7 @@
        </el-table-column>
        <el-table-column label="管辖地区" prop="province" align="center" width="300" sortable="custom">
          <template slot-scope="scope">
            <span>{{ scope.row.province+'-'+scope.row.city+'-'+scope.row.area+'-'+scope.row.town+'-'+scope.row.community | parseGX}}</span>
            <span>{{ scope.row.province+'-'+scope.row.city+'-'+scope.row.area | parseGX}}</span>
          </template>
        </el-table-column>
        <el-table-column label="更新时间" prop="lastmodifieddate" align="center" sortable="custom">
@@ -209,7 +214,7 @@
            <span>{{ scope.row.lastmodifieddate | parseTime('{y}-{m}-{d}') }}</span>
          </template>
        </el-table-column>
        <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width">
        <el-table-column label="操作" align="center" width="180" class-name="small-padding fixed-width" fixed="right">
          <template slot-scope="scope">
            <el-button type="text" @click="showEditHandle(scope.row)">编辑</el-button>
            <el-button  v-show="userType != 3" :disabled="disableRole(scope.row)" type="text" align="center" @click="showAssignRole(scope.row)">分配角色</el-button>
@@ -232,7 +237,7 @@
      />
    </div>
    <el-dialog :title="dialogStatus==='create'?'新增':'编辑'" :visible.sync="dialogFormVisible" :modal-append-to-body="false" :close-on-click-modal="false" width="700px">
      <el-form ref="dataForm" :rules="dataFormRules" :model="dataForm" label-position="right" label-width="100px" style="margin-left:50px;width:500px;" element-loading-text="保存中...">
      <el-form ref="dataForm" :rules="dataFormRules" :model="dataForm" label-position="right" label-width="120px" style="margin-left:50px;width:500px;" element-loading-text="保存中...">
        <el-form-item label="用户名:" prop="username">
          <el-input v-model.trim="dataForm.username"/>
        </el-form-item>
@@ -281,7 +286,17 @@
          <el-form-item label="统一社会信用代码:" prop="job">
              <el-input v-model.trim="dataForm.code"/>
          </el-form-item>
        <el-form-item label="管辖地区:">
          <el-form-item label="选择监管级别:" prop="unittype">
              <el-select v-model="dataForm.unittype" filterable placeholder="请选择级别">
                  <el-option
                      v-for="item in unitTypeList"
                      :key="item.name"
                      :label="item.name"
                      :value="item.value">
                  </el-option>
              </el-select>
          </el-form-item>
        <el-form-item label="管辖省份:" prop="province">
          <el-select v-model="dataForm.province" filterable placeholder="请选择省份" @change="resetCity">
            <el-option
              v-for="item in provinceList"
@@ -290,6 +305,8 @@
              :value="item.name">
            </el-option>
          </el-select>
        </el-form-item>
          <el-form-item label="管辖市州:" v-if="dataForm.unittype == 2 || dataForm.unittype == 3" prop="city">
          <el-select v-model="dataForm.city"  placeholder="请选择城市" @change="resetArea">
            <el-option
              v-for="item in cityList"
@@ -299,6 +316,8 @@
              >
            </el-option>
          </el-select>
          </el-form-item>
          <el-form-item label="管辖区县:" v-if="dataForm.unittype == 3" prop="area">
          <el-select v-model="dataForm.area"  placeholder="请选择区县" @change="resetTown">
            <el-option
              v-for="item in areaList"
@@ -308,25 +327,25 @@
              >
            </el-option>
          </el-select>
          <el-select v-model="dataForm.town"  placeholder="请选择街道" @change="resetCommunity">
            <el-option
              v-for="item in townList"
              :key="item.name"
              :label="item.name"
              :value="item.name"
             >
            </el-option>
          </el-select>
          <el-select v-model="dataForm.community"  placeholder="请选择社区">
            <el-option
              v-for="item in communityList"
              :key="item.name"
              :label="item.name"
              :value="item.name"
              >
            </el-option>
          </el-select>
        </el-form-item>
<!--          <el-select v-model="dataForm.town"  placeholder="请选择街道" @change="resetCommunity">-->
<!--            <el-option-->
<!--              v-for="item in townList"-->
<!--              :key="item.name"-->
<!--              :label="item.name"-->
<!--              :value="item.name"-->
<!--             >-->
<!--            </el-option>-->
<!--          </el-select>-->
<!--          <el-select v-model="dataForm.community"  placeholder="请选择社区">-->
<!--            <el-option-->
<!--              v-for="item in communityList"-->
<!--              :key="item.name"-->
<!--              :label="item.name"-->
<!--              :value="item.name"-->
<!--              >-->
<!--            </el-option>-->
<!--          </el-select>-->
        <el-form-item label="用户类型:" prop="type">
          <el-select v-model.trim="dataForm.type" placeholder="请选择用户类型" auto-complete="on" style="width:100%;">
            <el-option v-show="userType != 3" :value="2" label="管理员"/>
@@ -452,19 +471,13 @@
      for (let i = 0; i < arr.length; i++){
        if (arr[i] == null || arr[i] == '' || arr[i] == 'null'){
          if (i == 0){
            guanxia = '全部省份';
            guanxia = '';
          }
          if (i == 1){
            guanxia += '-全部城市';
            guanxia += '';
          }
          if (i == 2){
            guanxia += '-全部区县';
          }
          if (i == 3){
            guanxia += '-全部街道';
          }
          if (i == 4){
            guanxia += '-全部居委会';
            guanxia += '';
          }
        }else {
          if (i == 0){
@@ -507,6 +520,7 @@
      currentPage: 1,
      pageTotal: 0,
      tableKey: 0,
      unittype: null,
      userData: null,
      listLoading: true,
      queryForm: {
@@ -516,9 +530,7 @@
          job:'',
          province:'',
          city:'',
          area:'',
          town:'',
          community:'',
          area:''
      },
      dataForm: {
        id: '',
@@ -532,11 +544,10 @@
        province: '',
        city: '',
        area: '',
        town: '',
        community: '',
        type:'',
        job:'',
        code:'',
        unittype: null
      },
      importDialogFormVisible: false,
      importDialogFormVisible2: false,
@@ -550,8 +561,26 @@
        email: [{ validator: validateEmail, trigger: 'blur' }],
        password: [{ required: true, message: '密码不能为空', trigger: 'blur' }],
        confirmPassword: [{ required: true, message: '确认密码不能为空', trigger: 'blur' }],
        type: [{ required: true, message: '用户类型不能为空', trigger: 'blur' }]
        type: [{ required: true, message: '用户类型不能为空', trigger: 'blur' }],
        unittype: [{ required: true, message: '监管级别不能为空', trigger: 'blur' }],
        province: [{ required: true, message: '请选择管辖范围', trigger: 'blur' }],
        city: [{ required: true, message: '请选择管辖范围', trigger: 'blur' }],
        area: [{ required: true, message: '请选择管辖范围', trigger: 'blur' }]
      },
        unitTypeList:[
            {
                name: '省级',
                value: 1
            },
            {
                name: '市、州级',
                value: 2
            },
            {
                name: '区、县级',
                value: 3
            }
        ],
      provinceList:[],
      cityList:[],
      areaList:[],
@@ -577,7 +606,6 @@
    }
  },
  created() {
      console.log(this.userType)
    this.getUserList()
    this.getProvince()
  },
@@ -633,6 +661,13 @@
          if (_this.dataForm.password != _this.dataForm.confirmPassword) {
            parseError({ error: '密码输入不一致', vm: _this })
            return
          }
          if(_this.dataForm.unittype == 1){
              _this.dataForm.city = ''
              _this.dataForm.area = ''
          }
            if(_this.dataForm.unittype == 2){
                _this.dataForm.area = ''
          }
          const userName = Cookies.get('userName')
          _this.dataForm['operator'] = userName
@@ -701,9 +736,8 @@
        province: '',
        city: '',
        area: '',
        town: '',
        community: '',
        type: '',
        unittype: null,
        job: ''
      }
      this.cityList = []
@@ -728,6 +762,13 @@
              parseError({ error: '密码输入不一致', vm: _this })
              return
            }
          }
            if(_this.dataForm.unittype == 1){
                _this.dataForm.city = ''
                _this.dataForm.area = ''
            }
            if(_this.dataForm.unittype == 2){
                _this.dataForm.area = ''
          }
          const userName = Cookies.get('userName')
          _this.dataForm['lastmodifiedby'] = userName
@@ -817,10 +858,9 @@
      this.dataForm.province = row.province
      this.dataForm.city = row.city
      this.dataForm.area = row.area
      this.dataForm.town = row.town
      this.dataForm.community = row.community
      this.dataForm.job = row.job
      this.dataForm.type = row.type
      this.dataForm.unittype = row.unittype
      this.dialogFormVisible = true
      this.$nextTick(() => {
        this.$refs['dataForm'].clearValidate()
@@ -830,16 +870,12 @@
      params['province'] = row.province
      params['city'] = row.city
      params['area'] = row.area
      params['town'] = row.town
      params['community'] = row.community
      getDistrictByName(params).then(response => {
        const res = response.data
        if (res.code == 200){
          this.provinceList = res.result.provinceList;
          this.cityList = res.result.cityList;
          this.areaList = res.result.areaList;
          this.townList = res.result.townList;
          this.communityList = res.result.communityList;
        } else {
          parseError({ error: res.message, vm: _this })
        }