Parcourir la source

弹窗健康报告描述列居左,数值列居右

baiyanting il y a 1 an
Parent
commit
9e336e70c8
1 fichiers modifiés avec 274 ajouts et 49 suppressions
  1. 274 49
      src/components/other/healthReport/index.vue

+ 274 - 49
src/components/other/healthReport/index.vue

@@ -51,10 +51,30 @@
             stripe
             style="width: 100%; margin: 10px 0"
           >
-            <el-table-column prop="name" label="指标" />
-            <el-table-column prop="monthValue" label="当月值" />
-            <el-table-column prop="lastMonth1Value" label="上月值" />
-            <el-table-column prop="lastMonth2Value" label="前两月值" />
+            <el-table-column
+              prop="name"
+              label="指标"
+              align="left"
+              header-align="center"
+            />
+            <el-table-column
+              prop="monthValue"
+              label="当月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth1Value"
+              label="上月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth2Value"
+              label="前两月值"
+              align="right"
+              header-align="center"
+            />
           </el-table>
           <el-form>
             <el-form-item class="imp fw" v-if="false"
@@ -169,12 +189,47 @@
             stripe
             style="width: 100%; margin: 10px 0"
           >
-            <el-table-column prop="description" label="描述" />
-            <el-table-column prop="total" label="总次数" sortable />
-            <el-table-column prop="maxSeconds" label="最大时长" sortable />
-            <el-table-column prop="minSeconds" label="最小时长" sortable />
-            <el-table-column prop="avgSeconds" label="平均时长" sortable />
-            <el-table-column prop="totalSeconds" label="总时间" sortable />
+            <el-table-column
+              prop="description"
+              label="描述"
+              align="left"
+              header-align="center"
+            />
+            <el-table-column
+              prop="total"
+              label="总次数"
+              align="right"
+              sortable
+              header-align="center"
+            />
+            <el-table-column
+              prop="maxSeconds"
+              label="最大时长"
+              align="right"
+              sortable
+              header-align="center"
+            />
+            <el-table-column
+              prop="minSeconds"
+              label="最小时长"
+              align="right"
+              sortable
+              header-align="center"
+            />
+            <el-table-column
+              prop="avgSeconds"
+              label="平均时长"
+              align="right"
+              sortable
+              header-align="center"
+            />
+            <el-table-column
+              prop="totalSeconds"
+              label="总时间"
+              align="right"
+              sortable
+              header-align="center"
+            />
           </el-table>
         </div>
       </div>
@@ -525,11 +580,36 @@
             style="width: 100%; margin-bottom: 10px"
           >
             <el-table-column prop="dateRange" label="时间周期" />
-            <el-table-column prop="fdj" label="发电机" />
-            <el-table-column prop="clx" label="齿轮箱" />
-            <el-table-column prop="bj" label="变桨" />
-            <el-table-column prop="zz" label="主轴" />
-            <el-table-column prop="total" label="总计" />
+            <el-table-column
+              prop="fdj"
+              label="发电机"
+              header-align="center"
+              align="right"
+            />
+            <el-table-column
+              prop="clx"
+              label="齿轮箱"
+              header-align="center"
+              align="right"
+            />
+            <el-table-column
+              prop="bj"
+              label="变桨"
+              header-align="center"
+              align="right"
+            />
+            <el-table-column
+              prop="zz"
+              label="主轴"
+              header-align="center"
+              align="right"
+            />
+            <el-table-column
+              prop="total"
+              label="总计"
+              header-align="center"
+              align="right"
+            />
           </el-table>
         </el-form>
       </div>
@@ -553,12 +633,42 @@
             stripe
             style="width: 100%; margin-bottom: 10px"
           >
-            <el-table-column prop="gjcs" label="关键参数"></el-table-column>
-            <el-table-column prop="edz" label="额定值"></el-table-column>
-            <el-table-column prop="yxfw" label="允许范围"></el-table-column>
-            <el-table-column prop="qz" label="权重"></el-table-column>
-            <el-table-column prop="scz" label="实测值"></el-table-column>
-            <el-table-column prop="df" label="得分"></el-table-column>
+            <el-table-column
+              prop="gjcs"
+              label="关键参数"
+              align="left"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="edz"
+              label="额定值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="yxfw"
+              label="允许范围"
+              align="center"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="qz"
+              label="权重"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="scz"
+              label="实测值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="df"
+              label="得分"
+              align="right"
+              header-align="center"
+            ></el-table-column>
           </el-table>
         </el-form>
       </div>
@@ -622,12 +732,42 @@
             stripe
             style="width: 100%; margin-bottom: 10px"
           >
-            <el-table-column prop="gjcs" label="关键参数"></el-table-column>
-            <el-table-column prop="edz" label="额定值"></el-table-column>
-            <el-table-column prop="yxfw" label="允许范围"></el-table-column>
-            <el-table-column prop="qz" label="权重"></el-table-column>
-            <el-table-column prop="scz" label="实测值"></el-table-column>
-            <el-table-column prop="df" label="得分"></el-table-column>
+            <el-table-column
+              prop="gjcs"
+              label="关键参数"
+              align="left"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="edz"
+              label="额定值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="yxfw"
+              label="允许范围"
+              align="center"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="qz"
+              label="权重"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="scz"
+              label="实测值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="df"
+              label="得分"
+              align="right"
+              header-align="center"
+            ></el-table-column>
           </el-table>
         </el-form>
       </div>
@@ -682,12 +822,42 @@
             stripe
             style="width: 100%; margin: 10px 0"
           >
-            <el-table-column prop="gjcs" label="关键参数"></el-table-column>
-            <el-table-column prop="edz" label="额定值"></el-table-column>
-            <el-table-column prop="yxfw" label="允许范围"></el-table-column>
-            <el-table-column prop="qz" label="权重"></el-table-column>
-            <el-table-column prop="scz" label="实测值"></el-table-column>
-            <el-table-column prop="df" label="得分"></el-table-column>
+            <el-table-column
+              prop="gjcs"
+              label="关键参数"
+              align="left"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="edz"
+              label="额定值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="yxfw"
+              label="允许范围"
+              align="center"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="qz"
+              label="权重"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="scz"
+              label="实测值"
+              align="right"
+              header-align="center"
+            ></el-table-column>
+            <el-table-column
+              prop="df"
+              label="得分"
+              align="right"
+              header-align="center"
+            ></el-table-column>
           </el-table>
 
           <template v-if="false">
@@ -805,10 +975,30 @@
             stripe
             style="width: 100%; margin: 10px 0"
           >
-            <el-table-column prop="name" label="指标" />
-            <el-table-column prop="monthValue" label="当月值" />
-            <el-table-column prop="lastMonth1Value" label="上月值" />
-            <el-table-column prop="lastMonth2Value" label="前两月值" />
+            <el-table-column
+              prop="name"
+              label="指标"
+              align="left"
+              header-align="center"
+            />
+            <el-table-column
+              prop="monthValue"
+              label="当月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth1Value"
+              label="上月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth2Value"
+              label="前两月值"
+              align="right"
+              header-align="center"
+            />
           </el-table>
 
           <el-form-item class="imp fw text-indent-2"
@@ -846,10 +1036,30 @@
             stripe
             style="width: 100%; margin: 10px 0"
           >
-            <el-table-column prop="name" label="指标" />
-            <el-table-column prop="monthValue" label="当月值" />
-            <el-table-column prop="lastMonth1Value" label="上月值" />
-            <el-table-column prop="lastMonth2Value" label="前两月值" />
+            <el-table-column
+              prop="name"
+              label="指标"
+              align="left"
+              header-align="center"
+            />
+            <el-table-column
+              prop="monthValue"
+              label="当月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth1Value"
+              label="上月值"
+              align="right"
+              header-align="center"
+            />
+            <el-table-column
+              prop="lastMonth2Value"
+              label="前两月值"
+              align="right"
+              header-align="center"
+            />
           </el-table>
         </el-form>
       </div>
@@ -916,11 +1126,26 @@
                 stripe
                 style="width: 100%"
               >
-                <el-table-column prop="types" label="类型" />
-                <el-table-column prop="targetName" label="指标" />
-                <el-table-column prop="value" label="数值" />
-                <el-table-column prop="num" label="排名" />
-                <el-table-column prop="score" label="评分" />
+                <el-table-column
+                  prop="types"
+                  label="类型"
+                  align="left"
+                  header-align="center"
+                />
+                <el-table-column
+                  prop="targetName"
+                  label="指标"
+                  align="left"
+                  header-align="center"
+                />
+                <el-table-column
+                  prop="value"
+                  label="数值"
+                  align="right"
+                  header-align="center"
+                />
+                <el-table-column prop="num" align="center" label="排名" />
+                <el-table-column prop="score" label="评分" align="center" />
               </el-table>
             </tr>
           </table>
@@ -2091,9 +2316,9 @@ export default {
 
 <style lang="less">
 .cDialog {
-  .cell {
-    text-align: center;
-  }
+  //   .cell {
+  //     text-align: center;
+  //   }
 
   .el-dialog__body {
     max-height: 850px;