修改样式

Admin

2022-11-28 2cfbc714c3e96e6f0f4cb69b4b1ee4f928c1c919

 src/views/specialCheck/components/wholesaleForm.vue

@@ -8,10 +8,10 @@
            </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"
            />
@@ -149,6 +149,8 @@
            selfCheckEnterpriseCount: null,
            noSelfCheckEnterpriseCount: null,
            thislevelAlreadyCheckCount: null,
            thislevelCompletionRateRequire: null,
            thislevelCompletionRateRequireUnit: null,
            thislevelNoCheckCount: null,
            thislevelCompletionRate: null,
            checkData: []
@@ -168,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
@@ -178,10 +179,10 @@
                    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
@@ -194,6 +195,7 @@
                    message:res.data.message
                })
            }
            t.listLoading = false
        },
        async getEnterpriseCompleteInfoList(){
            const t = this
@@ -206,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
@@ -229,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] : ''
@@ -236,7 +242,10 @@
        },

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

        searchData(){
@@ -244,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
@@ -283,8 +294,9 @@
            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()
            console.log(t.$refs.feedback.unitType,t.$refs.feedback.checkData,'data')
            t.$refs.feedback.dialogVisible = true
        }
    }
}
@@ -351,8 +363,7 @@
                        width: 100%;
                    }
                    .resetBtn{
                        color: #034EA2;
                        background-color: #ecf5ff;
                        color: #fff;
                    }
                }
            }