电动阀UI调整

src/views/RemotePage/ZdlmSelfTest.vue

 <template>
   <el-card class="card-contianer">
-    <el-form :model="form" label-width="auto" style="max-width: 600px;height: 100%">
+    <el-form class="card-form" :model="form" label-width="auto" :style="{minHeight:h+'px',maxWidth:400+'px'}">
       <el-form-item label="自检计划名称">
         <el-input v-model="form.name" />
       </el-form-item>
@@ -55,6 +55,9 @@ import { ElMessage } from 'element-plus'
 
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 import http from '../../api/http'
+
+var h=window.innerHeight - 165;
+
 const form = reactive({
   planId: '',
   name: '',
@@ -141,13 +144,11 @@ function get() {
   height: 100%;
   overflow: hidden;
     
-
-
-
 }
 
 .card-form {
   width: 100%;
-  height: 300px;
+  // text-align: center;
+  padding-left: 35%;
 }
 </style>
\ No newline at end of file