Merge branch 'superman' of http://git.shengws.com/zhangbj/xt_vue into superman

src/styles/index.scss

 .el-checkbox__inner {
   border: 1px solid #696969 !important;
 }
+
+.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;
+}
+
+.el-table__body tr:hover > td {
+  background-color: #409eff !important;
+}

src/xt_pages/management/components/QualityForm.vue

 <template>
   <div id="quality-form">
     <el-row class="row">
-      <el-col :span="4">
+      <el-col :span="5">
         <span class="machineClass">机号:</span>
         <el-select style="width:100px" v-model="forms.bed">
           <el-option
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="6">
-        <el-select
-          style="width:175px"
-          v-model="forms.sename"
-          @change="changeTable"
-        >
+      <el-col :span="4">
+        <el-select style="width:130px" v-model="forms.sename" @change="changeTable">
           <el-option
             v-for="item in this.tableTypes"
             :key="item.id"
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="11">
+      <el-col :span="12">
         <span class="machineClass">日期查询:</span>
         <el-date-picker
           v-model="forms.start_time"
           format="yyyy-MM-dd"
           value-format="yyyy-MM-dd"
           style="width:150px"
-        ></el-date-picker
-        >-
+        ></el-date-picker>-
         <el-date-picker
           v-model="forms.end_time"
           prefix-icon="none"
         <el-button>打印</el-button>
       </el-col>-->
     </el-row>
-    <el-row>
+    <el-row style="display: flex;align-items: center;">
       <el-col :span="2">
-        <el-checkbox v-model="checkAllStatus" @change="changeCheck"
-          >全选</el-checkbox
-        >
+        <el-checkbox v-model="checkAllStatus" @change="changeCheck">全选</el-checkbox>
       </el-col>
-      <el-col :span="3" class="a">
-        <el-button size="small" @click="BatchDelete" v-show="show"
-          >批量删除</el-button
-        >
-        <el-button size="small" @click="BatchDeleteOne" v-show="showOne"
-          >批量删除</el-button
-        >
-        <el-button size="small" @click="BatchDeleteTwo" v-show="showTwo"
-          >批量删除</el-button
-        >
+      <el-col :span="3">
+        <el-button size="small" @click="BatchDelete" v-show="show">批量删除</el-button>
+        <el-button size="small" @click="BatchDeleteOne" v-show="showOne">批量删除</el-button>
+        <el-button size="small" @click="BatchDeleteTwo" v-show="showTwo">批量删除</el-button>
       </el-col>
     </el-row>
     <el-row>
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
         :data="tableData"
         border
         fit
         style="width: 100%;margin-top: 10px;"
         v-show="show"
       >
-        <el-table-column
-          align="center"
-          type="selection"
-          width="55"
-        ></el-table-column>
+        <el-table-column align="center" type="selection" width="55"></el-table-column>
         <el-table-column prop="date" label="机号" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.bed }}</template>
         </el-table-column>
-        <el-table-column
-          prop="name"
-          label="取样日期"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="name" label="取样日期" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.speling_date)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="取样标本"
-          width="100"
-          align="center"
-        >
+        <el-table-column prop="address" label="取样标本" width="100" align="center">
           <template slot-scope="scope">{{ scope.row.specimen }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="A浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="A浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrate_noa
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="B浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrate_nob
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="采样部位"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="采样部位" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.sampling_locationa
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测单位"
-          width="100"
-          align="center"
-        >
+        <el-table-column prop="address" label="检测单位" width="100" align="center">
           <template slot-scope="scope">{{ scope.row.detection_unit }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="取样者"
-          width="80"
-          align="center"
-        >
+        <el-table-column prop="address" label="取样者" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.user_name }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="出报告日期"
-          width="110"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="出报告日期" width="110" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.reporting_date)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测结果(cfu/ml)"
-          width="140"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="检测结果(cfu/ml)" width="140" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.detection_result
-          }}</template>
+            }}
+          </template>
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="编辑"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <el-button
                 size="mini"
                 type="primary"
               ></el-button>
             </el-tooltip>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="删除"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button
                 size="mini"
                 type="primary"
         style="width: 100%;margin-top: 10px;"
         v-show="showOne"
       >
-        <el-table-column
-          align="center"
-          type="selection"
-          width="55"
-        ></el-table-column>
+        <el-table-column align="center" type="selection" width="55"></el-table-column>
         <el-table-column prop="date" label="机号" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.bed }}</template>
         </el-table-column>
-        <el-table-column
-          prop="name"
-          label="取样日期"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="name" label="取样日期" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.sampling_date)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="取样标本"
-          width="100"
-          align="center"
-        >
+        <el-table-column prop="address" label="取样标本" width="100" align="center">
           <template slot-scope="scope">{{ scope.row.specimenb }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="A浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="A浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrate_noc
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="B浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrateb_nod
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="采样部位"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="采样部位" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.sampling_locationb
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测单位"
-          width="100"
-          align="center"
-        >
+        <el-table-column prop="address" label="检测单位" width="100" align="center">
           <template slot-scope="scope">{{ scope.row.detection_unit }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="取样者"
-          width="80"
-          align="center"
-        >
+        <el-table-column prop="address" label="取样者" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.user_name }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="出报告日期"
-          width="110"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="出报告日期" width="110" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.reporting_dateb)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测结果(cfu/ml)"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="检测结果(cfu/ml)" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.detection_resultb
-          }}</template>
+            }}
+          </template>
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="编辑"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <el-button
                 size="mini"
                 type="primary"
               ></el-button>
             </el-tooltip>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="删除"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button
                 size="mini"
                 type="primary"
         style="width: 100%;margin-top: 10px;"
         v-show="showTwo"
       >
-        <el-table-column
-          align="center"
-          type="selection"
-          width="55"
-        ></el-table-column>
+        <el-table-column align="center" type="selection" width="55"></el-table-column>
         <el-table-column prop="date" label="机号" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.bed }}</template>
         </el-table-column>
         <el-table-column prop="name" label="取样日期" width="80" align="center">
-          <template slot-scope="scope">{{
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.sampling_date)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="取样者"
-          width="80"
-          align="center"
-        >
+        <el-table-column prop="address" label="取样者" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.user_name }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测单位"
-          width="80"
-          align="center"
-        >
+        <el-table-column prop="address" label="检测单位" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.detection_unit }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="A浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="A浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrate_nof
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="B浓缩液批号"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.concentrate_nog
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="出报告日期"
-          width="80"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="出报告日期" width="80" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.date_reportc)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="检测结果"
-          width="80"
-          align="center"
-        >
-          <el-table-column
-            prop="address"
-            label="实际Na⁺(mmol/L)"
-            width="80"
-            align="center"
-          >
+        <el-table-column prop="address" label="检测结果" width="80" align="center">
+          <el-table-column prop="address" label="实际Na⁺(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_na }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="配方Na⁺(mmol/L)"
-            width="90"
-            align="center"
-          >
+          <el-table-column prop="address" label="配方Na⁺(mmol/L)" width="90" align="center">
             <template slot-scope="scope">{{ scope.row.actual_pna }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="K⁺(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="K⁺(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_k }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="Ca2⁺(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="Ca2⁺(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_ca }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="Cl¯(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="Cl¯(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_ci }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="HCO3¯(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="HCO3¯(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_hco }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="Mg2⁺(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="Mg2⁺(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_mg }}</template>
           </el-table-column>
-          <el-table-column
-            prop="address"
-            label="PH(mmol/L)"
-            width="80"
-            align="center"
-          >
+          <el-table-column prop="address" label="PH(mmol/L)" width="80" align="center">
             <template slot-scope="scope">{{ scope.row.actual_ph }}</template>
           </el-table-column>
         </el-table-column>
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="编辑"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <el-button
                 size="mini"
                 type="primary"
               ></el-button>
             </el-tooltip>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="删除"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button
                 size="mini"
                 type="primary"
     </el-row>
 
     <!-- 编辑细菌培养 -->
-    <el-dialog
-      title="细菌培养"
-      :visible.sync="dialogVisible"
-      width="60%"
-      center
-    >
+    <el-dialog title="细菌培养" :visible.sync="dialogVisible" width="60%" center>
       <el-form :model="form" ref="form" :rules="rules">
         <el-row>
           <el-col :span="8">
           </el-col>
           <el-col :span="8">
             <el-form-item label="取样标本:">
-              <el-select
-                style="width:130px"
-                v-model="form.specimen"
-                @change="changeSpecimen"
-              >
+              <el-select style="width:130px" v-model="form.specimen" @change="changeSpecimen">
                 <el-option
                   v-for="item in samplingSpecimen"
                   :key="item.id"
           </el-col>
           <el-col :span="8">
             <el-form-item label="A浓缩液批号:">
-              <el-input
-                style="width:130px"
-                v-model="form.concentrate_noa"
-                :disabled="disable"
-              ></el-input>
+              <el-input style="width:130px" v-model="form.concentrate_noa" :disabled="disable"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="B浓缩液批号">
-              <el-input
-                style="width:130px"
-                v-model="form.concentrate_nob"
-                :disabled="diableTwo"
-              ></el-input>
+              <el-input style="width:130px" v-model="form.concentrate_nob" :disabled="diableTwo"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
           </el-col>
           <el-col :span="8">
             <el-form-item label="检测单位:" required prop="detection_unit">
-              <el-input
-                style="width:180px"
-                v-model="form.detection_unit"
-              ></el-input>
+              <el-input style="width:180px" v-model="form.detection_unit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="UpdateCulture('form')"
-          >保存</el-button
-        >
+        <el-button type="primary" @click="UpdateCulture('form')">保存</el-button>
       </span>
     </el-dialog>
 
     <!-- 编辑内霉素检测 -->
-    <el-dialog
-      title="内霉素检测"
-      :visible.sync="dialogVisibleTwo"
-      width="60%"
-      center
-    >
+    <el-dialog title="内霉素检测" :visible.sync="dialogVisibleTwo" width="60%" center>
       <el-form :model="diaForm" ref="diaForm" rules="diaRules">
         <el-row>
           <el-col :span="8">
           </el-col>
           <el-col :span="8">
             <el-form-item label="取样标本:">
-              <el-select
-                style="width:130px"
-                v-model="diaForm.specimenb"
-                @change="changeSpeciment"
-              >
+              <el-select style="width:130px" v-model="diaForm.specimenb" @change="changeSpeciment">
                 <el-option
                   v-for="item in samplingSpecimen"
                   :key="item.id"
           </el-col>
           <el-col :span="8">
             <el-form-item label="A浓缩液批号:">
-              <el-input
-                style="width:130px"
-                v-model="diaForm.concentrate_noc"
-                :disabled="disable"
-              ></el-input>
+              <el-input style="width:130px" v-model="diaForm.concentrate_noc" :disabled="disable"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
           </el-col>
           <el-col :span="8">
             <el-form-item label="采样部位:">
-              <el-select
-                style="width:130px"
-                v-model="diaForm.sampling_locationb"
-              >
+              <el-select style="width:130px" v-model="diaForm.sampling_locationb">
                 <el-option
                   v-for="item in samplingLocation"
                   :key="item.id"
           </el-col>
           <el-col :span="8">
             <el-form-item label="检测单位:" required prop="detection_unit">
-              <el-input
-                style="width:180px"
-                v-model="diaForm.detection_unit"
-              ></el-input>
+              <el-input style="width:180px" v-model="diaForm.detection_unit"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisibleTwo = false">取 消</el-button>
-        <el-button type="primary" @click="UpdateDialyState('diaForm')"
-          >保存</el-button
-        >
+        <el-button type="primary" @click="UpdateDialyState('diaForm')">保存</el-button>
       </span>
     </el-dialog>
 
     <!--  -->
-    <el-dialog
-      title="透析液离子浓度检测"
-      :visible.sync="dialogVisibleThree"
-      width="50%"
-      center
-    >
+    <el-dialog title="透析液离子浓度检测" :visible.sync="dialogVisibleThree" width="50%" center>
       <el-row>
         <el-form :model="ionForm" ref="ionForm" :rule="ionrule">
           <el-row>
             </el-col>
             <el-col :span="8">
               <el-form-item label="检测单位:" required prop="detection_unit">
-                <el-input
-                  style="width:180px"
-                  v-model="ionForm.detection_unit"
-                ></el-input>
+                <el-input style="width:180px" v-model="ionForm.detection_unit"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="8">
               <el-form-item label="A浓缩液批号:">
-                <el-input
-                  style="width:130px"
-                  v-model="ionForm.concentrate_nof"
-                ></el-input>
+                <el-input style="width:130px" v-model="ionForm.concentrate_nof"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="B浓缩液批号:">
-                <el-input
-                  style="width:130px"
-                  v-model="ionForm.concentrate_nog"
-                ></el-input>
+                <el-input style="width:130px" v-model="ionForm.concentrate_nog"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
           <el-row>
             <el-col :span="8">
               <el-form-item label="实际Na⁺(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_na"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_na"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="配方Na⁺(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_pna"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_pna"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="K⁺ (mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_k"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_k"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="8">
               <el-form-item label="Ca2⁺(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_ca"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_ca"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="CI¯(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_ci"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_ci"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="HCO3¯(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_hco"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_hco"></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="8">
               <el-form-item label="Mg2⁺(mmol/L):">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_mg"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_mg"></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="8">
               <el-form-item label="PH:">
-                <el-input
-                  style="width:100px"
-                  v-model="ionForm.actual_ph"
-                ></el-input>
+                <el-input style="width:100px" v-model="ionForm.actual_ph"></el-input>
               </el-form-item>
             </el-col>
           </el-row>

src/xt_pages/management/components/RepairForm.vue

 <template>
   <div>
     <el-row class="row">
-      <el-col :span="4">
+      <el-col :span="5">
         <span class="machineClass">机号:</span>
         <el-select style="width:100px" v-model="forms.bed">
           <el-option
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="11">
+      <el-col :span="12">
         <span class="machineClass">日期查询:</span>
         <el-date-picker
           v-model="forms.start_time"
           format="yyyy-MM-dd"
           value-format="yyyy-MM-dd"
           style="width:150px"
-        ></el-date-picker
-        >-
+        ></el-date-picker>-
         <el-date-picker
           v-model="forms.end_time"
           prefix-icon="none"
         <el-button @click="queryRepair()">查询</el-button>
       </el-col>
     </el-row>
-    <el-row>
-        <el-col :span="2">
-        <el-checkbox v-model="checkAllStatus" @change="changeCheck"
-          >全选</el-checkbox
-        >
+    <el-row style="display: flex;align-items: center;">
+      <el-col :span="2">
+        <el-checkbox v-model="checkAllStatus" @change="changeCheck">全选</el-checkbox>
       </el-col>
-      <el-col :span="2" class="a">
+      <el-col :span="2">
         <el-button size="small" @click="BatchDelete">批量删除</el-button>
       </el-col>
     </el-row>
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
         :data="tableData"
         border
         fit
         highlight-current-row
         style="width: 100%;margin-top: 10px;"
       >
-        <el-table-column
-          align="center"
-          type="selection"
-          width="55"
-        ></el-table-column>
+        <el-table-column align="center" type="selection" width="55"></el-table-column>
         <el-table-column prop="date" label="机号" width="80" align="center">
           <template slot-scope="scope">{{ scope.row.bed_number }}</template>
         </el-table-column>
-        <el-table-column
-          prop="name"
-          label="保修时间"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="name" label="保修时间" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTime(scope.row.guarantee_date)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="出发时间"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="出发时间" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTimes(scope.row.start_time)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="到达时间"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="到达时间" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTimes(scope.row.arrive_time)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="完成时间"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="完成时间" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             getTimes(scope.row.finish_time)
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="总路程(公里)"
-          width="110"
-          align="center"
-        >
+        <el-table-column prop="address" label="总路程(公里)" width="110" align="center">
           <template slot-scope="scope">{{ scope.row.total_distance }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="故障发生阶段"
-          width="110"
-          align="center"
-        >
+        <el-table-column prop="address" label="故障发生阶段" width="110" align="center">
           <template slot-scope="scope">{{ scope.row.failure_stage }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="故障提示信息及代码"
-          width="120"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="故障提示信息及代码" width="120" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.code_information
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="故障描述"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="故障描述" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.fault_description
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="原因分析"
-          width="100"
-          align="center"
-        >
+        <el-table-column prop="address" label="原因分析" width="100" align="center">
           <template slot-scope="scope">{{ scope.row.cause_analysis }}</template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="处理过程"
-          width="100"
-          align="center"
-        >
-          <template slot-scope="scope">{{
+        <el-table-column prop="address" label="处理过程" width="100" align="center">
+          <template slot-scope="scope">
+            {{
             scope.row.treatment_process
-          }}</template>
+            }}
+          </template>
         </el-table-column>
-        <el-table-column
-          prop="address"
-          label="故障是否排除"
-          width="110"
-          align="center"
-        >
+        <el-table-column prop="address" label="故障是否排除" width="110" align="center">
           <template slot-scope="scope">{{ scope.row.exclude }}</template>
         </el-table-column>
         <el-table-column prop="address" label="原因" width="80" align="center">
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="编辑"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <el-button
                 size="mini"
                 type="primary"
               ></el-button>
             </el-tooltip>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="删除"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button
                 size="mini"
-                type="primary"
+                type="danger"
                 icon="el-icon-delete"
                 @click="DeleteRepairs(scope.row.id, scope.$index)"
               ></el-button>
     </el-row>
 
     <!-- 编辑维修记录 -->
-    <el-dialog
-      title="编辑维修记录"
-      :visible.sync="dialogVisible"
-      width="65%"
-      center
-    >
+    <el-dialog title="编辑维修记录" :visible.sync="dialogVisible" width="65%" center>
       <el-form :model="guaForm" ref="guaForm" :rules="repirRules">
         <el-row>
           <el-col :span="8">
           </el-col>
           <el-col :span="8">
             <el-form-item label="总路程:(公里)">
-              <el-input
-                style="width:200px"
-                v-model="guaForm.total_distance"
-              ></el-input>
+              <el-input style="width:200px" v-model="guaForm.total_distance"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
                   :value="gender.id"
                   v-for="(gender, index) in faultPhase"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
               </el-upload>
             </el-form-item>
             <a class="el-upload-list__item-name">
-              <i
-                ><a @click="toLink()">{{ filename }}</a></i
-              >
+              <i>
+                <a @click="toLink()">{{ filename }}</a>
+              </i>
             </a>
           </el-col>
         </el-row>
                   :value="gender.id"
                   v-for="(gender, index) in breakDown"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="UpdateRepair('guaForm')"
-          >保存</el-button
-        >
+        <el-button type="primary" @click="UpdateRepair('guaForm')">保存</el-button>
       </span>
     </el-dialog>
   </div>
   DeleteRepair,
   queryRepair,
   DeleteRepairs
-} from '@/api/manage'
-import { uParseTime } from '@/utils/tools'
-import { getFileExtension } from '@/utils/tools'
+} from "@/api/manage";
+import { uParseTime } from "@/utils/tools";
+import { getFileExtension } from "@/utils/tools";
 export default {
-  name: 'RepairForm',
+  name: "RepairForm",
   data() {
     return {
       dialogVisible: false,
       selectCulture: [],
       forms: {
-        bed: '',
+        bed: "",
         sename: 1,
-        start_time: '',
-        end_time: ''
+        start_time: "",
+        end_time: ""
       },
       guaForm: {
-        id: '',
-        guarantee_date: '',
-        start_time: '',
-        arrive_time: '',
-        finish_time: '',
-        total_distance: '',
-        failure_stage: '',
-        fault_description: '',
-        cause_analysis: '',
-        treatment_process: '',
-        images: '',
-        exclude: '',
-        reason: '',
-        code_information: '',
-        image_name: ''
+        id: "",
+        guarantee_date: "",
+        start_time: "",
+        arrive_time: "",
+        finish_time: "",
+        total_distance: "",
+        failure_stage: "",
+        fault_description: "",
+        cause_analysis: "",
+        treatment_process: "",
+        images: "",
+        exclude: "",
+        reason: "",
+        code_information: "",
+        image_name: ""
       },
       isIndeterminate: false,
       checkAllStatus: false,
       bedNumber: [],
       tableData: [],
-      qiniuDomain: 'https://images.shengws.com/',
-      uploadFileData: { token: '', key: '' },
+      qiniuDomain: "https://images.shengws.com/",
+      uploadFileData: { token: "", key: "" },
       faultPhase: [
-        { id: 1, name: '开机启动' },
-        { id: 2, name: '自检' },
-        { id: 3, name: '准备' },
-        { id: 4, name: '治疗' },
-        { id: 5, name: '消毒' }
+        { id: 1, name: "开机启动" },
+        { id: 2, name: "自检" },
+        { id: 3, name: "准备" },
+        { id: 4, name: "治疗" },
+        { id: 5, name: "消毒" }
       ],
       breakDown: [
-        { id: 1, name: '是' },
-        { id: 2, name: '待观察' },
-        { id: 3, name: '未解决' }
+        { id: 1, name: "是" },
+        { id: 2, name: "待观察" },
+        { id: 3, name: "未解决" }
       ],
       repirRules: {
-        guarantee_date: [{ required: true, message: '请填写保修日期' }],
-        fault_description: [{ required: true, message: '请填写故障描述' }]
+        guarantee_date: [{ required: true, message: "请填写保修日期" }],
+        fault_description: [{ required: true, message: "请填写故障描述" }]
       },
-      filename: '',
+      filename: "",
       limit: 10,
       page: 1,
       total: 0,
-      filename: ''
-    }
+      filename: ""
+    };
   },
   methods: {
     changeCheck() {
-      this.$refs.multipleTable.clearSelection()
+      this.$refs.multipleTable.clearSelection();
       if (this.checkAllStatus) {
-        this.$refs.multipleTable.toggleAllSelection()
+        this.$refs.multipleTable.toggleAllSelection();
       }
     },
     getAllSubregion() {
       getAllSubregion().then(response => {
-        var zones = response.data.data.zones
-        var numbers = response.data.data.numbers
-        var number = [{ id: 0, number: '全部' }]
+        var zones = response.data.data.zones;
+        var numbers = response.data.data.numbers;
+        var number = [{ id: 0, number: "全部" }];
         for (let index = 0; index < numbers.length; index++) {
-          const item = numbers[index]
-          number.push({ id: item.id, number: item.number })
+          const item = numbers[index];
+          number.push({ id: item.id, number: item.number });
         }
-        this.bedNumber = number
-      })
+        this.bedNumber = number;
+      });
     },
     handleSelectionChange(val) {
-      this.selectCulture = val
+      this.selectCulture = val;
     },
     getAllRepair() {
       getAllRepair(this.limit, this.page).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair
+          var repair = response.data.data.repair;
           // console.log('repair是', repair)
           // eslint-disable-next-line no-unused-vars
-          var total = response.data.data.total
-          this.total = total
+          var total = response.data.data.total;
+          this.total = total;
           for (let index = 0; index < repair.length; index++) {
             if (repair[index].failure_stage === 0) {
-              repair[index].failure_stage = ''
+              repair[index].failure_stage = "";
             }
 
             if (repair[index].failure_stage === 1) {
-              repair[index].failure_stage = '开机启动'
+              repair[index].failure_stage = "开机启动";
             }
             if (repair[index].failure_stage === 2) {
-              repair[index].failure_stage = '自检'
+              repair[index].failure_stage = "自检";
             }
             if (repair[index].failure_stage === 3) {
-              repair[index].failure_stage = '准备'
+              repair[index].failure_stage = "准备";
             }
             if (repair[index].failure_stage === 4) {
-              repair[index].failure_stage = '治疗'
+              repair[index].failure_stage = "治疗";
             }
             if (repair[index].failure_stage === 5) {
-              repair[index].failure_stage = '消毒'
+              repair[index].failure_stage = "消毒";
             }
 
             if (repair[index].exclude === 0) {
-              repair[index].exclude = ''
+              repair[index].exclude = "";
             }
 
             if (repair[index].exclude === 1) {
-              repair[index].exclude = '是'
+              repair[index].exclude = "是";
             }
             if (repair[index].exclude === 2) {
-              repair[index].exclude = '待观察'
+              repair[index].exclude = "待观察";
             }
             if (repair[index].exclude === 3) {
-              repair[index].exclude = '未解决'
+              repair[index].exclude = "未解决";
             }
           }
-          this.tableData = repair
+          this.tableData = repair;
         }
-      })
+      });
     },
     getTime(time) {
-      return uParseTime(time, '{y}-{m}-{d}')
+      return uParseTime(time, "{y}-{m}-{d}");
     },
     getTimes(time) {
-      return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
+      return uParseTime(time, "{y}-{m}-{d} {h}:{i}");
     },
     handleExceed(file) {
       // console.log(file)
       // console.log(file)
     },
     EditRepair(id) {
-      this.dialogVisible = true
+      this.dialogVisible = true;
       EditRepair(id).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair
-          console.log('repair', repair)
+          var repair = response.data.data.repair;
+          console.log("repair", repair);
           this.guaForm.guarantee_date = uParseTime(
             repair.guarantee_date,
-            '{y}-{m}-{d}'
-          )
+            "{y}-{m}-{d}"
+          );
           this.guaForm.start_time = uParseTime(
             repair.start_time,
-            '{y}-{m}-{d} {h}:{i}'
-          )
+            "{y}-{m}-{d} {h}:{i}"
+          );
           this.guaForm.arrive_time = uParseTime(
             repair.arrive_time,
-            '{y}-{m}-{d} {h}:{i}'
-          )
+            "{y}-{m}-{d} {h}:{i}"
+          );
           this.guaForm.finish_time = uParseTime(
             repair.finish_time,
-            '{y}-{m}-{d} {h}:{i}'
-          )
-          this.guaForm.total_distance = repair.total_distance
-          this.guaForm.failure_stage = repair.failure_stage
-          this.guaForm.fault_description = repair.fault_description
-          this.guaForm.cause_analysis = repair.cause_analysis
-          this.guaForm.treatment_process = repair.treatment_process
-          this.guaForm.images = repair.images
-          this.guaForm.exclude = repair.exclude
-          this.guaForm.reason = repair.reason
-          this.guaForm.code_information = repair.code_information
-          this.guaForm.id = repair.id
-          this.filename = repair.image_name
+            "{y}-{m}-{d} {h}:{i}"
+          );
+          this.guaForm.total_distance = repair.total_distance;
+          this.guaForm.failure_stage = repair.failure_stage;
+          this.guaForm.fault_description = repair.fault_description;
+          this.guaForm.cause_analysis = repair.cause_analysis;
+          this.guaForm.treatment_process = repair.treatment_process;
+          this.guaForm.images = repair.images;
+          this.guaForm.exclude = repair.exclude;
+          this.guaForm.reason = repair.reason;
+          this.guaForm.code_information = repair.code_information;
+          this.guaForm.id = repair.id;
+          this.filename = repair.image_name;
         }
-      })
+      });
     },
     handleSuccess(res, file, fileList) {
-      this.guaForm.images = this.qiniuDomain + res.url
-      console.log('图片上传', this.guaForm.images)
-      this.$refs.upload.clearFiles()
-      this.filename = file.name
-      this.guaForm.image_name = file.name
+      this.guaForm.images = this.qiniuDomain + res.url;
+      console.log("图片上传", this.guaForm.images);
+      this.$refs.upload.clearFiles();
+      this.filename = file.name;
+      this.guaForm.image_name = file.name;
     },
     beforeUploadFile(file) {
-      this.filename = file.name
-      this.guaForm.image_name = file.name
-      const isLt2M = file.size / 1024 / 1024 <= 2048
-      console.log('filename', file)
+      this.filename = file.name;
+      this.guaForm.image_name = file.name;
+      const isLt2M = file.size / 1024 / 1024 <= 2048;
+      console.log("filename", file);
       // console.log('视频大小', file.size / 1024 / 1024)
       // console.log('isLt2M是什么', isLt2M)
 
       if (!isLt2M) {
-        this.$message.error('上传视频大小不能超过 2G!')
-        return false
+        this.$message.error("上传视频大小不能超过 2G!");
+        return false;
       }
-      var date = new Date()
-      var ext = getFileExtension(file.name)
+      var date = new Date();
+      var ext = getFileExtension(file.name);
       var key =
         date.getFullYear() +
         (date.getMonth() + 1) +
         date.getHours() +
         date.getMinutes() +
         date.getSeconds() +
-        '_o_' +
+        "_o_" +
         file.uid +
-        '.' +
-        ext
-      const _self = this
+        "." +
+        ext;
+      const _self = this;
       return new Promise((resolve, reject) => {
         // eslint-disable-next-line no-undef
         getToken()
           .then(response => {
-            const token = response.data.data.uptoken
-            console.log('token2是什么?', token)
-            _self._data.uploadFileData.token = token
-            _self._data.uploadFileData.key = key
-            resolve(true)
+            const token = response.data.data.uptoken;
+            console.log("token2是什么?", token);
+            _self._data.uploadFileData.token = token;
+            _self._data.uploadFileData.key = key;
+            resolve(true);
           })
           // eslint-disable-next-line handle-callback-err
           .catch(err => {
-            reject(false)
-          })
-      })
+            reject(false);
+          });
+      });
     },
     toLink() {
-      window.location.href = this.guaForm.images
+      window.location.href = this.guaForm.images;
     },
     UpdateRepair(formName) {
       this.$refs[formName].validate(valid => {
         this.guaForm.start_time = uParseTime(
           this.guaForm.start_time,
-          '{y}-{m}-{d} {h}:{i}'
-        )
+          "{y}-{m}-{d} {h}:{i}"
+        );
         this.guaForm.arrive_time = uParseTime(
           this.guaForm.arrive_time,
-          '{y}-{m}-{d} {h}:{i}'
-        )
+          "{y}-{m}-{d} {h}:{i}"
+        );
         this.guaForm.finish_time = uParseTime(
           this.guaForm.finish_time,
-          '{y}-{m}-{d} {h}:{i}'
-        )
+          "{y}-{m}-{d} {h}:{i}"
+        );
 
-        if (this.guaForm.failure_stage === '') {
-          this.guaForm.failure_stage = 0
+        if (this.guaForm.failure_stage === "") {
+          this.guaForm.failure_stage = 0;
         }
 
-        var failurestages = this.guaForm.failure_stage
-        var falur = parseInt(failurestages)
-        this.guaForm.failure_stage = falur
+        var failurestages = this.guaForm.failure_stage;
+        var falur = parseInt(failurestages);
+        this.guaForm.failure_stage = falur;
 
-        if (this.guaForm.exclude === '') {
-          this.guaForm.exclude = 0
+        if (this.guaForm.exclude === "") {
+          this.guaForm.exclude = 0;
         }
-        var excludes = this.guaForm.exclude
-        var exclude = parseInt(excludes)
-        this.guaForm.exclude = exclude
+        var excludes = this.guaForm.exclude;
+        var exclude = parseInt(excludes);
+        this.guaForm.exclude = exclude;
         if (valid) {
           UpdateRepair(this.guaForm).then(response => {
             if (response.data.state === 1) {
-              var repair = response.data.data.repair
-              this.dialogVisible = false
-              this.$message.success('修改成功')
+              var repair = response.data.data.repair;
+              this.dialogVisible = false;
+              this.$message.success("修改成功");
             }
-          })
+          });
         }
-      })
+      });
     },
     BatchDelete() {
       if (this.selectCulture.length == 0) {
-        this.$message.error('请选择要删除的信息')
-        return false
+        this.$message.error("请选择要删除的信息");
+        return false;
       }
       this.$confirm(
-        '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
-        '删除提示',
+        "确认要删除所选记录吗? <br>删除后,信息将无法恢复",
+        "删除提示",
         {
           dangerouslyUseHTMLString: true,
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
         }
       ).then(() => {
-        var ids = []
-        var idMap = {}
+        var ids = [];
+        var idMap = {};
         for (const index in this.selectCulture) {
-          ids.push(this.selectCulture[index].id)
-          idMap[this.selectCulture[index].id] = this.selectCulture[index].id
+          ids.push(this.selectCulture[index].id);
+          idMap[this.selectCulture[index].id] = this.selectCulture[index].id;
         }
         DeleteRepair({ ids: ids }).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg
-            var planDataLength = this.tableData.length
+            var msg = response.data.data.msg;
+            var planDataLength = this.tableData.length;
             for (let index = planDataLength - 1; index >= 0; index--) {
               if (this.tableData[index].id in idMap) {
-                this.tableData.splice(index, 1)
+                this.tableData.splice(index, 1);
               }
             }
-            this.$message.success('删除成功')
+            this.$message.success("删除成功");
           }
-        })
-      })
+        });
+      });
     },
     queryRepair() {
       queryRepair(
         this.forms.end_time
       ).then(response => {
         if (response.data.state === 1) {
-          var repair = response.data.data.repair
-          this.tableData = repair
+          var repair = response.data.data.repair;
+          this.tableData = repair;
         }
-      })
+      });
     },
     handleSizeChange(limit) {
-      this.limit = limit
-      this.getAllRepair()
+      this.limit = limit;
+      this.getAllRepair();
     },
     handleCurrentChange(page) {
-      this.page = page
-      this.getAllRepair()
+      this.page = page;
+      this.getAllRepair();
     },
     DeleteRepairs(id, index) {
       this.$confirm(
-        '确认要删除所选记录吗? <br>删除后,信息将无法恢复',
-        '删除提示',
+        "确认要删除所选记录吗? <br>删除后,信息将无法恢复",
+        "删除提示",
         {
           dangerouslyUseHTMLString: true,
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning"
         }
       ).then(() => {
         DeleteRepairs(id, index).then(response => {
           if (response.data.state === 1) {
-            var msg = response.data.data.msg
-            this.tableData.splice(index, 1)
+            var msg = response.data.data.msg;
+            this.tableData.splice(index, 1);
           }
-        })
-      })
+        });
+      });
     }
   },
   created() {
-    this.getAllSubregion()
-    this.getAllRepair()
+    this.getAllSubregion();
+    this.getAllRepair();
   }
-}
+};
 </script>
 
 <style scoped>
-  .row{
-    margin-bottom:10px;
-  }
+.row {
+  margin-bottom: 10px;
+}
 </style>

src/xt_pages/management/components/UserForm.vue

           format="yyyy-MM-dd"
           value-format="yyyy-MM-dd"
           style="width:145px"
-        ></el-date-picker
-        >-
+        ></el-date-picker>-
         <el-date-picker
           v-model="form.end_time"
           prefix-icon="none"
           style="width:145px"
         ></el-date-picker>
       </el-col>
-      <el-col :span="4">
+      <el-col :span="5">
         <span class="machineClass">分区:</span>
-        <el-select style="width:90px" v-model="form.zone" @change="changeBed">
-          <el-option
-            v-for="item in this.zones"
-            :key="item.id"
-            :label="item.name"
-            :value="item.id"
-          ></el-option>
+        <el-select style="width:110px" v-model="form.zone" @change="changeBed">
+          <el-option v-for="item in this.zones" :key="item.id" :label="item.name" :value="item.id"></el-option>
         </el-select>
       </el-col>
-      <el-col :span="4">
+      <el-col :span="6">
         <span class="machineClass">机位号:</span>
-        <el-select style="width:80px" v-model="form.bed">
+        <el-select style="width:145px" v-model="form.bed">
           <el-option
             v-for="item in this.bedNumberTwo"
             :key="item.id"
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="5">
+      <el-col :span="2">
         <el-button @click="queryInfo()">查询</el-button>
       </el-col>
     </el-row>
-    <el-row :span="24">
+    <el-row :span="24" style="display: flex;align-items: center;">
       <el-col :span="2">
         <el-checkbox
           :indeterminate="isIndeterminate"
           v-model="checkAllStatus"
           @change="changeCheck"
-          >全选</el-checkbox
-        >
+        >全选</el-checkbox>
       </el-col>
       <el-col :span="3">
         <el-button size="small" @click="BatchDelete">批量删除</el-button>
       </el-col>
-      <el-col :span="6" class="a">
+      <el-col :span="6">
         <el-button @click="printCard">打印</el-button>
       </el-col>
     </el-row>
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
         :data="tableData"
         border
         fit
         highlight-current-row
         style="width: 100%;margin-top: 10px;"
       >
-        <el-table-column
-          align="center"
-          type="selection"
-          width="55"
-        ></el-table-column>
+        <el-table-column align="center" type="selection" width="55"></el-table-column>
         <el-table-column label="机号" align="center" width="50">
           <template slot-scope="scope">{{ scope.row.bed }}</template>
         </el-table-column>
         </el-table-column>
         <el-table-column label="机表消毒" align="center" min-width="110px">
           <el-table-column label="消毒方式" align="center" min-width="110px">
-            <template slot-scope="scope">
-              {{ scope.row.disinfect_type }}
-            </template>
+            <template slot-scope="scope">{{ scope.row.disinfect_type }}</template>
           </el-table-column>
           <el-table-column label="消毒液" align="center" min-width="110px">
-            <template slot-scope="scope">
-              {{ scope.row.disinfectant_type }}
-            </template>
+            <template slot-scope="scope">{{ scope.row.disinfectant_type }}</template>
           </el-table-column>
           <el-table-column label="消毒状态" align="center" min-width="110px">
             <template slot-scope="scope">{{ scope.row.disinfection }}</template>
           </el-table-column>
           <el-table-column label="消毒液浓度" align="center" min-width="110px">
-            <template slot-scope="scope">
-              {{ scope.row.dialysis_concentration }}
-            </template>
+            <template slot-scope="scope">{{ scope.row.dialysis_concentration }}</template>
           </el-table-column>
         </el-table-column>
         <el-table-column label="液路消毒" align="center" min-width="110px">
           <el-table-column label="消毒液" align="center" min-width="110px">
             <template slot-scope="scope">{{ scope.row.disinfectant }}</template>
           </el-table-column>
-          <el-table-column
-            label="开始消毒时间"
-            align="center"
-            min-width="110px"
-          >
-            <template slot-scope="scope">{{
-              getTimes(scope.row.disinfec_startime)
-            }}</template>
-          </el-table-column>
-          <el-table-column
-            label="结束消毒时间"
-            align="center"
-            min-width="110px"
-          >
+          <el-table-column label="开始消毒时间" align="center" min-width="110px">
             <template slot-scope="scope">
-              {{ getTimes(scope.row.disinfec_endtime) }}
+              {{
+              getTimes(scope.row.disinfec_startime)
+              }}
             </template>
           </el-table-column>
-          <el-table-column
-            label="消毒时长/min"
-            align="center"
-            min-width="110px"
-          >
+          <el-table-column label="结束消毒时间" align="center" min-width="110px">
+            <template slot-scope="scope">{{ getTimes(scope.row.disinfec_endtime) }}</template>
+          </el-table-column>
+          <el-table-column label="消毒时长/min" align="center" min-width="110px">
             <template slot-scope="scope">{{ scope.row.long_time }}</template>
           </el-table-column>
           <el-table-column label="消毒状态" align="center" min-width="110px">
-            <template slot-scope="scope">
-              {{ scope.row.disinfection_status }}
-            </template>
+            <template slot-scope="scope">{{ scope.row.disinfection_status }}</template>
           </el-table-column>
           <el-table-column label="消毒液残留" align="center" min-width="110px">
-            <template slot-scope="scope">
-              {{ scope.row.disinfection_residue }}
-            </template>
+            <template slot-scope="scope">{{ scope.row.disinfection_residue }}</template>
           </el-table-column>
         </el-table-column>
-        <el-table-column
-          label="透析机消毒液(更换)"
-          align="center"
-          min-width="110px"
-        >
-          <template slot-scope="scope">
-            {{ scope.row.dialysis_checked }}
-          </template>
+        <el-table-column label="透析机消毒液(更换)" align="center" min-width="110px">
+          <template slot-scope="scope">{{ scope.row.dialysis_checked }}</template>
         </el-table-column>
-        <el-table-column
-          label="细菌过滤器(更换)"
-          align="center"
-          min-width="110px"
-        >
+        <el-table-column label="细菌过滤器(更换)" align="center" min-width="110px">
           <template slot-scope="scope">{{ scope.row.germ_checked }}</template>
         </el-table-column>
         <el-table-column label="空气滤网" align="center" min-width="110px">
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="编辑"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="编辑" placement="top">
               <el-button
                 size="mini"
                 type="primary"
               ></el-button>
             </el-tooltip>
 
-            <el-tooltip
-              class="item"
-              effect="dark"
-              content="删除"
-              placement="top"
-            >
+            <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button
                 size="mini"
-                type="primary"
+                type="danger"
                 icon="el-icon-delete"
                 @click="DeleteUserLogin(scope.row.id, scope.$index)"
               ></el-button>
       ></el-pagination>
     </el-row>
 
-    <el-dialog
-      title="使用登记"
-      :visible.sync="dialogVisible"
-      width="65%"
-      center
-    >
+    <el-dialog title="使用登记" :visible.sync="dialogVisible" width="65%" center>
       <el-form :model="userform" ref="userform">
         <el-row>
           <el-col :span="8">
           </el-col>
           <el-col :span="8">
             <el-form-item label="班次:">
-              <el-select
-                v-model="userform.classtype"
-                placeholder="请选择"
-                class="a"
-              >
+              <el-select v-model="userform.classtype" placeholder="请选择" class="a">
                 <el-option
                   v-for="item in classType"
                   :key="item.id"
           <el-col :span="8">
             <el-form-item label="分区:">
               <el-select v-model="userform.zone" placeholder="请选择" class="a">
-                <el-option
-                  v-for="item in zones"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                ></el-option>
+                <el-option v-for="item in zones" :key="item.id" :label="item.name" :value="item.id"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
                 placeholder="请输入内容"
                 @select="handleSelect"
               >
-                <i class="el-icon-search el-input__icon" slot="suffix"> </i>
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
                   <span class="addr">{{ item.name }}</span>
                 </template>
           </el-col>
           <el-col :span="8">
             <el-form-item label="传染病:">
-              <el-input
-                style="width:180px"
-                v-model="userform.contagion"
-                :disabled="true"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.contagion" :disabled="true"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="透析方式:">
-              <el-select
-                v-model="userform.dialysis_mode"
-                placeholder="请选择"
-                class="a"
-              >
+              <el-select v-model="userform.dialysis_mode" placeholder="请选择" class="a">
                 <el-option
                   v-for="item in treatmode"
                   :key="item.id"
         <el-row>
           <el-col :span="8">
             <el-form-item label="透析时长:">
-              <el-input
-                style="width:180px"
-                v-model="userform.dialysis_time"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.dialysis_time"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="实际超滤量:">
-              <el-input
-                style="width:180px"
-                v-model="userform.hyperfiltratio"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.hyperfiltratio"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="体重减少:">
-              <el-input
-                style="width:180px"
-                v-model="userform.weight_loss"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.weight_loss"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="8">
             <el-form-item label="预警值:">
-              <el-input
-                style="width:180px"
-                v-model="userform.warning_value"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.warning_value"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
             <el-form-item label="使用次数:">
-              <el-input
-                style="width:180px"
-                v-model="userform.user_total"
-              ></el-input>
+              <el-input style="width:180px" v-model="userform.user_total"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
                   :value="gender.id"
                   v-for="(gender, index) in runOption"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
                   :value="gender.id"
                   v-for="(gender, index) in faultPhase"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
         <el-row>
           <el-col :span="24">
             <el-form-item label="故障描述:">
-              <el-input
-                style="width:600px"
-                v-model="userform.fault_description"
-              ></el-input>
+              <el-input style="width:600px" v-model="userform.fault_description"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
         <el-row>
           <el-col :span="24">
             <el-form-item class="stoppage" label="故障提示信息及代码:">
-              <el-input
-                style="width:600px"
-                v-model="userform.code_information"
-              ></el-input>
+              <el-input style="width:600px" v-model="userform.code_information"></el-input>
             </el-form-item>
           </el-col>
         </el-row>
           </el-col>
           <el-col :span="8">
             <el-form-item label="消毒液:">
-              <el-select
-                v-model="userform.disinfectant_type"
-                placeholder="请选择"
-              >
+              <el-select v-model="userform.disinfectant_type" placeholder="请选择">
                 <el-option
                   v-for="item in disinfectantType"
                   :key="item.id"
                   :value="gender.id"
                   v-for="(gender, index) in runOptions"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
         <el-row>
           <el-col :span="8">
             <el-form-item label="消毒状态:">
-              <el-select
-                v-model="userform.disinfection_status"
-                placeholder="请选择"
-              >
+              <el-select v-model="userform.disinfection_status" placeholder="请选择">
                 <el-option
                   v-for="item in disinfection"
                   :key="item.id"
                   :value="gender.id"
                   v-for="(gender, index) in Disinfectant"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
         <el-row>
           <el-col :span="8">
             <el-form-item label="消毒时长:">
-              <el-input
-                style="width:135px"
-                v-model="userform.longtime"
-              ></el-input
-              >分钟
+              <el-input style="width:135px" v-model="userform.longtime"></el-input>分钟
             </el-form-item>
           </el-col>
           <el-col :span="8">
           </el-col>
           <el-col :span="6">
             <el-form-item label="规格:">
-              <el-input style="width:100px" v-model="userform.norms"></el-input
-              >桶
+              <el-input style="width:100px" v-model="userform.norms"></el-input>桶
             </el-form-item>
-            <span style="color:red" v-show="showone"
-              >您已一个月未更换,请注意检测</span
-            >
+            <span style="color:red" v-show="showone">您已一个月未更换,请注意检测</span>
           </el-col>
         </el-row>
         <el-row>
                   :value="gender.id"
                   v-for="(gender, index) in potency"
                   :key="index"
-                  >{{ gender.name }}</el-radio
-                >
+                >{{ gender.name }}</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
           </el-col>
           <el-col :span="7">
             <el-checkbox v-model="userform.germ_checked">更换</el-checkbox>
-            <span style="color:red" v-show="showone"
-              >您已一个月未更换,请注意检测</span
-            >
+            <span style="color:red" v-show="showone">您已一个月未更换,请注意检测</span>
           </el-col>
           <el-col :span="8">
             <el-form-item label="名称:">
           </el-col>
           <el-col :span="6">
             <el-form-item label="数量:">
-              <el-input
-                style="width:100px"
-                v-model="userform.germ_number"
-              ></el-input
-              >支
+              <el-input style="width:100px" v-model="userform.germ_number"></el-input>支
             </el-form-item>
           </el-col>
         </el-row>
           </el-col>
           <el-col :span="10">
             <el-checkbox v-model="userform.clean">清洁:</el-checkbox>
-            <span style="color:red" v-show="showone"
-              >您已一个月未清洁,请检查</span
-            >
+            <span style="color:red" v-show="showone">您已一个月未清洁,请检查</span>
           </el-col>
           <el-col :span="10">
             <el-form-item label="签名:">
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="UpdateForm('userform')"
-          >保存</el-button
-        >
+        <el-button type="primary" @click="UpdateForm('userform')">保存</el-button>
       </span>
     </el-dialog>
 
           </div>
           <div>
             <div class="printClass">打印日期:{{ nowTime }}</div>
-            <table
-              border="1"
-              style="width:100%"
-              cellspacing="0"
-              cellpadding="0"
-            >
+            <table border="1" style="width:100%" cellspacing="0" cellpadding="0">
               <tr>
                 <th :rowspan="2">机号</th>
                 <th :rowspan="2">日期</th>
 </script>
 <style scoped>
 .a {
-  .el-col-2 {
+  /* .el-col-2 {
     width: 8.33333%;
     margin-bottom: 20px;
-  }
+  } */
 }
 .print_main_content {
   background-color: white;
 }
 .c {
   margin-bottom: 10px;
+  .el-input--prefix .el-input__inner {
+    margin-left: 15px;
+  }
 }
 </style>