风机信息样式

cpp-ui/src/views/configManager/windturbineinfo/index.vue

@@ -1,22 +1,23 @@
 <template>
   <div class="app-container">
-    <el-form ref="queryForm" size="small" :inline="true">
-      <el-form-item label="场站名称">
-        <el-select v-model="stationCode" placeholder="请选择">
-          <el-option
-            v-for="item in stationList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" size="mini" style="margin-left: 5px" icon="el-icon-search" @click="beforeQuery">查询
-        </el-button>
-      </el-form-item>
-    </el-form>
-
+    <div class="dark-el-input dark-el-button">
+      <el-form ref="queryForm" size="small" :inline="true">
+        <el-form-item label="场站名称">
+          <el-select v-model="stationCode" placeholder="请选择" popper-class="cpp-popper">
+            <el-option
+              v-for="item in stationList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" style="margin-left: 5px" icon="el-icon-search" @click="beforeQuery">查询
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </div>
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
         <el-button
@@ -85,7 +86,6 @@
         export-config
         highlight-current-row
         show-overflow
-        height="528"
         :data="tableData"
         :radio-config="{trigger: 'row'}">
         <vxe-column type="radio" width="60"/>
@@ -109,78 +109,82 @@
     </div>
 
     <el-dialog :title="title" :visible.sync="open" :close-on-click-modal="false" width="750px" height="600px">
-      <el-form ref="form" :model="form" :rules="rules" width="730px" label-width="130px">
-        <el-row class="mb4">
-          <el-col :span="12">
-            <el-form-item label="所属场站" prop="stationCode">
-              <el-select
-                v-model="form.stationCode"
-                placeholder="请选择"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in this.stationList"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="设备名称" prop="name">
-              <el-input style="width: 100%" v-model="form.name" maxlength="50"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row class="mb4">
-          <el-col :span="12">
-            <el-form-item label="制造商" prop="manufacturer">
-              <el-input style="width: 100%" v-model="form.manufacturer" maxlength="50"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="型号" prop="modelNumber">
-              <el-input style="width: 100%" v-model="form.modelNumber" maxlength="50"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row class="mb4">
-          <el-col :span="12">
-            <el-form-item label="是否样板机" prop="sample">
-              <el-select
-                v-model="form.sample"
-                placeholder="请选择"
-                style="width: 100%"
-              >
-                <el-option
-                  v-for="item in this.yesNoOptions"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                />
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-          </el-col>
-        </el-row>
-        <el-row class="mb4">
-          <el-col :span="12">
-            <el-form-item label="经度：" prop="longitude">
-              <el-input v-model="form.longitude" maxlength="10"/>
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="纬度：" prop="latitude">
-              <el-input v-model="form.latitude" maxlength="10"/>
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="commitChannel">确 定</el-button>
-        <el-button @click="cancelChannel">取 消</el-button>
+      <div class="dark-el-input dark-el-button">
+        <el-form ref="form" :model="form" :rules="rules" width="730px" label-width="130px">
+          <el-row class="mb4">
+            <el-col :span="12">
+              <el-form-item label="所属场站" prop="stationCode">
+                <el-select
+                  v-model="form.stationCode"
+                  placeholder="请选择"
+                  style="width: 100%"
+                  popper-class="cpp-popper"
+                >
+                  <el-option
+                    v-for="item in this.stationList"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="设备名称" prop="name">
+                <el-input style="width: 100%" v-model="form.name" maxlength="50"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row class="mb4">
+            <el-col :span="12">
+              <el-form-item label="制造商" prop="manufacturer">
+                <el-input style="width: 100%" v-model="form.manufacturer" maxlength="50"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="型号" prop="modelNumber">
+                <el-input style="width: 100%" v-model="form.modelNumber" maxlength="50"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row class="mb4">
+            <el-col :span="12">
+              <el-form-item label="是否样板机" prop="sample">
+                <el-select
+                  v-model="form.sample"
+                  placeholder="请选择"
+                  style="width: 100%"
+                  popper-class="cpp-popper"
+                >
+                  <el-option
+                    v-for="item in this.yesNoOptions"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                  />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+            </el-col>
+          </el-row>
+          <el-row class="mb4">
+            <el-col :span="12">
+              <el-form-item label="经度：" prop="longitude">
+                <el-input v-model="form.longitude" maxlength="10"/>
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item label="纬度：" prop="latitude">
+                <el-input v-model="form.latitude" maxlength="10"/>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button type="primary" @click="commitChannel">确 定</el-button>
+          <el-button @click="cancelChannel">取 消</el-button>
+        </div>
       </div>
     </el-dialog>
   </div>