修改样式

src/xt_pages/management/components/MultipleForm.vue

 <template>
-  <div>
+  <div class="allDialog">
     <el-dialog
       title="综合查询"
       :visible.sync="dialogVisible"
       width="95%"
       center
     >
-      <el-form>
+      <el-form style="height:100%">
         <el-row :gutter="20">
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item label="透析分区:">
-              <el-select style="width:120px" v-model="form.zone">
+              <el-select style="width:110px" v-model="form.zone">
                 <el-option
                   v-for="item in this.DeviceType"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item label="机号:">
-              <el-select style="width:120px" v-model="form.device_number">
+              <el-select style="width:110px" v-model="form.device_number">
                 <el-option
                   v-for="item in this.Numbers"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item label="设备类型:">
-              <el-select style="width:120px" v-model="form.device_type">
+              <el-select style="width:110px" v-model="form.device_type">
                 <el-option
                   v-for="item in this.EquitmentType"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="4">
             <el-form-item label="设备型号:">
-              <el-select style="width:120px" v-model="form.device_model">
+              <el-select style="width:110px" v-model="form.device_model">
                 <el-option
                   v-for="item in this.EquitmentName"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="7">
+          <el-col :span="4">
             <el-form-item label="使用年限:">
-              <el-select style="width:120px" v-model="form.user_year">
+              <el-select style="width:110px" v-model="form.user_year">
                 <el-option
                   v-for="item in this.userYear"
                   :key="item.id"
               </el-select>
             </el-form-item>
           </el-col>
-          <el-col :span="7">
+        </el-row>
+        <el-row>
+          <el-col :span="8">
             <div class="cell clearfix">
               <label class="title">
                 <span class="name">日期查询</span> :
               ></el-date-picker>
             </div>
           </el-col>
-          <el-col :span="5">
+          <el-col :span="4">
             <el-form-item label="合计:">
               故障次数
               <span>{{ failure_times }}</span
             >
           </el-col>
         </el-row>
-        <el-row>
-          <el-table :data="tableData" border style="width:100%">
-            <el-table-column
-              prop="date"
-              label="序号"
-              width="60"
-              align="center"
-              type="index"
-            >
-              <!-- <template slot-scope="scope">
+        <!-- <el-row> -->
+        <el-table
+          :data="tableData"
+          border
+          style="width:100%"
+          height="80%"
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+            backgroundColor: 'rgb(245, 247, 250)',
+            color: '#606266'
+          }"
+        >
+          <el-table-column
+            prop="date"
+            label="序号"
+            width="60"
+            align="center"
+            type="index"
+          >
+            <!-- <template slot-scope="scope">
                 {{ scope.row.id }}
               </template>-->
-            </el-table-column>
-            <el-table-column prop="name" label="分区" width="60" align="center">
-              <template slot-scope="scope">{{ scope.row.name }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="序列号"
-              width="80"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.serial_number
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="设备类型"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.device_type
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="机号"
-              width="80"
-              align="center"
-            >
-              <template slot-scope="scope">{{ scope.row.bed_number }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="设备名称"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.device_name
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="设备型号"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.unit_type
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="启用日期"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                getTime(scope.row.start_date)
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="保修期限"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.guarantee_date
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="机器状态"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.machine_status
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="报废日期"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                getTime(scope.row.rubbish_date)
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="报废原因"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{
-                scope.row.rubbish_reason
-              }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="使用年限"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{ scope.row.user_year }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="工作时长"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{ scope.row.work_time }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="使用次数"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{ scope.row.user_total }}</template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="故障次数"
-              width="100"
-              align="center"
-            >
-              <template slot-scope="scope">{{ failure }}</template>
-            </el-table-column>
-          </el-table>
-        </el-row>
+          </el-table-column>
+          <el-table-column prop="name" label="分区" width="60" align="center">
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="序列号"
+            width="80"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              scope.row.serial_number
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="设备类型"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.device_type }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="机号"
+            width="80"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.bed_number }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="设备名称"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.device_name }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="设备型号"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.unit_type }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="启用日期"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              getTime(scope.row.start_date)
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="保修期限"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              scope.row.guarantee_date
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="机器状态"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              scope.row.machine_status
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="报废日期"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              getTime(scope.row.rubbish_date)
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="报废原因"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{
+              scope.row.rubbish_reason
+            }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="使用年限"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.user_year }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="工作时长"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.work_time }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="使用次数"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ scope.row.user_total }}</template>
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="故障次数"
+            width="100"
+            align="center"
+          >
+            <template slot-scope="scope">{{ failure }}</template>
+          </el-table-column>
+        </el-table>
+        <!-- </el-row> -->
       </el-form>
-      <span slot="footer" class="dialog-footer">
+      <!-- <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="dialogVisible = false"
           >确 定</el-button
         >
-      </span>
+      </span> -->
     </el-dialog>
   </div>
 </template>
   getAllEquimentName,
   getComprehensive,
   getTotalCount
-} from '@/api/manage'
-import { uParseTime } from '@/utils/tools'
+} from "@/api/manage";
+import { uParseTime } from "@/utils/tools";
 export default {
-  name: 'MultipleForm',
+  name: "MultipleForm",
   props: {
     equimentid: Number
   },
       failure: 0,
       dialogVisible: false,
       form: {
-        zone: '',
-        device_number: '',
-        device_type: '',
-        device_model: '',
-        user_year: '',
-        start_time: '',
-        end_time: ''
+        zone: "",
+        device_number: "",
+        device_type: "",
+        device_model: "",
+        user_year: "",
+        start_time: "",
+        end_time: ""
       },
       userYear: [
-        { id: 0, name: '全部' },
-        { id: 1, name: '0~1' },
-        { id: 2, name: '1~3' },
-        { id: 3, name: '3~10' },
-        { id: 4, name: '10年以上' }
+        { id: 0, name: "全部" },
+        { id: 1, name: "0~1" },
+        { id: 2, name: "1~3" },
+        { id: 3, name: "3~10" },
+        { id: 4, name: "10年以上" }
       ],
-      value1: '',
-      value2: '',
+      value1: "",
+      value2: "",
       tableData: [],
       EquitmentType: [
-        { id: 0, name: '全部' },
-        { id: 1, name: '透析机' },
-        { id: 2, name: '水处理机' },
-        { id: 3, name: '报废机' },
-        { id: 4, name: '其他' }
+        { id: 0, name: "全部" },
+        { id: 1, name: "透析机" },
+        { id: 2, name: "水处理机" },
+        { id: 3, name: "报废机" },
+        { id: 4, name: "其他" }
       ],
-      DeviceType: [{ id: 0, name: '不限' }],
-      Numbers: [{ id: 0, number: '不限' }],
-      EquitmentName: [{ id: 0, equitment_name: '全部' }],
+      DeviceType: [{ id: 0, name: "不限" }],
+      Numbers: [{ id: 0, number: "不限" }],
+      EquitmentName: [{ id: 0, equitment_name: "全部" }],
       runOptions: [
-        { value: '1', label: '正常' },
-        { value: '2', label: '故障' }
+        { value: "1", label: "正常" },
+        { value: "2", label: "故障" }
       ]
-    }
+    };
   },
   methods: {
     open: function() {
-      this.dialogVisible = true
+      this.dialogVisible = true;
     },
     getAllSubregion() {
       getAllSubregion().then(response => {
         if (response.data.state === 1) {
-          var zone = response.data.data.zones
-          var zones = [{ id: 0, name: '不限' }]
+          var zone = response.data.data.zones;
+          var zones = [{ id: 0, name: "不限" }];
           for (let i = 0; i < zone.length; i++) {
-            const item = zone[i]
-            zones.push({ id: item.id, name: item.name })
+            const item = zone[i];
+            zones.push({ id: item.id, name: item.name });
           }
-          this.DeviceType = zones
-          var number = response.data.data.numbers
-          var numbers = [{ id: 0, number: '不限' }]
+          this.DeviceType = zones;
+          var number = response.data.data.numbers;
+          var numbers = [{ id: 0, number: "不限" }];
           for (let index = 0; index < number.length; index++) {
-            const item = number[index]
-            numbers.push({ id: item.id, number: item.number })
+            const item = number[index];
+            numbers.push({ id: item.id, number: item.number });
           }
-          this.Numbers = numbers
+          this.Numbers = numbers;
           // console.log('numbers', number)
         }
-      })
+      });
     },
     getAllEquimentName() {
       getAllEquimentName().then(response => {
         if (response.data.state == 1) {
-          var equit = response.data.data.equit
-          var equits = [{ id: 0, equitment_name: '全部' }]
+          var equit = response.data.data.equit;
+          var equits = [{ id: 0, equitment_name: "全部" }];
           for (let index = 0; index < equit.length; index++) {
-            const item = equit[index]
-            equits.push({ id: item.id, equitment_name: item.equitment_name })
+            const item = equit[index];
+            equits.push({ id: item.id, equitment_name: item.equitment_name });
           }
-          this.EquitmentName = equits
+          this.EquitmentName = equits;
         }
-      })
+      });
     },
     getComprehensive() {
       const params = {
         year: this.form.user_year,
         starttime: this.form.start_time,
         endtime: this.form.end_time
-      }
+      };
       getComprehensive(params).then(response => {
         if (response.data.state === 1) {
-          var macher = response.data.data.macher
-          console.log('设备型号5555', macher)
+          var macher = response.data.data.macher;
+          console.log("设备型号5555", macher);
           for (let index = 0; index < macher.length; index++) {
             if (macher[index].device_type === 1) {
-              macher[index].device_type = '透析机'
+              macher[index].device_type = "透析机";
             }
             if (macher[index].device_type === 2) {
-              macher[index].device_type = '水处理机'
+              macher[index].device_type = "水处理机";
             }
             if (macher[index].device_type === 3) {
-              macher[index].device_type = '其他'
+              macher[index].device_type = "其他";
             }
 
             if (macher[index].machine_status === 1) {
-              macher[index].machine_status = '使用机'
+              macher[index].machine_status = "使用机";
             }
             if (macher[index].machine_status === 2) {
-              macher[index].machine_status = '备用机'
+              macher[index].machine_status = "备用机";
             }
             if (macher[index].machine_status === 3) {
-              macher[index].machine_status = '急诊机'
+              macher[index].machine_status = "急诊机";
             }
             if (macher[index].machine_status === 4) {
-              macher[index].machine_status = '报废机'
+              macher[index].machine_status = "报废机";
             }
             if (macher[index].rubbish_reason === 0) {
-              macher[index].rubbish_reason = ''
+              macher[index].rubbish_reason = "";
             }
           }
           // console.log('macher', macher)
-          this.tableData = macher
+          this.tableData = macher;
         }
-      })
+      });
     },
     getTime(time) {
       if (time === 0) {
-        return ''
+        return "";
       } else {
-        return uParseTime(time, '{y}-{m}-{d}')
+        return uParseTime(time, "{y}-{m}-{d}");
       }
     },
     getTotalCount() {
       getTotalCount().then(response => {
         if (response.data.state === 1) {
-          var total = response.data.data.total
+          var total = response.data.data.total;
           // console.log('total ========', total)
-          this.failure_times = total
+          this.failure_times = total;
         }
-      })
+      });
     }
   },
   created() {
-    this.getAllSubregion()
-    this.getAllEquimentName()
-    this.getTotalCount()
+    this.getAllSubregion();
+    this.getAllEquimentName();
+    this.getTotalCount();
   }
-}
+};
 </script>
 
 <style scoped></style>
 .el-table__body {
   width: 100% !important;
 }
+.allDialog {
+  .el-dialog {
+    height: 90%;
+  }
+  .el-dialog__body {
+    max-height: calc(100vh - 200px) !important;
+  }
+}
 </style>

src/xt_pages/management/components/PlanForm.vue

                 allow-create
                 default-first-option
                 placeholder="请选择时间"
-                style="width: 140px;"
+                style="width: 135px;"
               >
                 <el-option
                   v-for="item in this.timeType"
                 allow-create
                 default-first-option
                 placeholder="请选择时间"
-                style="width: 140px;"
+                style="width: 135px;"
               >
                 <el-option
                   v-for="item in this.classType"
 };
 </script>
 
-<style scoped></style>
+<style lang="scss">
+#plan-form {
+  .el-form-item__label {
+    width: 100px;
+  }
+  .el-dialog__footer {
+    text-align: right;
+  }
+}
+</style>

src/xt_pages/management/components/QualityForm.vue

 <template>
   <div id="quality-form">
     <el-row class="row">
-      <el-col :span="5">
+      <el-col :span="4">
         <span class="machineClass">机号:</span>
         <el-select style="width:100px" v-model="forms.bed">
           <el-option
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="4">
-        <el-select style="width:130px" v-model="forms.sename" @change="changeTable">
+      <el-col :span="6">
+        <span class="machineClass">取样标本:</span>
+        <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="12">
+      <el-col :span="11">
         <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-date-picker>
       </el-col>
       <el-col :span="2">
-        <el-button @click="queryTable()">查询</el-button>
+        <el-button type="primary" @click="queryTable()">查询</el-button>
       </el-col>
       <!-- <el-col :span="2">
         <el-button>打印</el-button>
     </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">
-        <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-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>
         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">
+        <el-table-column
+          prop="name"
+          label="取样日期"
+          width="100"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            getTime(scope.row.speling_date)
-            }}
+            {{ getTime(scope.row.speling_date) }}
           </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">
+        <el-table-column
+          prop="address"
+          label="A浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrate_noa
-            }}
+            {{ scope.row.concentrate_noa }}
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+        <el-table-column
+          prop="address"
+          label="B浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrate_nob
-            }}
+            {{ scope.row.concentrate_nob }}
           </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.sampling_locationa
-            }}
+            {{ scope.row.sampling_locationa }}
           </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">
+        <el-table-column
+          prop="address"
+          label="出报告日期"
+          width="110"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            getTime(scope.row.reporting_date)
-            }}
+            {{ getTime(scope.row.reporting_date) }}
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="检测结果(cfu/ml)" width="140" align="center">
+        <el-table-column
+          prop="address"
+          label="检测结果(cfu/ml)"
+          width="140"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.detection_result
-            }}
+            {{ scope.row.detection_result }}
           </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">
+        <el-table-column
+          prop="name"
+          label="取样日期"
+          width="100"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            getTime(scope.row.sampling_date)
-            }}
+            {{ getTime(scope.row.sampling_date) }}
           </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">
+        <el-table-column
+          prop="address"
+          label="A浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrate_noc
-            }}
+            {{ scope.row.concentrate_noc }}
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+        <el-table-column
+          prop="address"
+          label="B浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrateb_nod
-            }}
+            {{ scope.row.concentrateb_nod }}
           </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.sampling_locationb
-            }}
+            {{ scope.row.sampling_locationb }}
           </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">
+        <el-table-column
+          prop="address"
+          label="出报告日期"
+          width="110"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            getTime(scope.row.reporting_dateb)
-            }}
+            {{ getTime(scope.row.reporting_dateb) }}
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="检测结果(cfu/ml)" width="100" align="center">
+        <el-table-column
+          prop="address"
+          label="检测结果(cfu/ml)"
+          width="100"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.detection_resultb
-            }}
+            {{ scope.row.detection_resultb }}
           </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">
-            {{
-            getTime(scope.row.sampling_date)
-            }}
+            {{ getTime(scope.row.sampling_date) }}
           </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">
+        <el-table-column
+          prop="address"
+          label="A浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrate_nof
-            }}
+            {{ scope.row.concentrate_nof }}
           </template>
         </el-table-column>
-        <el-table-column prop="address" label="B浓缩液批号" width="80" align="center">
+        <el-table-column
+          prop="address"
+          label="B浓缩液批号"
+          width="80"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.concentrate_nog
-            }}
+            {{ scope.row.concentrate_nog }}
           </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">
-            {{
-            getTime(scope.row.date_reportc)
-            }}
+            {{ getTime(scope.row.date_reportc) }}
           </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

           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="12">
+      <el-col :span="11">
         <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-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="2">
         <el-button size="small" @click="BatchDelete">批量删除</el-button>
         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">
+        <el-table-column
+          prop="name"
+          label="保修时间"
+          width="100"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            getTime(scope.row.guarantee_date)
-            }}
+            {{ getTime(scope.row.guarantee_date) }}
           </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">
-            {{
-            getTimes(scope.row.start_time)
-            }}
+            {{ getTimes(scope.row.start_time) }}
           </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">
-            {{
-            getTimes(scope.row.arrive_time)
-            }}
+            {{ getTimes(scope.row.arrive_time) }}
           </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">
-            {{
-            getTimes(scope.row.finish_time)
-            }}
+            {{ getTimes(scope.row.finish_time) }}
           </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">
+        <el-table-column
+          prop="address"
+          label="故障提示信息及代码"
+          width="120"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.code_information
-            }}
+            {{ scope.row.code_information }}
           </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.fault_description
-            }}
+            {{ scope.row.fault_description }}
           </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">
+        <el-table-column
+          prop="address"
+          label="处理过程"
+          width="100"
+          align="center"
+        >
           <template slot-scope="scope">
-            {{
-            scope.row.treatment_process
-            }}
+            {{ scope.row.treatment_process }}
           </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="danger"
     </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>
                   :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>

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"
       <el-col :span="5">
         <span class="machineClass">分区:</span>
         <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-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="6">
         </el-select>
       </el-col>
       <el-col :span="2">
-        <el-button @click="queryInfo()">查询</el-button>
+        <el-button type="primary" @click="queryInfo()">查询</el-button>
       </el-col>
     </el-row>
     <el-row :span="24" style="display: flex;align-items: center;">
           :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">
-        <el-button @click="printCard">打印</el-button>
+        <el-button type="primary" @click="printCard">打印</el-button>
       </el-col>
     </el-row>
     <el-row>
         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">
+          <el-table-column
+            label="开始消毒时间"
+            align="center"
+            min-width="110px"
+          >
             <template slot-scope="scope">
-              {{
-              getTimes(scope.row.disinfec_startime)
-              }}
+              {{ getTimes(scope.row.disinfec_startime) }}
             </template>
           </el-table-column>
-          <el-table-column label="结束消毒时间" align="center" min-width="110px">
-            <template slot-scope="scope">{{ getTimes(scope.row.disinfec_endtime) }}</template>
+          <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">
+          <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="danger"
       ></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>
           </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>
 <style lang="scss">
 .machineClass {
   font-size: 14px;
+  color: #606266;
 }
 .c {
   margin-bottom: 10px;

src/xt_pages/management/home.vue

                                         }"
                                         >
                                         <el-table-column align="center" type="selection" width="55"></el-table-column>
-                                        <el-table-column label="时间" align="center" >
+                                        <el-table-column label="时间" align="center" min-width="50px">
                                                 <template slot-scope="scope">
                                                     {{scope.row.time}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="班次" align="center" >
+                                         <el-table-column label="班次" align="center" min-width="50px">
                                                 <template slot-scope="scope">
                                                     {{scope.row.classtime}}
                                                  </template>
                                                     {{scope.row.way}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="机表消毒液" align="center" min-width="110px"  >
+                                         <el-table-column label="机表消毒液" align="center" min-width="100px"  >
                                                 <template slot-scope="scope">
                                                      {{scope.row.machine_disinfectant}}
                                                  </template>
                                                    {{scope.row.disinfectan_way}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="液路消毒液" align="center" min-width="110px" >
+                                         <el-table-column label="液路消毒液" align="center" min-width="100px" >
                                                 <template slot-scope="scope">
                                                     {{scope.row.disinfectant}}
                                                  </template>
                                          style="width: 100%;margin-top: 10px;"
                                         >
                                         <el-table-column align="center" type="selection" width="55"></el-table-column>
-                                        <el-table-column label="型号" align="center" min-width="70px">
+                                        <el-table-column label="型号" align="center" min-width="60px">
                                                 <template slot-scope="scope">
                                                     {{scope.row.device_mode}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="时间" align="center" min-width="70px" >
+                                         <el-table-column label="时间" align="center" min-width="60px" >
                                                 <template slot-scope="scope">
                                                       {{scope.row.time}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="班次" align="center" min-width="70px" >
+                                         <el-table-column label="班次" align="center" min-width="60px" >
                                                 <template slot-scope="scope">
                                                     {{scope.row.classtime}}
                                                  </template>
                                                     {{scope.row.way}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="基表消毒液" align="center" min-width="110px"  >
+                                         <el-table-column label="基表消毒液" align="center" min-width="100px"  >
                                                 <template slot-scope="scope">
                                                    {{scope.row.machine_disinfectant}}
                                                  </template>
                                                    {{scope.row.disinfectant}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="液路消毒液" align="center" min-width="110px" >
+                                         <el-table-column label="液路消毒液" align="center" min-width="100px" >
                                                 <template slot-scope="scope">
                                                    {{scope.row.disinfectan_way}}
                                                  </template>
                                         </el-table-column>
-                                         <el-table-column label="消毒时长/min" align="center" min-width="120px" >
+                                         <el-table-column label="消毒时长/min" align="center" min-width="60px" >
                                                 <template slot-scope="scope">
                                                     {{scope.row.disinfec_time}}
                                                  </template>
                                 </el-row>
                                 <el-row>
                                   <el-col>
-                                      <el-form-item label="故障发生阶段:">
+                                      <el-form-item class="stoppage" label="故障发生阶段:">
                                         <el-radio-group v-model="userform.failure_stage" :disabled ="runDisable">
                                              <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in faultPhase" :key="index">{{gender.name}}</el-radio>
                                         </el-radio-group>
                                 </el-row>
                                 <el-row>
                                   <el-col :span="24">
-                                      <el-form-item label="故障描述:">
-                                      <el-input style="width:800px" v-model="userform.fault_description"></el-input>
+                                      <el-form-item class="stoppage" label="故障描述:">
+                                      <el-input style="width:78%" 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:700px" v-model="userform.code_information"></el-input>
+                                      <el-input style="width:78%" v-model="userform.code_information"></el-input>
                                    </el-form-item>
                                   </el-col>
                                 </el-row>
                                 </el-row>
                                 <el-row>
                                   <el-col :span="3">
+                                    <el-form-item style="visibility: hidden;" label="①机表"></el-form-item>
                                   </el-col>
                                   <el-col :span="10">
                                      <el-form-item label="消毒状态:" required prop="disinfection">
                                    </el-col>
                                 </el-row>
                                 <el-row>
+                                  <el-col :span="3">
+                                    <el-form-item style="visibility: hidden;" label="①机表"></el-form-item>
+                                  </el-col>
                                    <el-col :span="10">
                                      <el-form-item label="消毒状态:" required prop="disinfection_status">
                                         <el-select v-model="userform.disinfection_status" placeholder="请选择" >
                                 <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><span style="color:#606266;">分钟</span>
                                         </el-form-item>
                                     </el-col>
                                     <el-col :span="8">
                                    <el-col :span="3" style="height: 36px;line-height: 36px;">
                                      <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="5" style="display:flex;align-items: center">
+                                     <el-form-item>
+                                       <el-checkbox v-model="userform.dialysis_checked">更换</el-checkbox>
+                                      </el-form-item>
                                    </el-col>
                                    <el-col :span="8">
                                      <el-form-item label="名称:">
                                         </el-select>
                                      </el-form-item>
                                    </el-col>
-                                   <el-col :span="7">
+                                   <el-col :span="8">
                                       <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><span style="color:#606266;">桶</span>
                                       </el-form-item>
                                        <span class="warn" v-show="warnShow">您已一个月未更换,请注意检测</span>
                                    </el-col>
                                    </el-col>
                                 </el-row>
                                 <el-row>
-                                   <el-col :span="3">
-                                      <el-form-item label="细菌过滤器:"></el-form-item>
-                                   </el-col>
-                                    <el-col :span="8" style="height: 36px;line-height: 36px;">
-                                      <el-checkbox v-model="userform.germ_checked">更换</el-checkbox>
+                                   <el-col :span="8">
+                                     <el-form-item label="细菌过滤器:">
+                                       <el-checkbox v-model="userform.germ_checked">更换</el-checkbox>
                                        <span class="warn" v-show="warnShowTwo">您已一个月未更换,请注意检测</span>
-                                   </el-col>
-                                   <el-col :span="7">
+                                     </el-form-item>
+                                      
+                                     </el-col> 
+                                   <el-col :span="8">
                                      <el-form-item class="newname" label="名称:">
                                        <el-select v-model="userform.germ_name" placeholder="请选择" style="width:150px">
                                            <el-option
                                         </el-select>
                                      </el-form-item>
                                    </el-col>
-                                   <el-col :span="6">
+                                   <el-col :span="8">
                                        <el-form-item class="newname" 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><span style="color:#606266;">支</span>
                                        </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="8" style="height: 36px;line-height: 36px;">
-                                      <el-checkbox v-model="userform.clean">清洁:</el-checkbox>
+                                   <el-col :span="8">
+                                      <el-form-item label="空气滤网清洁:">
+                                        <el-checkbox v-model="userform.clean">清洁</el-checkbox>
                                       <span class="warn" v-show="warnShowThree">您已一个月未清洁,请检查</span>
-                                   </el-col>
-                                   <el-col :span="10">
+                                      </el-form-item>
+                                     </el-col>
+                                   <el-col :span="8">
                                        <el-form-item class="newname" label="签名:" required prop="sign_name">
                                           <el-select v-model="userform.sign_name" placeholder="请选择" >
                                            <el-option
                                      <el-button>取消</el-button>
                                     </el-col>
                                     <el-col :span="2">
-                                     <el-button @click="SaveInformation('userform')">保存</el-button>
+                                     <el-button type="primary" @click="SaveInformation('userform')">保存</el-button>
                                     </el-col>
                                   </div>
                                 </el-row>
                                         type="textarea"
                                         :rows="2"
                                          placeholder="请输入内容"
-                                         style="width:800px"
+                                         style="width:84%"
                                          v-model="qualityForm.detection_result"
                                          >
                                       </el-input>
                                     <el-button @click="cleanSaveBacteria">取消</el-button>
                                   </el-col>
                                    <el-col :span="4">
-                                    <el-button @click="SaveBacteria('qualityForm')">保存</el-button>
+                                    <el-button type="primary" @click="SaveBacteria('qualityForm')">保存</el-button>
                                   </el-col>
                                 </div>
                               </el-row>
                                         :rows="2"
                                          placeholder="请输入内容"
                                          v-model="guaForm.code_information"
-                                        style="width:500px">
+                                        style="width:85%">
                                      </el-input>
                                   </el-form-item>
                                 </el-col>
                                            :rows="2"
                                             placeholder="请输入内容"
                                             v-model="guaForm.fault_description"
-                                            style="width:96%">
+                                            style="width:86%;margin-left: 10%;">
                                          </el-input>
                                     </el-form-item>
                                 </el-col>
                                            :rows="2"
                                             placeholder="请输入内容"
                                             v-model="guaForm.cause_analysis"
-                                            style="width:96%">
+                                            style="width:86%;margin-left: 10%;">
                                          </el-input>
                                     </el-form-item>
                                 </el-col>
                                            :rows="2"
                                             placeholder="请输入内容"
                                             v-model="guaForm.treatment_process"
-                                            style="width:96%">
+                                            style="width:86%;margin-left: 10%;">
                                          </el-input>
                                     </el-form-item>
                                 </el-col>
                                     <el-button>取消</el-button>
                                   </el-col>
                                    <el-col :span="4">
-                                    <el-button @click="SaveRepair('guaForm')">保存</el-button>
+                                    <el-button type="primary" @click="SaveRepair('guaForm')">保存</el-button>
                                   </el-col>
                                 </div>
                              </el-row>
   .warn{
     color: red;
     font-size: 14px;
+    width: 100%;
+    display: inline-block;
+    margin-left: 96px;
   }
 
   .userbutton{
 
 </style>
 <style lang="scss">
-
    .a{
      margin-bottom: 10px;
       margin-top: 6px;
 }
 .stoppage{
   .el-form-item__label{
-    width: 150px;
+    width: 18%;
   }
 }
 .newItem{
 }
 .formItem{
   .el-form-item__label{
-    width: 160px;
+    width: 104px;
+    line-height: 30px;
   }
 }
 .newname{
     width: 60px;
   }
 }
+::-webkit-scrollbar{
+  height: 20px;
+}
 </style>

src/xt_pages/upload/config/City.vue

 <template>
   <div class="main-contain">
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="6">
-          <!--<div>质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。</div>-->
-          <div class="titleOne">
-            质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。<br />&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;微信:kuyicloud
-            电话：18682074632
-          </div>
-        </el-col>
-      </el-row>
-    </div>
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="20">
-          <el-form
-            :model="form"
-            :rules="rules"
-            ref="ruleForm"
-            label-width="120px"
-            class="demo-ruleForm"
-            style="text-align: center"
-          >
-            <el-form-item label="省" prop="province">
-              <el-select
-                v-model="form.province"
-                clearable
-                filterable
-                placeholder="请选择"
-                @change="changeProvince"
+    <div>
+      <div class="titleOne">
+        质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。
+      </div>
+      <div class="titleOne">微信:kuyicloud 电话：18682074632</div>
+      <div class="formBox">
+        <el-form
+          :model="form"
+          :rules="rules"
+          ref="ruleForm"
+          label-width="120px"
+          class="demo-ruleForm"
+          style="text-align: center"
+        >
+          <el-form-item label="省" prop="province">
+            <el-select
+              v-model="form.province"
+              clearable
+              filterable
+              placeholder="请选择"
+              @change="changeProvince"
+            >
+              <el-option
+                v-for="item in provinces"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
               >
-                <el-option
-                  v-for="item in provinces"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
+              </el-option>
+            </el-select>
+          </el-form-item>
 
-            <el-form-item label="市" prop="city">
-              <el-select
-                v-model="form.city"
-                clearable
-                filterable
-                placeholder="请选择"
-                @change="changeCity"
+          <el-form-item label="市" prop="city">
+            <el-select
+              v-model="form.city"
+              clearable
+              filterable
+              placeholder="请选择"
+              @change="changeCity"
+            >
+              <el-option
+                v-for="item in citys"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
               >
-                <el-option
-                  v-for="item in citys"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
+              </el-option>
+            </el-select>
+          </el-form-item>
 
-            <el-form-item label="网关地址" prop="gateway_address">
-              <el-input v-model="form.gateway_address"></el-input>
-            </el-form-item>
+          <el-form-item label="网关地址" prop="gateway_address">
+            <el-input v-model="form.gateway_address"></el-input>
+          </el-form-item>
 
-            <el-form-item label="AppID" prop="app_id">
-              <el-input v-model="form.app_id"></el-input>
-            </el-form-item>
+          <el-form-item label="AppID" prop="app_id">
+            <el-input v-model="form.app_id"></el-input>
+          </el-form-item>
 
-            <el-form-item label="密钥" prop="key">
-              <el-input v-model="form.key"></el-input>
-            </el-form-item>
+          <el-form-item label="密钥" prop="key">
+            <el-input v-model="form.key"></el-input>
+          </el-form-item>
 
-            <el-form-item label="自动上传周期" prop="time_type">
-              <el-radio-group v-model="form.time_type">
-                <el-radio label="1">一周</el-radio>
-                <el-radio label="2">二周</el-radio>
-                <el-radio label="3">一个月</el-radio>
-                <el-radio label="4">三个月</el-radio>
-              </el-radio-group>
-            </el-form-item>
+          <el-form-item label="自动上传周期" prop="time_type">
+            <el-radio-group v-model="form.time_type">
+              <el-radio label="1">一周</el-radio>
+              <el-radio label="2">二周</el-radio>
+              <el-radio label="3">一个月</el-radio>
+              <el-radio label="4">三个月</el-radio>
+            </el-radio-group>
+          </el-form-item>
 
-            <el-form-item>
-              <el-button
-                type="primary"
-                @click="submitForm('ruleForm')"
-                class="changeLeft"
-                >保存</el-button
-              >
-            </el-form-item>
-          </el-form>
-        </el-col>
-      </el-row>
+          <el-form-item>
+            <el-button
+              type="primary"
+              @click="submitForm('ruleForm')"
+              class="changeLeft"
+              >保存</el-button
+            >
+          </el-form-item>
+        </el-form>
+      </div>
     </div>
   </div>
 </template>
 }
 .titleOne {
   line-height: 30px;
+  margin: 0 auto;
+  width: 100%;
+  text-align: center;
+}
+.formBox {
+  width: 46%;
+  margin: 0 auto;
+}
+</style>
+<style lang="scss">
+.formBox {
+  .el-select {
+    width: 100%;
+  }
+  .el-input__inner {
+    width: 90%;
+  }
 }
 </style>

src/xt_pages/upload/config/Country.vue

 <template>
   <div class="main-contain">
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="6">
-          <div class="titleOne">
-            质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。<br />&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;微信:kuyicloud
-            电话：18682074632
-          </div>
-        </el-col>
-      </el-row>
+    <div class="titleOne">
+      质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。
     </div>
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="22">
-          <el-form
-            :model="form"
-            ref="ruleForm"
-            :rules="rules"
-            label-width="120px"
-            class="demo-ruleForm"
-            style="text-align: center"
-          >
-            <el-form-item label="网关地址" prop="gateway_address">
-              <el-input v-model="form.gateway_address"></el-input>
-            </el-form-item>
+    <div class="titleOne">微信:kuyicloud 电话：18682074632</div>
+    <div class="formBox">
+      <el-form
+        :model="form"
+        ref="ruleForm"
+        :rules="rules"
+        label-width="120px"
+        class="demo-ruleForm"
+        style="text-align: center"
+      >
+        <el-form-item label="网关地址" prop="gateway_address">
+          <el-input v-model="form.gateway_address"></el-input>
+        </el-form-item>
 
-            <el-form-item label="AppID" prop="app_id">
-              <el-input v-model="form.app_id"></el-input>
-            </el-form-item>
+        <el-form-item label="AppID" prop="app_id">
+          <el-input v-model="form.app_id"></el-input>
+        </el-form-item>
 
-            <el-form-item label="密钥" prop="key">
-              <el-input v-model="form.key"></el-input>
-            </el-form-item>
+        <el-form-item label="密钥" prop="key">
+          <el-input v-model="form.key"></el-input>
+        </el-form-item>
 
-            <el-form-item label="自动上传周期" prop="time_type">
-              <el-radio-group v-model="form.time_type">
-                <el-radio label="1">一周</el-radio>
-                <el-radio label="2">二周</el-radio>
-                <el-radio label="3">一个月</el-radio>
-                <el-radio label="4">三个月</el-radio>
-              </el-radio-group>
-            </el-form-item>
+        <el-form-item label="自动上传周期" prop="time_type">
+          <el-radio-group v-model="form.time_type">
+            <el-radio label="1">一周</el-radio>
+            <el-radio label="2">二周</el-radio>
+            <el-radio label="3">一个月</el-radio>
+            <el-radio label="4">三个月</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-            <el-form-item>
-              <el-button
-                type="primary"
-                @click="submitForm('ruleForm')"
-                class="changeLeft"
-                >保存</el-button
-              >
-            </el-form-item>
-          </el-form>
-        </el-col>
-      </el-row>
+        <el-form-item>
+          <el-button
+            type="primary"
+            @click="submitForm('ruleForm')"
+            class="changeLeft"
+            >保存</el-button
+          >
+        </el-form-item>
+      </el-form>
     </div>
   </div>
 </template>
 }
 .titleOne {
   line-height: 30px;
+  margin: 0 auto;
+  width: 100%;
+  text-align: center;
+}
+.formBox {
+  width: 46%;
+  margin: 0 auto;
 }
 </style>

src/xt_pages/upload/config/Province.vue

 <template>
   <div class="main-contain">
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="6">
-          <!--<div>质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。</div>-->
-          <div class="titleOne">
-            质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。<br />&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;微信:kuyicloud
-            电话：18682078150
-          </div>
-        </el-col>
-      </el-row>
+    <div class="titleOne">
+      质控平台的上报对接，是为了解决手工录入的效率和易出错的问题，对接涉及各种技术，请勿随意配置，联系酷医云客服协助处理。
     </div>
-    <div class="cell clearfix">
-      <el-row :gutter="20">
-        <el-col :span="24" :offset="18">
-          <el-form
-            :model="form"
-            :rules="rules"
-            ref="ruleForm"
-            label-width="120px"
-            class="demo-ruleForm"
-            style="text-align: center"
+    <div class="titleOne">微信:kuyicloud 电话：18682074632</div>
+    <div class="formBox1">
+      <el-form
+        :model="form"
+        :rules="rules"
+        ref="ruleForm"
+        label-width="120px"
+        class="demo-ruleForm"
+        style="text-align: center"
+      >
+        <el-form-item label="省份" prop="province">
+          <el-select
+            v-model="form.province"
+            clearable
+            filterable
+            placeholder="请选择"
+            @change="changeProvince"
           >
-            <el-form-item label="省份" prop="province">
-              <el-select
-                v-model="form.province"
-                clearable
-                filterable
-                placeholder="请选择"
-                @change="changeProvince"
-              >
-                <el-option
-                  v-for="item in provinces"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-              <el-select
-                v-model="form.city"
-                clearable
-                filterable
-                disabled
-                placeholder="请选择"
-                @change="changeCity"
-              >
-                <el-option
-                  v-for="item in citys"
-                  :key="item.id"
-                  :label="item.name"
-                  :value="item.id"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
+            <el-option
+              v-for="item in provinces"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+          <el-select
+            v-model="form.city"
+            clearable
+            filterable
+            disabled
+            placeholder="请选择"
+            @change="changeCity"
+          >
+            <el-option
+              v-for="item in citys"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
 
-            <el-form-item label="网关地址" prop="gateway_address">
-              <el-input v-model="form.gateway_address"></el-input>
-            </el-form-item>
+        <el-form-item label="网关地址" prop="gateway_address">
+          <el-input v-model="form.gateway_address"></el-input>
+        </el-form-item>
 
-            <el-form-item label="AppID" prop="app_id">
-              <el-input v-model="form.app_id"></el-input>
-            </el-form-item>
+        <el-form-item label="AppID" prop="app_id">
+          <el-input v-model="form.app_id"></el-input>
+        </el-form-item>
 
-            <el-form-item label="密钥" prop="key">
-              <el-input v-model="form.key"></el-input>
-            </el-form-item>
+        <el-form-item label="密钥" prop="key">
+          <el-input v-model="form.key"></el-input>
+        </el-form-item>
 
-            <el-form-item label="自动上传周期" prop="time_type">
-              <el-radio-group v-model="form.time_type">
-                <el-radio label="1">一周</el-radio>
-                <el-radio label="2">二周</el-radio>
-                <el-radio label="3">一个月</el-radio>
-                <el-radio label="4">三个月</el-radio>
-              </el-radio-group>
-            </el-form-item>
+        <el-form-item label="自动上传周期" prop="time_type">
+          <el-radio-group v-model="form.time_type">
+            <el-radio label="1">一周</el-radio>
+            <el-radio label="2">二周</el-radio>
+            <el-radio label="3">一个月</el-radio>
+            <el-radio label="4">三个月</el-radio>
+          </el-radio-group>
+        </el-form-item>
 
-            <el-form-item>
-              <el-button
-                type="primary"
-                @click="submitForm('ruleForm')"
-                class="changeLeft"
-                >保存</el-button
-              >
-            </el-form-item>
-          </el-form>
-        </el-col>
-      </el-row>
+        <el-form-item>
+          <el-button
+            type="primary"
+            @click="submitForm('ruleForm')"
+            class="changeLeft"
+            >保存</el-button
+          >
+        </el-form-item>
+      </el-form>
     </div>
   </div>
 </template>
 }
 .titleOne {
   line-height: 30px;
+  margin: 0 auto;
+  width: 100%;
+  text-align: center;
+}
+.formBox1 {
+  width: 46%;
+  margin: 0 auto;
+}
+</style>
+<style lang="scss">
+.formBox1 {
+  .el-select {
+    width: 49%;
+  }
 }
 </style>