修改样式

src/styles/index.scss

 
 .el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
 .el-table__body tr.current-row > td {
-  background-color: #409eff;
-  color: #fff;
+  background-color: #ecf5ff !important;
+  color: #3a8ee6;
 }
 
 .el-table__body tr:hover > td {
-  background-color: #409eff !important;
+  background-color: #ecf5ff !important;
+  color: #3a8ee6;
+}
+.el-table__body tr > td:hover {
+  background-color: #409eff;
 }

src/xt_pages/management/components/QualityForm.vue

             >
               <el-button
                 size="mini"
-                type="primary"
+                type="danger"
                 icon="el-icon-delete"
                 @click="DeleteCultrues(scope.row.id, scope.$index)"
               ></el-button>

src/xt_pages/management/components/UserForm.vue

                 v-model="userform.classtype"
                 placeholder="请选择"
                 class="a"
+                style="width:150px"
               >
                 <el-option
                   v-for="item in classType"
           </el-col>
           <el-col :span="8">
             <el-form-item label="分区:">
-              <el-select v-model="userform.zone" placeholder="请选择" class="a">
+              <el-select
+                v-model="userform.zone"
+                placeholder="请选择"
+                class="a"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in zones"
                   :key="item.id"
                 :fetch-suggestions="querySearchAsync"
                 placeholder="请输入内容"
                 @select="handleSelect"
+                style="width:150px"
               >
                 <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
           <el-col :span="8">
             <el-form-item label="传染病:">
               <el-input
-                style="width:180px"
                 v-model="userform.contagion"
                 :disabled="true"
+                style="width:150px"
               ></el-input>
             </el-form-item>
           </el-col>
                 v-model="userform.dialysis_mode"
                 placeholder="请选择"
                 class="a"
+                style="width:150px"
               >
                 <el-option
                   v-for="item in treatmode"
                 value-format="yyyy-MM-dd HH:mm"
                 placeholder="选择时间"
                 v-model="userform.start_time"
-                style="width:200px;"
+                style="width:150px"
               ></el-date-picker>
             </el-form-item>
           </el-col>
                 value-format="yyyy-MM-dd HH:mm"
                 placeholder="选择时间"
                 v-model="userform.end_time"
-                style="width:200px;"
+                style="width:150px"
               ></el-date-picker>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="透析时长:">
               <el-input
-                style="width:180px"
+                style="width:150px"
                 v-model="userform.dialysis_time"
               ></el-input>
             </el-form-item>
           <el-col :span="8">
             <el-form-item label="实际超滤量:">
               <el-input
-                style="width:180px"
+                style="width:150px"
                 v-model="userform.hyperfiltratio"
               ></el-input>
             </el-form-item>
           <el-col :span="8">
             <el-form-item label="体重减少:">
               <el-input
-                style="width:180px"
+                style="width:150px"
                 v-model="userform.weight_loss"
               ></el-input>
             </el-form-item>
           <el-col :span="8">
             <el-form-item label="预警值:">
               <el-input
-                style="width:180px"
+                style="width:150px"
                 v-model="userform.warning_value"
               ></el-input>
             </el-form-item>
           <el-col :span="8">
             <el-form-item label="使用次数:">
               <el-input
-                style="width:180px"
+                style="width:150px"
                 v-model="userform.user_total"
               ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="消毒方式:">
-              <el-select v-model="userform.disinfect_type" placeholder="请选择">
+              <el-select
+                v-model="userform.disinfect_type"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in disinfectType"
                   :key="item.id"
               <el-select
                 v-model="userform.disinfectant_type"
                 placeholder="请选择"
+                style="width:150px"
               >
                 <el-option
                   v-for="item in disinfectantType"
           </el-col>
         </el-row>
         <el-row>
+          <el-col :span="2" style="visibility: hidden;">
+            <el-form-item label="②液路"></el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="消毒状态:">
-              <el-select v-model="userform.disinfection" placeholder="请选择">
+              <el-select
+                v-model="userform.disinfection"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in disinfection"
                   :key="item.id"
           </el-col>
           <el-col :span="8">
             <el-form-item label="消毒方式:">
-              <el-select v-model="userform.fluid_path" placeholder="请选择">
+              <el-select
+                v-model="userform.fluid_path"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in sterilizeType"
                   :key="item.id"
           </el-col>
           <el-col :span="8">
             <el-form-item label="消毒液:">
-              <el-select v-model="userform.disinfectant" placeholder="请选择">
+              <el-select
+                v-model="userform.disinfectant"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in fluidPathType"
                   :key="item.id"
           </el-col>
         </el-row>
         <el-row>
+          <el-col :span="2" style="visibility: hidden;">
+            <el-form-item label="②液路"></el-form-item>
+          </el-col>
           <el-col :span="8">
             <el-form-item label="消毒状态:">
               <el-select
                 v-model="userform.disinfection_status"
                 placeholder="请选择"
+                style="width:150px"
               >
                 <el-option
                   v-for="item in disinfection"
           <el-col :span="8">
             <el-form-item label="消毒时长:">
               <el-input
-                style="width:135px"
+                style="width:140px"
                 v-model="userform.longtime"
               ></el-input
               >分钟
                 value-format="yyyy-MM-dd HH:mm"
                 placeholder="选择时间"
                 v-model="userform.starttime"
-                style="width:200px;"
+                style="width:150px"
               ></el-date-picker>
             </el-form-item>
           </el-col>
                 value-format="yyyy-MM-dd HH:mm"
                 placeholder="选择时间"
                 v-model="userform.endtime"
-                style="width:200px;"
+                style="width:150px"
               ></el-date-picker>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3">
-            <el-form-item label="透析机消毒液:"></el-form-item>
-          </el-col>
-          <el-col :span="2">
-            <el-checkbox v-model="userform.dialysis_checked">更换</el-checkbox>
+          <el-col :span="8">
+            <el-form-item
+              label="透析机消毒液:"
+              style="display:flex;align-items:center"
+            >
+              <el-checkbox v-model="userform.dialysis_checked"
+                >更换</el-checkbox
+              >
+            </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="名称:">
-              <el-select v-model="userform.dialysis_name" placeholder="请选择">
+              <el-select
+                v-model="userform.dialysis_name"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in names"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="8">
             <el-form-item label="规格:">
-              <el-input style="width:100px" v-model="userform.norms"></el-input
+              <el-input style="width:150px" v-model="userform.norms"></el-input
               >桶
             </el-form-item>
             <span style="color:red" v-show="showone"
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3">
-            <el-form-item label="细菌过滤器:"></el-form-item>
-          </el-col>
-          <el-col :span="7">
-            <el-checkbox v-model="userform.germ_checked">更换</el-checkbox>
-            <span style="color:red" v-show="showone"
-              >您已一个月未更换,请注意检测</span
+          <el-col :span="8">
+            <el-form-item
+              label="细菌过滤器:"
+              style="display:flex;align-items:center"
             >
+              <el-checkbox v-model="userform.germ_checked">更换</el-checkbox>
+              <span style="color:red" v-show="showone"
+                >您已一个月未更换,请注意检测</span
+              >
+            </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="名称:">
-              <el-select v-model="userform.germ_name" placeholder="请选择">
+              <el-select
+                v-model="userform.germ_name"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in germs"
                   :key="item.id"
                   :label="item.name"
                   :value="item.id"
-                  style="width:200px"
+                  style="width:150px"
                 ></el-option>
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="8">
             <el-form-item label="数量:">
               <el-input
-                style="width:100px"
+                style="width:150px"
                 v-model="userform.germ_number"
               ></el-input
               >支
           </el-col>
         </el-row>
         <el-row>
-          <el-col :span="3">
-            <el-form-item label="空气滤网清洁:"></el-form-item>
-          </el-col>
-          <el-col :span="10">
-            <el-checkbox v-model="userform.clean">清洁:</el-checkbox>
-            <span style="color:red" v-show="showone"
-              >您已一个月未清洁,请检查</span
+          <el-col :span="8">
+            <el-form-item
+              label="空气滤网清洁:"
+              style="display:flex;align-items:center"
             >
+              <el-checkbox v-model="userform.clean">清洁:</el-checkbox>
+              <span style="color:red" v-show="showone"
+                >您已一个月未清洁,请检查</span
+              >
+            </el-form-item>
           </el-col>
-          <el-col :span="10">
+          <el-col :span="8">
             <el-form-item label="签名:">
-              <el-select v-model="userform.sign_name" placeholder="请选择">
+              <el-select
+                v-model="userform.sign_name"
+                placeholder="请选择"
+                style="width:150px"
+              >
                 <el-option
                   v-for="item in autograph"
                   :key="item.admin_user_id"
     margin-left: 15px;
   }
 }
+#user-form {
+  .el-dialog__footer {
+    text-align: right;
+  }
+}
 </style>

src/xt_pages/workforce/components/tableData.vue

 }
 
 .el-table__body tr.current-row > td {
-  background-color: #409eff;
+  background-color: #409eff !important;
+}
+// .el-table__body tr > td:hover {
+//   background-color: #409eff !important;
+// }
+#table_data {
+  .el-table__body tr > td:hover {
+    background-color: #409eff !important;
+    color: #fff;
+  }
 }
 </style>