修改样式

Admin

2022-11-28 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919

 src/views/specialCheck/components/wholesaleForm.vue

@@ -2,16 +2,16 @@
    <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">
                <div v-show="enterpriseType == 1">
                    批发企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家，其中：已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家，未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家；本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家，未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家，完成率<span>{{ thislevelCompletionRate + '%' }}</span>。
                    批发企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家，其中：已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家，未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家；本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家，未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家，检查覆盖要求<span class="undone">{{ thislevelCompletionRateRequire }}{{thislevelCompletionRateRequireUnit ==1?'家':'%'}}</span>，完成率<span>{{ thislevelCompletionRate == null?'--':thislevelCompletionRate + '%' }}</span>。
                </div>
                <div v-show="enterpriseType == 2">
                    零售企业共计<span class="point-data" @click="getEnterpriseCompleteInfoList">{{enterpriseCount}}</span>家，其中：已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家，未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家；本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家，未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家，完成率<span>{{ thislevelCompletionRate + '%' }}</span>。
                    零售企业共计<span class="point-data" @click="resetSearch()">{{enterpriseCount}}</span>家，其中：已自查<span class="point-data" @click="toSelfEnterprise(1)">{{ selfCheckEnterpriseCount }}</span>家，未自查<span @click="toSelfEnterprise(0)" class="undone point-data">{{ noSelfCheckEnterpriseCount }}</span>家；本级已经抽查<span class="point-data" @click="toLevelEnterprise(1)">{{ thislevelAlreadyCheckCount }}</span>家，未检查<span @click="toLevelEnterprise(0)" class="undone point-data">{{ thislevelNoCheckCount }}</span>家，检查覆盖要求<span class="undone">{{ thislevelCompletionRateRequire }}{{thislevelCompletionRateRequireUnit ==1?'家':'%'}}</span>，完成率<span>{{ thislevelCompletionRate == null?'--':thislevelCompletionRate + '%' }}</span>。
                </div>
                <el-button class="filter-item" style="margin-left: 10px;" type="primary" icon="el-icon-search" @click="showFilter = !showFilter">{{showFilter?'关闭查询':'自定义查询'}}</el-button>
            </div>
@@ -40,7 +40,7 @@
                    </el-col>
                    <el-col :span="4">
                        <el-button style="margin-right: 10px;" type="primary" @click="searchData()">查询</el-button>
                        <el-button class="resetBtn"  type="primary" plain @click="resetSearch()">重置</el-button>
                        <el-button class="resetBtn" plain @click="resetSearch()">重置</el-button>
                    </el-col>
                </el-row>
            </transition>
@@ -71,7 +71,7 @@
                        <span>{{ scope.row.selfcheckStatus == 1 ? '已填报' : '未填报' }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="详情" align="center" class-name="small-padding fixed-width">
                <el-table-column label="自查详情" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="viewDetails(scope.row)">查看</el-button>
                    </template>
@@ -81,9 +81,9 @@
                        <span>{{ scope.row.thislevelCheckStatus == 1 ? '已反馈' : '未反馈' }}</span>
                    </template>
                </el-table-column>
                <el-table-column fixed="right" :label="unitType==1?'执法抽查':'执法检查'" align="center" class-name="small-padding fixed-width">
                <el-table-column v-if="unitType!=0" fixed="right" :label="unitType==1?'执法抽查':'执法检查'" align="center" class-name="small-padding fixed-width">
                    <template slot-scope="scope">
                        <el-button type="text" @click="toFeedback(scope.row)">情况反馈</el-button>
                        <el-button  type="text" @click="toFeedback(scope.row)">情况反馈</el-button>
                    </template>
                </el-table-column>
            </el-table>
@@ -97,7 +97,7 @@
                :total="recordTotal"
                layout="total, sizes, prev, pager, next, jumper"
                background
                style="float:right;margin:3px"
                style="float:right;margin:20px 0 0"
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
            />
@@ -129,6 +129,7 @@
            currentPage: 1,
            unitType: null,
            taskId: null,
            taskName: '',
            enterpriseType: null,
            selfcheckStatus: null,
            thislevelCheckStatus: null,
@@ -148,6 +149,8 @@
            selfCheckEnterpriseCount: null,
            noSelfCheckEnterpriseCount: null,
            thislevelAlreadyCheckCount: null,
            thislevelCompletionRateRequire: null,
            thislevelCompletionRateRequireUnit: null,
            thislevelNoCheckCount: null,
            thislevelCompletionRate: null,
            checkData: []
@@ -156,11 +159,7 @@
    created() {
        const t = this
        t.getCheckUnitType()
        if(t.taskId && t.enterpriseType){
            t.getEnterpriseCompleteInfoList()
        }else{
            t.getCheckTask()
        }
        t.getCheckTask()
    },
    computed: {
        ...mapGetters([
@@ -171,7 +170,6 @@
    methods:{
        async getCheckUnitType(){
            const t = this
            t.listLoading = true
            let res = await getCheckUnitType()
            if(res.data.code === "200"){
                t.unitType = res.data.result.checkUnitType
@@ -181,13 +179,14 @@
                    message:res.data.message
                })
            }
            t.listLoading = false
        },
        async getCheckTask(){
            const t = this
            t.listLoading = true
            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{
@@ -196,6 +195,7 @@
                    message:res.data.message
                })
            }
            t.listLoading = false
        },
        async getEnterpriseCompleteInfoList(){
            const t = this
@@ -208,6 +208,8 @@
                t.noSelfCheckEnterpriseCount = res.data.result.noSelfCheckEnterpriseCount
                t.thislevelAlreadyCheckCount = res.data.result.thislevelAlreadyCheckCount
                t.thislevelNoCheckCount = res.data.result.thislevelNoCheckCount
                t.thislevelCompletionRateRequire = res.data.result.thislevelCompletionRateRequire
                t.thislevelCompletionRateRequireUnit = res.data.result.thislevelCompletionRateRequireUnit
                t.thislevelCompletionRate = res.data.result.thislevelCompletionRate
                t.checkData = res.data.result.iPage.records
                t.recordTotal = res.data.result.iPage.total
@@ -231,6 +233,8 @@
        },
        locationChange(value) {
            const t = this
            t.selfcheckStatus = null
            t.thislevelCheckStatus = null
            t.search.province = value[0]
            t.search.city = value[1] ? value[1] : ''
            t.search.area = value[2] ? value[2] : ''
@@ -238,7 +242,10 @@
        },

        changeRadio(){
            this.getEnterpriseCompleteInfoList()
            const t = this
            t.selfcheckStatus = null
            t.thislevelCheckStatus = null
            t.getEnterpriseCompleteInfoList()
        },

        searchData(){
@@ -246,17 +253,19 @@
        },

        resetSearch(){
            this.search = {
            const t = this
            t.selfcheckStatus = null
            t.thislevelCheckStatus = null
            t.search = {
                name: '',
                province: '',
                city: '',
                area: '',
                isRisky: null
            }
            this.selectedOptions = []
            this.getEnterpriseCompleteInfoList()
            t.selectedOptions = []
            t.getEnterpriseCompleteInfoList()
        },

        toSelfEnterprise(value){
            const t = this
            t.thislevelCheckStatus = null
@@ -273,6 +282,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,6 +293,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.getSpotCheckReportInfo()
            console.log(t.$refs.feedback.unitType,t.$refs.feedback.checkData,'data')
            t.$refs.feedback.dialogVisible = true
        }
    }
@@ -350,8 +363,7 @@
                        width: 100%;
                    }
                    .resetBtn{
                        color: #034EA2;
                        background-color: #ecf5ff;
                        color: #fff;
                    }
                }
            }