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

src/api/advice.js

 import request from '@/utils/request'
 
-export function getAdviceConfig(type){
-    return request({
-        url:'/api/getadviceconfigs?type='+type,
-        method:'get',
-    })
+export function getAdviceConfig(type) {
+  return request({
+    url: '/api/getadviceconfigs?type=' + type,
+    method: 'get'
+  })
 }
 
-export function getAllAdviceConfig(){
+export function getAllAdviceConfig() {
   return request({
-    url:'/api/getalladviceconfig',
-    method:'get',
+    url: '/api/getalladviceconfig',
+    method: 'get'
   })
 }
 
-
-
-
-
-export function CreateDoctorAdvice(id, advice){
-    return request({
-        url:'/api/patients/advice/create?id='+id,
-        method:'post',
-        data:advice,
-    })
+export function CreateDoctorAdvice(id, advice) {
+  return request({
+    url: '/api/patients/advice/create?id=' + id,
+    method: 'post',
+    data: advice
+  })
 }
 
-
-export function EditDoctorAdvice(patient, id, advice){
-    return request({
-        url:'/api/patients/advice/edit?id='+id + "&patient=" + patient,
-        method:'Put',
-        data:advice,
-    })
+export function EditDoctorAdvice(patient, id, advice) {
+  return request({
+    url: '/api/patients/advice/edit?id=' + id + '&patient=' + patient,
+    method: 'Put',
+    data: advice
+  })
 }
 
-
-export function ExecDoctorAdvice(patient, id, time){
-    var params = {
-        id:id,
-        patient:patient,
-        execution_time: time,
-    }
-    return request({
-        url:'/api/patients/advice/exec',
-        method:'Post',
-        params:params,
-    })
+export function ExecDoctorAdvice(patient, id, time) {
+  var params = {
+    id: id,
+    patient: patient,
+    execution_time: time
+  }
+  return request({
+    url: '/api/patients/advice/exec',
+    method: 'Post',
+    params: params
+  })
 }
-export function CheckDoctorAdvice(patient, id){
-    var params = {
-        id:id,
-        patient:patient,
-        // execution_time: time,
-    }
-    return request({
-        url:'/api/patients/advice/check',
-        method:'Post',
-        params:params,
-    })
+export function CheckDoctorAdvice(patient, id) {
+  var params = {
+    id: id,
+    patient: patient
+    // execution_time: time,
+  }
+  return request({
+    url: '/api/patients/advice/check',
+    method: 'Post',
+    params: params
+  })
 }
-export function CheckGroupAdvice(groupno){
-    var params = {
-        groupno:groupno,
-    }
-    return request({
-        url:'/api/patients/advice/checkgroup',
-        method:'Post',
-        params:params,
-    })
+export function CheckGroupAdvice(groupno) {
+  var params = {
+    groupno: groupno
+  }
+  return request({
+    url: '/api/patients/advice/checkgroup',
+    method: 'Post',
+    params: params
+  })
 }
 
-
-export function getDoctorAdviceList(params){
-    return request({
-        url:'/api/patients/advices',
-        method:'Get',
-        params:params,
-    })
+export function getDoctorAdviceList(params) {
+  return request({
+    url: '/api/patients/advices',
+    method: 'Get',
+    params: params
+  })
 }
 
-
-export function StopDoctorAdvice(id, reason){
-    return request({
-        url:'/api/patients/advice/stop?id='+id,
-        method:'Post',
-        data:reason,
-    })
+export function StopDoctorAdvice(id, reason) {
+  return request({
+    url: '/api/patients/advice/stop?id=' + id,
+    method: 'Post',
+    data: reason
+  })
 }
 
-export function StopGroupAdvice(groupno, reason){
-    return request({
-        url:'/api/patients/advice/stopgroup?groupno='+groupno,
-        method:'Post',
-        data:reason,
-    })
+export function StopGroupAdvice(groupno, reason) {
+  return request({
+    url: '/api/patients/advice/stopgroup?groupno=' + groupno,
+    method: 'Post',
+    data: reason
+  })
 }
 
-export function ExecGroupAdvice(groupno, time){
-    return request({
-        url:'/api/patients/advice/execgroup?groupno='+groupno +'&execution_time='+time,
-        method:'Post',
-    })
+export function ExecGroupAdvice(groupno, time) {
+  return request({
+    url: '/api/patients/advice/execgroup?groupno=' + groupno + '&execution_time=' + time,
+    method: 'Post'
+  })
 }
 
-export function DeleteDoctorAdvice(id){
-    return request({
-        url:'/api/patients/advice/delete?id='+id,
-        method:'Delete',
-    })
+export function DeleteDoctorAdvice(id) {
+  return request({
+    url: '/api/patients/advice/delete?id=' + id,
+    method: 'Delete'
+  })
 }
 
-export function CreateDrugDic(data){
-    return request({
-        url:'/api/drugdic/create',
-        method:'post',
-        data:data,
-    })
+export function CreateDrugDic(data) {
+  return request({
+    url: '/api/drugdic/create',
+    method: 'post',
+    data: data
+  })
 }
-export function UpdateDrugDic(id, data){
-    return request({
-        url:'/api/drugdic/update?id=' + id,
-        method:'put',
-        data:data,
-    })
+export function UpdateDrugDic(id, data) {
+  return request({
+    url: '/api/drugdic/update?id=' + id,
+    method: 'put',
+    data: data
+  })
 }
-export function DeleteDrugDic(id){
-    return request({
-        url:'/api/drugdic/delete?id=' + id,
-        method:'delete',
-    })
+export function DeleteDrugDic(id) {
+  return request({
+    url: '/api/drugdic/delete?id=' + id,
+    method: 'delete'
+  })
 }
 
-export function CreateDrugWay(data){
-    return request({
-        url:'/api/drugway/create',
-        method:'post',
-        data:data,
-    })
+export function CreateDrugWay(data) {
+  return request({
+    url: '/api/drugway/create',
+    method: 'post',
+    data: data
+  })
 }
 
-export function UpdateDrugWay(id, data){
-    return request({
-        url:'/api/drugway/update?id=' + id,
-        method:'put',
-        data:data,
-    })
+export function UpdateDrugWay(id, data) {
+  return request({
+    url: '/api/drugway/update?id=' + id,
+    method: 'put',
+    data: data
+  })
 }
-export function DeleteDrugWay(id){
-    return request({
-        url:'/api/drugway/delete?id=' + id,
-        method:'delete',
-    })
+export function DeleteDrugWay(id) {
+  return request({
+    url: '/api/drugway/delete?id=' + id,
+    method: 'delete'
+  })
 }
 
-export function CreateExecutionFrequency(data){
-    return request({
-        url:'/api/executionfrequency/create',
-        method:'post',
-        data:data,
-    })
+export function CreateExecutionFrequency(data) {
+  return request({
+    url: '/api/executionfrequency/create',
+    method: 'post',
+    data: data
+  })
 }
 
-export function UpdateExecutionFrequency(id, data){
-    return request({
-        url:'/api/executionfrequency/update?id=' + id,
-        method:'put',
-        data:data,
-    })
+export function UpdateExecutionFrequency(id, data) {
+  return request({
+    url: '/api/executionfrequency/update?id=' + id,
+    method: 'put',
+    data: data
+  })
 }
-export function DeleteExecutionFrequency(id){
-    return request({
-        url:'/api/executionfrequency/delete?id=' + id,
-        method:'delete',
-    })
+export function DeleteExecutionFrequency(id) {
+  return request({
+    url: '/api/executionfrequency/delete?id=' + id,
+    method: 'delete'
+  })
 }
-export function CreateAdviceTemplate(data){
-    return request({
-        url:'/api/advicetemplate/create',
-        method:'post',
-        data:data,
-    })
+export function CreateAdviceTemplate(data) {
+  return request({
+    url: '/api/advicetemplate/create',
+    method: 'post',
+    data: data
+  })
 }
 
-export function UpdateAdviceTemplate(id, data){
-    return request({
-        url:'/api/advicetemplate/update?id=' + id,
-        method:'put',
-        data:data,
-    })
+export function UpdateAdviceTemplate(id, data) {
+  return request({
+    url: '/api/advicetemplate/update?id=' + id,
+    method: 'put',
+    data: data
+  })
 }
-export function DeleteAdviceTemplate(id,template_id,parent_id){
-    return request({
-        url:'/api/advicetemplate/delete?id=' + id+"&template_id="+template_id+"&parent_id="+parent_id,
-        method:'delete',
-    })
+export function DeleteAdviceTemplate(id, template_id, parent_id) {
+  return request({
+    url: '/api/advicetemplate/delete?id=' + id + '&template_id=' + template_id + '&parent_id=' + parent_id,
+    method: 'delete'
+  })
 }
 
-
-export function postAdviceTemplate(params,name,advice_type){
+export function postAdviceTemplate(params, name, advice_type) {
   return request({
-    url:'/api/advicetemplate/create?template_name='+name+"&advice_type="+advice_type,
-    method:'post',
-    data:params
+    url: '/api/advicetemplate/create?template_name=' + name + '&advice_type=' + advice_type,
+    method: 'post',
+    data: params
   })
 }
 
-export function CreateGroupAdvice(id, groupno, advices){
-  if(advices.remind > 0){
+export function CreateGroupAdvice(id, groupno, advices) {
+  if (advices.remind > 0) {
     return request({
-      url:'/api/patients/advice/creategroup?id='+id + '&groupno=' + groupno,
-      method:'post',
-      data:advices,
+      url: '/api/patients/advice/creategroup?id=' + id + '&groupno=' + groupno,
+      method: 'post',
+      data: advices
     })
-
-  }else{
+  } else {
     return request({
-      url:'/api/patients/advice/creategroup?id='+id + '&groupno=' + groupno,
-      method:'post',
-      data:advices,
+      url: '/api/patients/advice/creategroup?id=' + id + '&groupno=' + groupno,
+      method: 'post',
+      data: advices
     })
-
   }
-
 }
-export function DeleteGroupAdvice(groupno){
+export function DeleteGroupAdvice(groupno) {
   return request({
-      url:'/api/patients/advice/deletegroup?groupno='+groupno,
-      method:'delete',
+    url: '/api/patients/advice/deletegroup?groupno=' + groupno,
+    method: 'delete'
   })
 }
 
-
-
-export function getAllAdviceTemplate(){
+export function getAllAdviceTemplate() {
   return request({
-    url:'/api/advicetemplate/list',
-    method:'get',
+    url: '/api/advicetemplate/list',
+    method: 'get'
   })
 }
 
-
-export function CreateSingleAdviceTemplate(advices){
+export function CreateSingleAdviceTemplate(advices) {
   return request({
-    url:'/api/advicetemplate/add',
-    method:'post',
-    params:advices,
+    url: '/api/advicetemplate/add',
+    method: 'post',
+    params: advices
 
   })
 }
-export function DeleteParentAdviceTemplate(id){
+export function DeleteParentAdviceTemplate(id) {
   return request({
-    url:'/api/adviceparenttemplate/delete?template_id='+id,
-    method:'delete',
+    url: '/api/adviceparenttemplate/delete?template_id=' + id,
+    method: 'delete'
 
   })
 }
 
-export function CreateSubAdvice(params){
+export function CreateSubAdvice(params) {
   return request({
-    url:'/api/subadvice/create',
-    method:'post',
-    params:params,
+    url: '/api/subadvice/create',
+    method: 'post',
+    params: params
   })
 }
 
-
 export function updateTemplateName(params) {
   return request({
     url: '/api/template/modify',
 export function getDoctorAdviceConfig() {
   return request({
     url: '/api/adviceconfig/get',
-    method: 'get',
+    method: 'get'
   })
 }
 
-
 export function postDoctorAdviceConfig(params) {
   return request({
     url: '/api/adviceconfig/isopen',
     method: 'post',
-    params:params,
+    params: params
   })
 }
 
-
-
-
-
-
-
 export function getDoctorInitConfig() {
   return request({
     url: '/api/advicetemplate/init/get',
-    method: 'get',
+    method: 'get'
   })
 }
 
-
 export function PostInitAdviceTemplate(params) {
   return request({
     url: '/api/advicetemplate/init/commit',
     method: 'post',
-    params:params
+    params: params
 
   })
 }
 
-
-
-
+export function getPrintInfo(id, params) {
+  return request({
+    url: '/api/advicetemplate/getprintinfo?id=' + id,
+    method: 'get',
+    params: params
+  })
+}

src/styles/index.scss

 .el-checkbox__inner {
   border: 1px solid #696969 !important;
 }
+
+.el-table--striped .el-table__body tr.el-table__row--striped.current-row td,
+.el-table__body tr.current-row > td {
+  background-color: #409eff;
+  color: #fff;
+}
+
+.el-table__body tr:hover > td {
+  background-color: #409eff !important;
+}

src/xt_pages/management/components/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

         </el-select>
       </el-col>
       <el-col :span="6">
+        <span class="machineClass">取样标本:</span>
         <el-select
-          style="width:175px"
+          style="width:130px"
           v-model="forms.sename"
           @change="changeTable"
         >
         ></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-col>-->
     </el-row>
-    <el-row>
+    <el-row style="display: flex;align-items: center;">
       <el-col :span="2">
         <el-checkbox v-model="checkAllStatus" @change="changeCheck"
           >全选</el-checkbox
         >
       </el-col>
-      <el-col :span="3" class="a">
+      <el-col :span="3">
         <el-button size="small" @click="BatchDelete" v-show="show"
           >批量删除</el-button
         >
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
         :data="tableData"
         border
         fit
           width="100"
           align="center"
         >
-          <template slot-scope="scope">{{
-            getTime(scope.row.speling_date)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.speling_date) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrate_noa
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrate_noa }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrate_nob
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrate_nob }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="100"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.sampling_locationa
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.sampling_locationa }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="110"
           align="center"
         >
-          <template slot-scope="scope">{{
-            getTime(scope.row.reporting_date)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.reporting_date) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="140"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.detection_result
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.detection_result }}
+          </template>
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
           width="100"
           align="center"
         >
-          <template slot-scope="scope">{{
-            getTime(scope.row.sampling_date)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.sampling_date) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrate_noc
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrate_noc }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrateb_nod
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrateb_nod }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="100"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.sampling_locationb
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.sampling_locationb }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="110"
           align="center"
         >
-          <template slot-scope="scope">{{
-            getTime(scope.row.reporting_dateb)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.reporting_dateb) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="100"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.detection_resultb
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.detection_resultb }}
+          </template>
         </el-table-column>
         <el-table-column label="操作" align="center" min-width="150px">
           <template slot-scope="scope">
           <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)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.sampling_date) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrate_nof
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrate_nof }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            scope.row.concentrate_nog
-          }}</template>
+          <template slot-scope="scope">
+            {{ scope.row.concentrate_nog }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"
           width="80"
           align="center"
         >
-          <template slot-scope="scope">{{
-            getTime(scope.row.date_reportc)
-          }}</template>
+          <template slot-scope="scope">
+            {{ getTime(scope.row.date_reportc) }}
+          </template>
         </el-table-column>
         <el-table-column
           prop="address"

src/xt_pages/management/components/RepairForm.vue

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

src/xt_pages/management/components/UserForm.vue

           style="width:145px"
         ></el-date-picker>
       </el-col>
-      <el-col :span="4">
+      <el-col :span="5">
         <span class="machineClass">分区:</span>
-        <el-select style="width:90px" v-model="form.zone" @change="changeBed">
+        <el-select style="width:110px" v-model="form.zone" @change="changeBed">
           <el-option
             v-for="item in this.zones"
             :key="item.id"
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="4">
+      <el-col :span="6">
         <span class="machineClass">机位号:</span>
-        <el-select style="width:80px" v-model="form.bed">
+        <el-select style="width:145px" v-model="form.bed">
           <el-option
             v-for="item in this.bedNumberTwo"
             :key="item.id"
           ></el-option>
         </el-select>
       </el-col>
-      <el-col :span="5">
-        <el-button @click="queryInfo()">查询</el-button>
+      <el-col :span="2">
+        <el-button type="primary" @click="queryInfo()">查询</el-button>
       </el-col>
     </el-row>
-    <el-row :span="24">
+    <el-row :span="24" style="display: flex;align-items: center;">
       <el-col :span="2">
         <el-checkbox
           :indeterminate="isIndeterminate"
       <el-col :span="3">
         <el-button size="small" @click="BatchDelete">批量删除</el-button>
       </el-col>
-      <el-col :span="6" class="a">
-        <el-button @click="printCard">打印</el-button>
+      <el-col :span="6">
+        <el-button type="primary" @click="printCard">打印</el-button>
       </el-col>
     </el-row>
     <el-row>
       <el-table
         ref="multipleTable"
         @selection-change="handleSelectionChange"
-        :header-cell-style="{ backgroundColor: 'rgb(245, 247, 250)' }"
+        :row-style="{ color: '#303133' }"
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
         :data="tableData"
         border
         fit
         </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">
             align="center"
             min-width="110px"
           >
-            <template slot-scope="scope">{{
-              getTimes(scope.row.disinfec_startime)
-            }}</template>
+            <template slot-scope="scope">
+              {{ 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>
+            <template slot-scope="scope">{{
+              getTimes(scope.row.disinfec_endtime)
+            }}</template>
           </el-table-column>
           <el-table-column
             label="消毒时长/min"
             <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
           align="center"
           min-width="110px"
         >
-          <template slot-scope="scope">
-            {{ scope.row.dialysis_checked }}
-          </template>
+          <template slot-scope="scope">{{
+            scope.row.dialysis_checked
+          }}</template>
         </el-table-column>
         <el-table-column
           label="细菌过滤器(更换)"
             >
               <el-button
                 size="mini"
-                type="primary"
+                type="danger"
                 icon="el-icon-delete"
                 @click="DeleteUserLogin(scope.row.id, scope.$index)"
               ></el-button>
                 placeholder="请输入内容"
                 @select="handleSelect"
               >
-                <i class="el-icon-search el-input__icon" slot="suffix"> </i>
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
                 <template slot-scope="{ item }">
                   <span class="addr">{{ item.name }}</span>
                 </template>
 </script>
 <style scoped>
 .a {
-  .el-col-2 {
+  /* .el-col-2 {
     width: 8.33333%;
     margin-bottom: 20px;
-  }
+  } */
 }
 .print_main_content {
   background-color: white;
 <style lang="scss">
 .machineClass {
   font-size: 14px;
+  color: #606266;
 }
 .c {
   margin-bottom: 10px;
+  .el-input--prefix .el-input__inner {
+    margin-left: 15px;
+  }
 }
 </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>