Browse Source

fix:周报样式

guotianliang 4 years ago
parent
commit
d22ab85822
1 changed files with 27 additions and 22 deletions
  1. 27 22
      src/views/ReportForm/weekReport/reportDetail.vue

+ 27 - 22
src/views/ReportForm/weekReport/reportDetail.vue

@@ -50,7 +50,7 @@
                             <div class="title_tips"><i class="el-icon-warning-outline"></i>各评价标准累计时长一定程度上反映出当前建筑的整体PM2.5浓度所处的水平</div>
                         </div>
                         <div class="right">
-                            <el-table size="mini" :data="pmDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                            <el-table size="mini" :data="pmDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                                   <el-table-column align="left" label="" width="30"></el-table-column>
                                   <!--{assessStandard:"WELL铂金级",range:"0~15"},  -->
                                   <el-table-column align="left" prop="name" label="评价标准"></el-table-column>
@@ -97,7 +97,7 @@
                 </div>
                 <div class="hcho_parame"  v-if="envType=='HCHO'">
                     <div class="content_title mp40"><span>异常空间</span>(峰值浓度排序)</div>
-                    <el-table size="mini" :data="hchogirdDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                    <el-table size="mini" :data="hchogirdDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                     <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                         <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                         <el-table-column property="abnormalProprotion" width='130' label="超标率(%)" align="left"></el-table-column>
@@ -110,14 +110,15 @@
                         </el-table-column>
                         <el-table-column label="解释" align="center">
                             <template slot-scope='{row}'>
-                                <el-input v-model="row.hchoRemark" size="small" maxlength="24"  @blur="changeInput(row,'hcho')"></el-input>
+                                {{row.hchoRemark}}
+                                <!-- <el-input v-model="row.hchoRemark" size="small" maxlength="24"  @blur="changeInput(row,'hcho')"></el-input> -->
                             </template>
                         </el-table-column>
                     </el-table>
                 </div>
                 <div class="co2_parame"  v-if="envType=='CO2'">
                     <div class="content_title mp40"><span>异常空间(峰值浓度排序)</span></div>
-                    <el-table size="mini" :data="co2girdDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                    <el-table size="mini" :data="co2girdDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                     <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                         <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                         <el-table-column property="abnormalProprotion" width='130' label="超标率(%)" align="left"></el-table-column>
@@ -131,7 +132,8 @@
                         </el-table-column>
                         <el-table-column label="解释" align="center">
                             <template slot-scope='{row}'>
-                                <el-input v-model="row.co2Remark" size="small" maxlength="24"  @blur="changeInput(row,'co2')"></el-input>
+                                {{row.co2Remark}}
+                                <!-- <el-input v-model="row.co2Remark" size="small" maxlength="24"  @blur="changeInput(row,'co2')"></el-input> -->
                             </template>
                         </el-table-column>
                     </el-table>
@@ -140,7 +142,7 @@
                         <li>
                             <p><span><b>CO₂:</b>通常作为建筑空间新风是否充足的量化参数</span></p>
                             <div>
-                                <el-table class="co2table" :data="co2Date" border :header-cell-style="{background:'#ffffff',color:'#606266',padding:'6px 0'}">
+                                <el-table class="co2table ft12" :data="co2Date" border :header-cell-style="{background:'#ffffff!important',color:'#606266',padding:'6px 0'}">
                                     <!-- <el-table-column width="30"></el-table-column> -->
                                     <el-table-column label="序号" type="index" width="60" align="left"></el-table-column>
                                     <el-table-column label="CO₂浓度区间" prop="area" align="left" width="150"></el-table-column>
@@ -154,7 +156,7 @@
                 </div>
                 <div class="rh_parame"  v-if="envType=='RH'">
                     <div class="content_title_noline mp40 mb16">参数解释</div>
-                    <ul class="paramlist">
+                    <ul class="paramlist ft12">
                         <li>
                             <p><i></i><span><b>相对湿度</b></span></p>
                             <div style="margin-top:8px">评价空气中的水蒸气的相对含量</div>
@@ -274,7 +276,7 @@
                     <div class="title_tips mb52"><i class="el-icon-warning-outline"></i>温馨提示:不同达标区间的空间数量分布一定程度上反映出整体的管控水平。</div>
                     <div class="content_body">
                         <div class="body_title"><span>偏热空间</span><span class="tabletag taghot">偏热</span></div>
-                        <el-table size="mini" :data="hotgirdDate" :height="520" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                        <el-table size="mini" :data="hotgirdDate" :height="520" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                         <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                             <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                             <el-table-column property="avgTemp" width='100' label="周均温度(°C)" align="left"></el-table-column>
@@ -284,12 +286,13 @@
                             <el-table-column property="hotNum" width='120' label="周累计热反馈数" align="left"></el-table-column>
                             <el-table-column label="解释" align="center">
                                 <template slot-scope='{row}'>
-                                    <el-input v-model="row.hotRemark" size="small" maxlength="24"  @blur="changeInput(row,'hot')"></el-input>
+                                    {{row.hotRemark}}
+                                    <!-- <el-input v-model="row.hotRemark" size="small" maxlength="24"  @blur="changeInput(row,'hot')"></el-input> -->
                                 </template>
                             </el-table-column>
                         </el-table>
                         <div class="body_title body_coldtitle"><span>偏冷空间</span><span class="tabletag tagclod">偏冷</span></div>
-                        <el-table size="mini" :data="coldgirdDate"  :height="520" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                        <el-table size="mini" :data="coldgirdDate"  :height="520" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                         <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                             <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                             <el-table-column property="avgTemp" width='100' label="周均温度(°C)" align="left"></el-table-column>
@@ -299,7 +302,8 @@
                             <el-table-column property="coldNum" width='120' label="周累计冷反馈数" align="left"></el-table-column>
                             <el-table-column label="解释" align="center">
                                 <template slot-scope='{row}'>
-                                    <el-input v-model="row.coldRemark"  maxlength="24" size="small" @blur="changeInput(row,'cold')"></el-input>
+                                    {{row.coldRemark}}
+                                    <!-- <el-input v-model="row.coldRemark"  maxlength="24" size="small" @blur="changeInput(row,'cold')"></el-input> -->
                                 </template>
                             </el-table-column>
                         </el-table>
@@ -406,7 +410,7 @@
                         </section>
                         <section>
                             <div class="content_title_noline mb16">合约与管控时间段</div>
-                            <el-table class="sj_table ft12" :data="custormList" :header-cell-style="{background:'#F8F9FA',color:'#606266',padding:'6px 0'}">
+                            <el-table class="sj_table ft12" :data="custormList" :header-cell-style="{background:'#F8F9FA!important',padding:'6px 0'}">
                                     <el-table-column align="left" width="40" ></el-table-column>
                                     <el-table-column align="left" prop="objectName"  label="空间组" ></el-table-column>
                                     <el-table-column align="left" label="合同约定温度达标区间">
@@ -473,7 +477,7 @@
                             <div class="title_tips"><i class="el-icon-warning-outline"></i>各评价标准累计时长一定程度上反映出当前建筑的整体PM2.5浓度所处的水平</div>
                         </div>
                         <div class="right">
-                            <el-table size="mini" :data="pmDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                            <el-table size="mini" :data="pmDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                                   <el-table-column align="left" label="" width="30"></el-table-column>
                                   <!--{assessStandard:"WELL铂金级",range:"0~15"},  -->
                                   <el-table-column align="left" prop="name" label="评价标准"></el-table-column>
@@ -484,7 +488,8 @@
                         </div>
                     </div>
                 </div>
-                <div class="title_tips"  v-if="envType=='Tdb'"><i class="el-icon-warning-outline"></i>评价标准、达标标准、计算方法见数据解释</div>
+                <div class="title_tips"  v-if="item.id=='Tdb'"><i class="el-icon-warning-outline"></i>评价标准、达标标准、计算方法见数据解释</div>
+                <div  v-if="item.id!=='Tdb'" style="height:20px"></div>
                 <div class="content_title mp40"><span>{{item.id==="Tdb"?'环境温度分析(时间维度)':'逐日详情'}}</span></div>
                 <div class="content_title_noline mb32">{{item.id==="Tdb"?'逐14日环境达标率及平均温度变化趋势':'逐日达标率及日浓度'}}</div>
                 <chartLegend class="charttext_p" :legend-type="item.id" :num-type="false"/>
@@ -515,7 +520,7 @@
                 </div>
                 <div class="hcho_parame"  v-if="item.id=='HCHO'">
                     <div class="content_title mp40"><span>异常空间</span>(峰值浓度排序)</div>
-                    <el-table size="mini"  :height="216" :data="hchogirdDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                    <el-table size="mini"  :height="216" :data="hchogirdDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                     <el-table-column label='序号'  prop width='80' type='index' align="left"></el-table-column>
                         <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                         <el-table-column property="abnormalProprotion" width='130' label="超标率(%)" align="left"></el-table-column>
@@ -535,7 +540,7 @@
                 </div>
                 <div class="co2_parame"  v-if="item.id=='CO2'">
                     <div class="content_title mp40"><span>异常空间(峰值浓度排序)</span></div>
-                    <el-table size="mini"  :height="216" :data="co2girdDate" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                    <el-table size="mini"  :height="216" :data="co2girdDate" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                     <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                         <el-table-column property="spaceName" width='130' label="空间名称" align="left"></el-table-column>
                         <el-table-column property="abnormalProprotion" width='130' label="超标率(%)" align="left"></el-table-column>
@@ -559,7 +564,7 @@
                         <li>
                             <p><span><b>CO₂:</b>通常作为建筑空间新风是否充足的量化参数</span></p>
                             <div>
-                                <el-table class="co2table ft12" :data="co2Date" border :header-cell-style="{background:'#ffffff',color:'#606266',padding:'6px 0'}">
+                                <el-table class="co2table ft12" :data="co2Date" border :header-cell-style="{background:'#ffffff!important',color:'#606266',padding:'6px 0'}">
                                     <!-- <el-table-column width="30"></el-table-column> -->
                                     <el-table-column label="序号" type="index" width="60" align="left"></el-table-column>
                                     <el-table-column label="CO₂浓度区间" prop="area" align="left" width="150"></el-table-column>
@@ -573,7 +578,7 @@
                 </div>
                 <div class="rh_parame"  v-if="item.id=='RH'">
                     <div class="content_title_noline mp40 mb16">参数解释</div>
-                    <ul class="paramlist">
+                    <ul class="paramlist ft12">
                         <li>
                             <p><i></i><span><b>相对湿度</b></span></p>
                             <div style="margin-top:8px">评价空气中的水蒸气的相对含量</div>
@@ -687,7 +692,7 @@
                     <div class="title_tips mb52"><i class="el-icon-warning-outline"></i>温馨提示:不同达标区间的空间数量分布一定程度上反映出整体的管控水平。</div>
                     <div class="content_body mb475">
                         <div class="body_title"><span>偏热空间</span><span class="tabletag taghot">偏热</span></div>
-                        <el-table size="mini" :data="hotgirdDate"  :height="396" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                        <el-table size="mini" :data="hotgirdDate"  :height="396" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                         <el-table-column label='序号' prop width='80' type='index' align="left"></el-table-column>
                             <el-table-column property="spaceName" width='130' show-overflow-tooltip label="空间名称" align="left"></el-table-column>
                             <el-table-column property="avgTemp" width='100' label="周均温度(°C)" align="left"></el-table-column>
@@ -702,7 +707,7 @@
                             </el-table-column>
                         </el-table>
                         <div class="body_title body_coldtitle"><span>偏冷空间</span><span class="tabletag tagclod">偏冷</span></div>
-                        <el-table size="mini" :data="coldgirdDate" :height="396" :header-cell-style="{background:'#F8F9FA',color:'#646A73',padding:'6px 0'}">
+                        <el-table size="mini" :data="coldgirdDate" :height="396" :header-cell-style="{background:'#F8F9FA!important',color:'#646A73',padding:'6px 0'}">
                         <el-table-column label='序号' prop width='80'  type='index' align="left"></el-table-column>
                             <el-table-column property="spaceName" width='130' show-overflow-tooltip label="空间名称" align="left"></el-table-column>
                             <el-table-column property="avgTemp" width='100' label="周均温度(°C)" align="left"></el-table-column>
@@ -816,7 +821,7 @@
                         </section>
                     <section>
                             <div class="content_title_noline mb16">合约与管控时间段</div>
-                            <el-table class="sj_table ft12" :height="620" :data="custormList.slice(0,12)" border :header-cell-style="{color:'#606266',padding:'6px 0'}">
+                            <el-table class="sj_table ft12" :height="620" :data="custormList.slice(0,12)" border :header-cell-style="{background:'#F8F9FA!important',padding:'6px 0'}">
                                     <!-- <el-table-column align="left" width="40" ></el-table-column> -->
                                     <el-table-column align="left" prop="objectName"  label="空间组" ></el-table-column>
                                     <el-table-column align="left" label="合同约定温度达标区间">
@@ -901,7 +906,7 @@ export default {
     data(){
         return {
             pdfPmDateShow:false,
-            mbList:[180,180,600,520,0],
+            mbList:[200,200,600,520,0],
             emailVisible:false,
             checkSendEmail:false,
             emailCheckList:[],