移动端增加单位考评报告页面（增加搜索栏，名称，属性，周期，时间），单位考评报告详情页面，服务联调；根据后端要求修改前端展示；

src/components/assessment/evaluationReportTable.vue

@@ -4,7 +4,7 @@
             <div class="reportTAll">
                 <div class="reportTBtn">
                     <div class="PeriodBtn">
-                        <p style="font-size: 14px">{{rowevalradio.evaluateReportName}}</p>
+                        <!-- <p style="font-size: 14px">{{rowevalradio.evaluateReportName}}</p> -->
                         <el-row :gutter="10" style="padding-left: 10px;position: relative;right: -39vw;">
                             <el-col :span="1.5">
                                 <el-button

src/mobeilComponent/earlyWarningPage.vue

@@ -1,6 +1,4 @@
 <template>
-    <div :class="showDatePicker || showSelect? 'homeMobeilMask': ''">
-    </div>
     <div class="earlyWarningPage">
         <van-nav-bar title="单位考评预警" />
         <div class="mobeilVant">
@@ -18,34 +16,61 @@
             </div>
             <div class="earlyWarningMain">
                 <div class="mainSeach">
-                    <div class="rankingList">
-                        <span>{{showDate}}年度</span>
-                        <img :src="dateImg" @click="changePickerDate" alt="">
-                    </div>
-                    <div class="sectionModel">
-                        <span @click="changeSelect">{{binSectionName}}板块</span>
-                    </div>
-                    <div class="mainSeachImg">
-                        <img :src="sortImg" alt="">
-                        <img :src="seachImg" alt="" @click="getNotificationData(binSection, showDate)">
+                    <div class="seachFrom" @click="showPopup">
+                        <span>搜索栏</span>
                     </div>
+                    <van-popup v-model:show="showVanPopup" position="top">
+                        <div class="vanForm">
+                            <van-form>
+                                <van-field
+                                v-model="form.company"
+                                label="单位名称"
+                                placeholder="单位名称"
+                                />
+                                <van-field
+                                    v-model="form.checkCycle"
+                                    is-link
+                                    readonly
+                                    label="考评周期"
+                                    placeholder="点击考评周期"
+                                    @click="showcheckCycle = true"
+                                    />
+                                <van-popup v-model:show="showcheckCycle" position="bottom">
+                                    <van-picker
+                                        :columns="checkCycleSection"
+                                        @confirm="selectcheckCycle"
+                                        @cancel="showcheckCycle = false"
+                                    />
+                                </van-popup>
+                                <van-field
+                                    v-model="form.time"
+                                    is-link
+                                    readonly
+                                    name="datePicker"
+                                    label="时间选择"
+                                    placeholder="点击选择时间"
+                                    @click="showDatePicker = true"
+                                    />
+                                <van-popup v-model:show="showDatePicker" position="bottom">
+                                    <van-date-picker
+                                        v-model="datePickerData"
+                                        :columns-type="['year', 'month']"
+                                        @confirm="confirmFn"
+                                        @cancel="cancelpickerFn"
+                                        />
+                                </van-popup>
+                                <div style="margin: 16px;display: flex;justify-content: space-between;">
+                                    <div class="seachBtnFrom" @click="seachmobeilReportData">
+                                        <span>搜索</span>
+                                    </div>
+                                    <div class="restBtnFrom" @click="restSeach">
+                                        <span>重置</span>
+                                    </div>
+                                </div>
+                            </van-form>
+                        </div>
+                    </van-popup>
                 </div>
-                <van-date-picker
-                    v-model="currentDate"
-                    title="选择年季"
-                    :columns-type="['year', 'month']"
-                    :filter="filterPicker"
-                    @confirm="confirmFn"
-                    @cancel="cancelpickerFn"
-                    v-if="showDatePicker"
-                    />
-                <van-picker
-                    title="选择板块"
-                    :columns="columnSection"
-                    @confirm="selectConfirm"
-                    @cancel="cancelSelect"
-                    v-if="showSelect"
-                    />
                 <div class="mainModel">
                     <el-table :data="evaluationWaringData" style="width: 100%">
                         <el-table-column label="序号" type="index" align="center" />
@@ -89,26 +114,19 @@ export default {
             sortImg: sortImg,
             seachImg: seachImg,
             showDatePicker: false,
-            showSelect: false,
             currentDate: [],
+            form: {
+                company: '',
+                checkCycle: '',
+                time: ''
+            },
             showDate: '',
-            binSection: 'HD',
-            binSectionName: '火电',
             evaluationWaringData: [],
-            columnSection: []
         }
     },
     created() {
         this.showDate = new Date().getFullYear()-1
-        this.getevaluationWaringData()
-        this.columnSection = [
-            { text: '火电', value: 'HD' },
-            { text: '水电', value: 'SD' },
-            { text: '新能源', value: 'XNYFG' },
-            { text: '海外业务', value: 'GJYW' },
-            { text: '煤电一体化', value: 'MDYTH' }
-        ]
-        
+        this.getevaluationWaringData()        
     },
     methods: {
         // 获取公告数据
@@ -127,64 +145,26 @@ export default {
                 }
             })
         },
-        filterPicker(type, options) {
-            if (type === 'month') {
-                return options.filter((option) => Number(option.value) < 5);
-            }
-            return options;
-        },
-        noticDetail(row) {
-            let detailObj = JSON.stringify(row)
-            this.$router.push({ path: "/notificationDetail", query: {rowObj: detailObj}})
-        },
         chooseMenu() {
             this.$router.push({ path: "/menu"})
         },
-        changePickerDate() {
-            this.showDatePicker = true
-        },
-        changeSelect() {
-            this.showSelect = true
-        },
         confirmFn(val) {
-            this.showDate = val.selectedValues[0]
+            this.form.time = val.selectedValues[0]+'年'+val.selectedValues[1]+'月'
+            this.datePickerData = val.selectedValues
             this.cancelpickerFn()
         },
-        selectConfirm(val) {
-            this.binSection = val.selectedValues[0]
-            if (this.binSection === 'HD') {
-                this.binSectionName = '火电'
-            } else if (this.binSection === 'SD') {
-                this.binSectionName = '水电'
-            } else if (this.binSection === 'XNYFG') {
-                this.binSectionName = '新能源'
-            } else if (this.binSection === 'GJYW') {
-                this.binSectionName = '海外业务'
-            } else if (this.binSection === 'MDYTH') {
-                this.binSectionName = '煤电一体化'
-            }
-            this.cancelSelect()
+        selectcheckCycle({selectedOptions}) {
+            this.form.checkCycle = selectedOptions[0].text
+            this.showcheckCycle = false
         },
         cancelpickerFn() {
             this.showDatePicker = false
         },
-        cancelSelect() {
-            this.showSelect = false
-        }
     }
 }
 </script>
 
 <style lang="less">
-.homeMobeilMask{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0,0,0,0.5);
-    z-index: 111;
-}
 .earlyWarningPage {
     background-color: #184FB4;
     .van-nav-bar{

src/mobeilComponent/menuMobeilPage.vue

@@ -14,7 +14,7 @@
                 <p @click="enterPage('notificationMobeil')">对标考评公告</p> -->
                 <p @click="enterPage('mobeil')">年度单位评级</p>
                 <p @click="enterPage('quarterConpany')">季度单位评级</p>
-                <p>单位考评报告</p>
+                <p @click="enterPage('report')">单位考评报告</p>
                 <p>单位考评预警</p>
                 <p>对标考评公告</p>
                 <img :src="closeMenu" alt="" @click="goBack">

src/mobeilComponent/reportConpanyDetail.vue

@@ -0,0 +1,260 @@
+<template>
+    <div class="reportConpanyDetail">
+        <van-nav-bar title="单位考评报告详情" left-text="返回" @click-left="onClickLeft" />
+        <div class="mobeilVant">
+            <div class="mobeilTop">
+                <div class="topLeft">
+                    <!-- <van-icon name="star" size="20" /> -->
+                    <img :src="logoImg" alt="">
+                    <span>全业务域考评系统</span>
+                </div>
+                <div class="topRight">
+                    <span>系统导航</span>
+                    <!-- <van-icon name="wap-nav"  size="23" /> -->
+                    <img :src="daohangImg" alt="" @click="chooseMenu">
+                </div>
+            </div>
+            <div class="reportConpanyMain">
+                <p>{{rowevalradio.evaluateReportName}}</p>
+                <div class="mainModel">
+                    <el-table :data="reportTableData.body" ref="report-table" style="width: 100%">
+                        <el-table-column :label="rowevalradio.des" align="center">
+                            <el-table-column label="序号" type="index" width="50" align="center" />
+                            <el-table-column :label="item.nameZh" :prop="item.nameEh"
+                             v-for="item in reportTableData.title" :key="item"
+                             :width="item.nameZh === '考评组织名称' || item.nameZh === '生产经营得分' || item.nameZh === '备注' ? '130': ''" />
+                        </el-table-column>
+                    </el-table>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import logoImg from '../assets/mobeilImg/logo.png'
+import daohangImg from '../assets/mobeilImg/daohang.png'
+import dateImg from '../assets/mobeilImg/date.png'
+import sortImg from '../assets/mobeilImg/sort.png'
+import seachImg from '../assets/mobeilImg/seach.png'
+
+import {apiGetEvalReportinfoList} from '../api/api'
+export default {
+    data() {
+        return {
+            logoImg: logoImg,
+            daohangImg: daohangImg,
+            dateImg: dateImg,
+            sortImg: sortImg,
+            seachImg: seachImg,
+            currentDate: [],
+            binSection: '',
+            binSectionName: '',
+            reportTableData: [],
+            rowevalradio: {}
+        }
+    },
+    created() {
+        if (this.$route) {
+            if (this.$route.query.row) {
+                this.rowevalradio = JSON.parse(this.$route.query.row)
+                this.getreportTableData(this.rowevalradio.id)
+            }
+        }
+    },
+    methods: {
+        // 查询规则详情数据
+        getreportTableData(id) {
+            let that = this
+            let params = {
+                evaluateReportId: id
+            }
+            apiGetEvalReportinfoList(params).then(datas =>{
+                if (datas && datas.data) {
+                    that.reportTableData = datas.data
+                }
+            })
+        },
+        chooseMenu() {
+            this.$router.push({ path: "/menu"})
+        },
+        onClickLeft() {
+            // this.$router.push({ path: "/report"})
+            this.$router.go(-1)
+        },
+    }
+}
+</script>
+
+<style lang="less">
+.reportConpanyDetail {
+    background-color: #184FB4;
+    .van-nav-bar{
+        width: 100%;
+        background-color: #184FB4;
+        color: #fff;
+        position: fixed;
+        top: 0;        
+        z-index: 111111;
+        .van-nav-bar__content{
+            .van-nav-bar__left{
+                .van-nav-bar__text{
+                    color: #fff;
+                }
+            }
+        }
+    }
+    .mobeilVant{
+        height: 100%;
+        margin-top: 45px;
+        border-radius: 10px 10px 0 0;
+        background-color: #fff;
+        .mobeilTop{
+            height: 60px;
+            display: flex;
+            justify-content: space-around;
+            .topLeft{
+                display: flex;
+                img{
+                    width: 24px;
+                    height: 28px;
+                    position: relative;
+                    top: 18px;
+                    left: -10px;
+                }
+                span{
+                    font-family: MicrosoftYaHei;
+                    font-weight: 600;
+                    font-size: 16px;
+                    color: #444950;
+                    line-height: 60px;
+                }
+            }
+            .topRight{
+                display: flex;
+                img{
+                    width: 22px;
+                    height: 18px;
+                    position: relative;
+                    top: 21px;
+                    left: 5px;
+                }
+                span{
+                    font-family: MicrosoftYaHei;
+                    font-weight: 400;
+                    font-size: 14px;
+                    color: #545960;
+                    line-height: 60px;
+                    margin-right: 5px;
+                }
+            }
+        }
+        .reportConpanyMain{
+            // height: 50px;
+            background-color: #ededf5;
+            padding: 17px 20px;
+            width: calc(100% - 40px);
+            p{
+                text-align: center;
+                font-weight: 600;
+                margin-bottom: 20px;
+            }
+            .mainModel{
+                background: #fff;
+                border-radius: 5px;
+                padding: 5px 0;
+                .yearFromHeader{
+                    width: 100%;
+                    border-bottom: 1px solid #E1E3EA;
+                    .headerNameTit{
+                        display: flex;
+                        justify-content: space-between;
+                        padding: 8px 20px;
+                        font-size: 14px;
+                        color: #414141;
+                    }
+                    .headerTit{
+                        position: relative;
+                        top: 10px;
+                        left: 150px;
+                    }
+                }
+                .yearFromMsg{
+                    display: flex;
+                    width: 100%;
+                    height: 35px;
+                    background: #F6F7FA;
+                    margin: 5px 8px;
+                    padding: 2px 10px 0;
+                    border-radius: 5px;
+                    .msgProgress{
+                        margin-top: 5px;
+                        display: flex;
+                        width: 100%;
+                        img{
+                            width: 20px;
+                            height: 20px;
+                            position: relative;
+                            left: 5px;
+                            margin-right: 30px;
+                        }
+                        span{
+                            font-size: 14px;
+                            font-family: Microsoft YaHei;
+                        }
+                        span:nth-child(1){
+                            display: inline-block;
+                            width: 14%;
+                            font-weight: 600;
+                            color: #666;
+                            margin-left: 10px;
+                        }
+                        span:nth-child(2){
+                            display: inline-block;
+                            width: 61%;
+                            font-weight: 400;
+                            color: #666;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            white-space: nowrap;
+                        }
+                        span:nth-child(3){
+                            width: 15%;
+                            font-weight: 600;
+                            color: #F65177;
+                        }
+                        span:nth-child(4){
+                            width: 10%;
+                            font-weight: 600;
+                            color: #666;
+                        }
+                    }
+                }
+                .el-table{
+                    .el-table__header-wrapper{
+                        .el-table__header{
+                            tr{
+                                .cell{
+                                    line-height: 18px !important;
+                                }
+                            }
+                        }
+                    }
+                    .el-table__body-wrapper{
+                        .el-table__body{
+                            tr{
+                                .cell{
+                                    img{
+                                        width: 20px;
+                                        height: 20px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+</style>

src/mobeilComponent/reportConpanyPage.vue

@@ -1,6 +1,4 @@
 <template>
-    <!-- <div :class="showDatePicker || showSelect? 'homeMobeilMask': ''">
-    </div> -->
     <div class="reportConpanyPage">
         <van-nav-bar title="单位考评报告" />
         <div class="mobeilVant">
@@ -30,63 +28,83 @@
                                 placeholder="单位名称"
                                 />
                                 <van-field
+                                    v-model="form.checkCycle"
+                                    is-link
+                                    readonly
+                                    label="考评周期"
+                                    placeholder="点击考评周期"
+                                    @click="showcheckCycle = true"
+                                    />
+                                <van-popup v-model:show="showcheckCycle" position="bottom">
+                                    <van-picker
+                                        :columns="checkCycleSection"
+                                        @confirm="selectcheckCycle"
+                                        @cancel="showcheckCycle = false"
+                                    />
+                                </van-popup>
+                                <van-field
                                     v-model="form.binSection"
                                     is-link
                                     readonly
-                                    label="选择板块"
-                                    placeholder="点击选择板块"
+                                    label="业务属性"
+                                    placeholder="点击业务属性"
                                     @click="showSelect = true"
                                     />
                                 <van-popup v-model:show="showSelect" position="bottom">
                                     <van-picker
                                         :columns="columnSection"
+                                        :columns-field-names="{
+                                            text: 'sectionName',
+                                            value: 'id'
+                                        }"
                                         @confirm="selectConfirm"
                                         @cancel="showSelect = false"
                                     />
                                 </van-popup>
                                 <van-field
-                                    v-model="form.year"
+                                    v-model="form.time"
                                     is-link
                                     readonly
                                     name="datePicker"
                                     label="时间选择"
-                                    placeholder="点击选择年度与季度"
+                                    placeholder="点击选择时间"
                                     @click="showDatePicker = true"
                                     />
                                 <van-popup v-model:show="showDatePicker" position="bottom">
                                     <van-date-picker
-                                        title="年度/季度"
+                                        v-model="datePickerData"
                                         :columns-type="['year', 'month']"
-                                        :filter="filterPicker"
                                         @confirm="confirmFn"
                                         @cancel="cancelpickerFn"
                                         />
                                 </van-popup>
-                                <div style="margin: 16px;">
-                                    <van-button round block type="primary" native-type="submit">
-                                    提交
-                                    </van-button>
+                                <div style="margin: 16px;display: flex;justify-content: space-between;">
+                                    <div class="seachBtnFrom" @click="seachmobeilReportData">
+                                        <span>搜索</span>
+                                    </div>
+                                    <div class="restBtnFrom" @click="restSeach">
+                                        <span>重置</span>
+                                    </div>
                                 </div>
                             </van-form>
                         </div>
                     </van-popup>
                 </div>
                 <div class="mainModel">
-                    <el-table :data="mobeilReportData" style="width: 100%">
-                    <el-table-column type="index" label="序号" align="center"></el-table-column>
-                    <el-table-column label="报告名称" prop="evaluateReportName" width="330" />
-                    <el-table-column label="业务属性" prop="binSectionName" width="150" />
-                    <el-table-column label="考评周期">
-                        <template #default="scope">
-                            <span v-if="scope.row.checkCycle === 'YDKP'" style="font-size: 12px;">月度考评</span>
-                            <span v-else-if="scope.row.checkCycle === 'JDKP'" style="font-size: 12px;">季度考评</span>
-                            <span v-else style="font-size: 12px;">年度考评</span>
-                        </template>
-                    </el-table-column>
-                    <el-table-column label="年度" prop="year" />
-                    <el-table-column label="月度/季度" prop="month" align="center" />
-                    <el-table-column label="业务简述" prop="des" width="200" />
-                </el-table>
+                    <el-table :data="mobeilReportData" style="width: 100%" @row-click="rowDetail">
+                        <el-table-column type="index" label="序号" align="center"></el-table-column>
+                        <el-table-column label="报告名称" prop="evaluateReportName" width="330" />
+                        <el-table-column label="业务属性" prop="binSectionName" width="150" />
+                        <el-table-column label="考评周期">
+                            <template #default="scope">
+                                <span v-if="scope.row.checkCycle === 'YDKP'" style="font-size: 12px;">月度考评</span>
+                                <span v-else-if="scope.row.checkCycle === 'JDKP'" style="font-size: 12px;">季度考评</span>
+                                <span v-else style="font-size: 12px;">年度考评</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="年度" prop="year" />
+                        <el-table-column label="月度/季度" prop="month" align="center" />
+                    </el-table>
                 </div>
             </div>
         </div>
@@ -99,14 +117,11 @@ import daohangImg from '../assets/mobeilImg/daohang.png'
 import dateImg from '../assets/mobeilImg/date.png'
 import sortImg from '../assets/mobeilImg/sort.png'
 import seachImg from '../assets/mobeilImg/seach.png'
-import cup1 from '../assets/getwayImg/cup1.png'
-import cup2 from '../assets/getwayImg/cup2.png'
-import cup3 from '../assets/getwayImg/cup3.png'
 import topImg from '../assets/getwayImg/topNew.png'
 import botImg from '../assets/getwayImg/botNew.png'
 import cenImg from '../assets/getwayImg/cenNew.png'
 
-import {apiGetEvalReportList} from '../api/api'
+import {apiGetEvalReportList, apiGetbinsectionList} from '../api/api'
 export default {
     data() {
         return {
@@ -120,42 +135,55 @@ export default {
             cenImg: cenImg,
             showDatePicker: false,
             showSelect: false,
+            showcheckCycle: false,
             showVanPopup: false,
             form: {
                 company: '',
+                checkCycle: '',
                 binSection: '',
-                year: '',
-                season: ''
+                time: ''
             },
-            binSection: 'HD',
             mobeilReportData: [],
             columnSection: [],
+            checkCycleSection: [],
             datePickerData: []
         }
     },
     created() {
         this.getReportData()
-        this.columnSection = [
-            { text: '火电', value: 'HD' },
-            { text: '水电', value: 'SD' },
-            { text: '新能源', value: 'XNYFG' },
-            { text: '海外业务', value: 'GJYW' },
-            { text: '煤电一体化', value: 'MDYTH' }
+        this.getBinSectionData()
+        this.datePickerData = [new Date().getFullYear(), new Date().getMonth()]
+        this.checkCycleSection = [
+            { text: '月度考评', value: 'YDKP' },
+            { text: '季度考评', value: 'JDKP' },
+            { text: '年度考评', value: 'NDKP' }
         ]
-        
     },
     methods: {
         // 获取考评报告数据
         getReportData() {
             let that = this
             that.mobeilReportData = []
+            let binSectionStr = ''
+            let checkCycleStr = ''
+            that.columnSection.forEach(it =>{
+                if (it.sectionName === that.form.binSection) {
+                    binSectionStr = it.id
+                }
+            })
+            that.checkCycleSection.forEach(it =>{
+                if (it.text === that.form.checkCycle) {
+                    checkCycleStr = it.value
+                }
+            })
             let params = {
                 pageNum: 1,
                 pageSize: 500,
-                binSection: '',
-                checkCycle: '',
-                year: '',
-                month: ''
+                evaluateReportName: that.form.company,
+                binSection: binSectionStr,
+                checkCycle: checkCycleStr,
+                year: that.datePickerData[0],
+                month: that.datePickerData[1]
             }
             apiGetEvalReportList(params).then(datas =>{
                 if (datas && datas.data) {
@@ -163,63 +191,57 @@ export default {
                 }
             })
         },
-        showPopup() {
-            this.showVanPopup = true
+        getBinSectionData() {
+            let that = this
+            apiGetbinsectionList().then(datas =>{
+                if (datas && datas.data) {
+                    that.columnSection = datas.data
+                }
+            })
         },
-        filterPicker(type, options) {
-            if (type === 'month') {
-                return options.filter((option) => Number(option.value) < 5);
+        rowDetail(row) {
+            let detailObj = JSON.stringify(row)
+            this.$router.push({ path: "/reportDetail", query: {row: detailObj}})
+        },
+        seachmobeilReportData() {
+            this.showVanPopup = false
+            this.getReportData()
+        },
+        restSeach() {
+            this.form = {
+                company: '',
+                checkCycle: '',
+                binSection: '',
+                time: ''
             }
-            return options;
+        },
+        showPopup() {
+            this.showVanPopup = true
         },
         chooseMenu() {
             this.$router.push({ path: "/menu"})
         },
-        changeSelect() {
-            this.showSelect = true
-        },
         confirmFn(val) {
-            debugger
-            this.form.year = val.selectedValues[0]+'年'+val.selectedValues[1]+'季度'
+            this.form.time = val.selectedValues[0]+'年'+val.selectedValues[1]+'月'
             this.datePickerData = val.selectedValues
             this.cancelpickerFn()
         },
-        selectConfirm(val) {
-            this.form.binSection =  val.selectedValues[0]
-            this.binSection = val.selectedValues[0]
-            if (this.binSection === 'HD') {
-                this.form.binSection = '火电'
-            } else if (this.binSection === 'SD') {
-                this.form.binSection = '水电'
-            } else if (this.binSection === 'XNYFG') {
-                this.form.binSection = '新能源'
-            } else if (this.binSection === 'GJYW') {
-                this.form.binSection = '海外业务'
-            } else if (this.binSection === 'MDYTH') {
-                this.form.binSection = '煤电一体化'
-            }
-            this.cancelSelect()
+        selectConfirm({selectedOptions}) {
+            this.form.binSection =  selectedOptions[0].sectionName
+            this.showSelect = false
+        },
+        selectcheckCycle({selectedOptions}) {
+            this.form.checkCycle = selectedOptions[0].text
+            this.showcheckCycle = false
         },
         cancelpickerFn() {
             this.showDatePicker = false
         },
-        cancelSelect() {
-            this.showSelect = false
-        }
     }
 }
 </script>
 
 <style lang="less">
-.homeMobeilMask{
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0,0,0,0.5);
-    z-index: 111;
-}
 .reportConpanyPage {
     background-color: #184FB4;
     .van-nav-bar{
@@ -305,6 +327,32 @@ export default {
                 }
                 .vanForm{
                     margin-top: 60px;
+                    .seachBtnFrom{
+                        width: 65%;
+                        height: 40px;
+                        background: #184FB4;
+                        border-radius: 5px;
+                        margin-bottom: 15px;
+                        text-align: center;
+                        span{
+                            display: inline-block;
+                            color: #fff;
+                            line-height: 40px;
+                        }
+                    }
+                    .restBtnFrom{
+                        width: 30%;
+                        height: 40px;
+                        background: #838DAB;
+                        border-radius: 5px;
+                        margin-bottom: 15px;
+                        text-align: center;
+                        span{
+                            display: inline-block;
+                            color: #fff;
+                            line-height: 40px;
+                        }
+                    }
                 }
             }
             .mainModel{

src/router/index.js

@@ -426,6 +426,17 @@ const routes = [
             ),
     },
     {
+        path: '/reportDetail',
+        name: 'reportConpanyDetail',
+        meta: {
+            title: '单位考评报告详情',
+        },
+        component: () =>
+            import(
+                '../mobeilComponent/reportConpanyDetail.vue'
+            ),
+    },
+    {
         path: '/earlyWarning',
         name: 'earlyWarning',
         meta: {