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

src/xt_pages/dialysis/dialysisPrintOrder.vue

           >打印</el-button
         >
       </template>
-      <template v-if=" org_template_info.template_id == 2 || org_template_info.template_id == 0  " >
+      <template
+        v-if="
+          org_template_info.template_id == 2 ||
+            org_template_info.template_id == 0
+        "
+      >
         <div>
           <el-button
             :loading="loading"
 </template>
 
 <script>
-import { getDialysisRecord } from '@/api/dialysis'
-import { getDataConfig } from '@/utils/data'
-import { jsGetAge, uParseTime } from '@/utils/tools'
-import LabelBox from './printItem/LabelBox'
-import BreadCrumb from '@/xt_pages/components/bread-crumb'
-import DialysisPrintOrderOne from './template/dialysisPrintOrderOne'
-import DialysisPrintOrderTwo from './template/dialysisPrintOrderTwo'
-import DialysisPrintOrderThree from './template/dialysisPrintOrderThree'
-import DialysisPrintOrderFour from './template/DialysisPrintOrderFour'
-import DialysisPrintOrderFive from './template/DialysisPrintOrderFive'
-import DialysisPrintOrderSix from './template/DialysisPrintOrderSix'
-import DialysisPrintOrderSeven from './template/DialysisPrintOrderSeven'
-import DialysisPrintOrderEight from './template/DialysisPrintOrderEight'
-import print from 'print-js'
+import { getDialysisRecord } from "@/api/dialysis";
+import { getDataConfig } from "@/utils/data";
+import { jsGetAge, uParseTime } from "@/utils/tools";
+import LabelBox from "./printItem/LabelBox";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import DialysisPrintOrderOne from "./template/dialysisPrintOrderOne";
+import DialysisPrintOrderTwo from "./template/dialysisPrintOrderTwo";
+import DialysisPrintOrderThree from "./template/dialysisPrintOrderThree";
+import DialysisPrintOrderFour from "./template/DialysisPrintOrderFour";
+import DialysisPrintOrderFive from "./template/DialysisPrintOrderFive";
+import DialysisPrintOrderSix from "./template/DialysisPrintOrderSix";
+import DialysisPrintOrderSeven from "./template/DialysisPrintOrderSeven";
+import DialysisPrintOrderEight from "./template/DialysisPrintOrderEight";
+import print from "print-js";
 
 export default {
-  name: 'dialysisPrintOrder',
+  name: "dialysisPrintOrder",
   components: {
     DialysisPrintOrderOne,
     DialysisPrintOrderTwo,
   data() {
     return {
       crumbs: [
-        { path: false, name: '透析管理' },
-        { path: false, name: '打印单' }
+        { path: false, name: "透析管理" },
+        { path: false, name: "打印单" }
       ],
       childResponse: {},
       operators: [],
       },
       operatorMaps: {},
       complications: [
-        '低血压',
-        '高血压',
-        '心律失常',
-        '头晕',
-        '头痛',
-        '呕吐',
-        '抽搐',
-        '出血',
-        '心衰',
-        '腹痛'
+        "低血压",
+        "高血压",
+        "心律失常",
+        "头晕",
+        "头痛",
+        "呕吐",
+        "抽搐",
+        "出血",
+        "心衰",
+        "腹痛"
       ],
       jilurow: 0,
       advice_jilurow: 0,
       loading: false,
-      orgname: '',
+      orgname: "",
       patientInfo_gender_1: false,
       patientInfo_gender_2: false,
       patientInfo_source_2: false,
       dialysateFormulationOptions: {},
 
       queryParams: {
-        xtdate: '',
-        xtno: ''
+        xtdate: "",
+        xtno: ""
       },
       patientInfo: {
-        birth: '',
-        age: '',
+        birth: "",
+        age: "",
         DialysisSchedule: {
-          device_number: { number: '' },
-          device_zone: { name: '' }
+          device_number: { number: "" },
+          device_zone: { name: "" }
         },
         gender: 0
       },
       predialysis: {
-        score: '',
-        internal_fistula: '',
-        internal_fistula_skin: '',
-        catheter: '',
-        blood_access_part_opera_name: ''
+        score: "",
+        internal_fistula: "",
+        internal_fistula_skin: "",
+        catheter: "",
+        blood_access_part_opera_name: ""
       },
       afterdialysis: {
-        complications_index: ''
+        complications_index: ""
       },
       prescription: {
-        dialysate_formulation_name: '',
+        dialysate_formulation_name: "",
         device: {}
       },
       advices: [],
 
       AlPanel: {
         id: 0,
-        name: '',
+        name: "",
         type: 1,
         shouji: 2,
         weichi: 2,
         zongliang: 2,
         gaimingcheng: -1,
         gaijiliang: -1,
-        shouji_unit: 'mg',
-        weichi_unit: 'mg/h',
-        zongliang_unit: 'mg',
-        gaimingcheng_unit: '',
-        gaijiliang_unit: ''
+        shouji_unit: "mg",
+        weichi_unit: "mg/h",
+        zongliang_unit: "mg",
+        gaimingcheng_unit: "",
+        gaijiliang_unit: ""
       }
-    }
+    };
   },
   methods: {
     getAdminUser(id) {
       if (id == 0) {
-        return ''
+        return "";
       }
       if (id == undefined) {
-        return ''
+        return "";
       }
       for (let i = 0; i < this.adminUser.length; i++) {
         if (this.adminUser[i].id == id) {
-          return this.adminUser[i].name
+          return this.adminUser[i].name;
         }
       }
     },
     getTime(value, temp) {
       if (value == 0) {
-        return ''
+        return "";
       }
       if (value != undefined) {
-        return uParseTime(value, temp)
+        return uParseTime(value, temp);
       }
-      return ''
+      return "";
     },
     printThisPage() {
-      var ptime = Math.round(new Date().getTime() / 1000)
-      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
-      const style = '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
-      const style2 = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
-      const style3 = '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order  tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 2px 5px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
-      const style4 = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+      const style =
+        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
+      const style2 =
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
+      const style3 =
+        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order  tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 2px 5px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
+      const style4 =
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
 
       if (this.org_template_info.template_id == 1) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 0) {
         printJS({
-          printable: 'dialysis-print-box-1',
-          type: 'html',
+          printable: "dialysis-print-box-1",
+          type: "html",
           style: style2,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 2) {
         printJS({
-          printable: 'dialysis-print-box-1',
-          type: 'html',
+          printable: "dialysis-print-box-1",
+          type: "html",
           style: style4,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 3) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 4) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 5) {
         printJS({
-          printable: 'dialysis-print-box-1',
-          type: 'html',
+          printable: "dialysis-print-box-1",
+          type: "html",
           style: style2,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 6) {
         printJS({
-          printable: 'dialysis-print-box-1',
-          type: 'html',
+          printable: "dialysis-print-box-1",
+          type: "html",
           style: style2,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 7) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 8) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style3,
           scanStyles: false
-        })
+        });
       }
     },
     printThisOnePage() {
-      var ptime = Math.round(new Date().getTime() / 1000)
-      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
-      const style2 = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
-      const style3 = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
+      const style2 =
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
+      const style3 =
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
 
       if (this.org_template_info.template_id == 1) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 2) {
         printJS({
-          printable: 'dialysis-print-box-1-1',
-          type: 'html',
+          printable: "dialysis-print-box-1-1",
+          type: "html",
           style: style3,
           scanStyles: false
-        })
+        });
       } else if (
-
         this.org_template_info.template_id == 0 ||
         this.org_template_info.template_id == 5
       ) {
         printJS({
-          printable: 'dialysis-print-box-1-1',
-          type: 'html',
+          printable: "dialysis-print-box-1-1",
+          type: "html",
           style: style2,
           scanStyles: false
-        })
+        });
       }
     },
     printThisTwoPage() {
-      var ptime = Math.round(new Date().getTime() / 1000)
-      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')
+      var ptime = Math.round(new Date().getTime() / 1000);
+      this.print_time = uParseTime(ptime, "{y}-{m}-{d} {h}:{i}");
 
       const style =
-        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}'
+        '@media print {.dialysis-print-order{width:960px;margin:0 auto}.dialysis-print-order .order-yy-name{margin:auto;text-align:center;font-size:20px;letter-spacing:5px}.dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px 20px 20px 20px}.dialysis-print-order .table-box{width:100%;line-height:23px;font-size:14px}.dialysis-print-order .print-table{width:100%;text-align:center;border-collapse:collapse;line-height:25px;font-size:14px}.dialysis-print-order .print-table-no{width:100%;text-align:center;border-collapse:collapse;font-size:14px}.dialysis-print-order .under-line{border-bottom:1px solid #999;width:95%;text-align:center;margin-left:2px}.dialysis-print-order .title-box{text-align:center;font-size:16px;border:1px solid #666}.dialysis-print-order .radio-lebel-box{font-weight:400;cursor:pointer}.dialysis-print-order .radio-no{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.dialysis-print-order .radio-inner{white-space:nowrap;cursor:pointer;outline:0;display:inline-block;line-height:1;position:relative;vertical-align:middle}.dialysis-print-order .radio-fang{display:inline-block;position:relative;border:1px solid #000;box-sizing:border-box;width:14px;height:14px;background-color:#fff;z-index:1;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.dialysis-print-order .is-checked-radio::after{content:"√";font-size:15px}}.dialysis-print-order .print-table-no tr td { padding: 8px 5px; line-height: 25px; }.es-img{height: 20px; }.advice-name{text-align: left;}.advice-children{display:flex;} .dialysis-print-order .print-table tr td{padding: 0px 0px;} .print-template-two tr {line-height: 30px;}   .title-box-pro{border: 0 #fff;line-height: 40px;height: 40px;text-align: left;padding-left: 10px !important;}  .text-align-left{text-align: left !important;padding-left:10px !important;font-size: 14px !important;line-height: 25px;}';
       const style2 =
-        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
-      const style3 = '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 14px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 14px;padding: 6px 5px;line-height: 16px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:900px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
+      const style3 =
+        '@media print {.option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 16px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 3px 8px;line-height: 30px;}.print_page_main_content .proj_table .inside_table {width: 100%;border: hidden; border-collapse: collapse;}.print_page_main_content .proj_table .inside_table tr td {border: 1px solid; text-align: center;font-size: 16px;padding: 6px 5px;line-height: 18px;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-50{margin-bottom:50px;}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:200px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top: 1050px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}';
 
       if (this.org_template_info.template_id == 1) {
         printJS({
-          printable: 'dialysis-print-box',
-          type: 'html',
+          printable: "dialysis-print-box",
+          type: "html",
           style: style,
           scanStyles: false
-        })
+        });
       } else if (this.org_template_info.template_id == 2) {
         printJS({
-          printable: 'dialysis-print-box-1-2',
-          type: 'html',
+          printable: "dialysis-print-box-1-2",
+          type: "html",
           style: style3,
           scanStyles: false
-        })
-      } else if (this.org_template_info.template_id == 0 || this.org_template_info.template_id == 5) {
+        });
+      } else if (
+        this.org_template_info.template_id == 0 ||
+        this.org_template_info.template_id == 5
+      ) {
         printJS({
-          printable: 'dialysis-print-box-1-2',
-          type: 'html',
+          printable: "dialysis-print-box-1-2",
+          type: "html",
           style: style2,
           scanStyles: false
-        })
+        });
       }
     },
     getNumber() {
         return (
           this.patientInfo.DialysisSchedule.device_zone.name +
           this.dialysisOrder.DeviceNumber.number
-        )
+        );
       } else {
         return (
           this.patientInfo.DialysisSchedule.device_zone.name +
           this.patientInfo.DialysisSchedule.device_number.number
-        )
+        );
       }
     },
 
     getXuserName(id) {
       if (id <= 0) {
-        return ''
+        return "";
       }
-      var name = ''
-      if (this.users == null || typeof this.users.length === 'undefined') {
-        return name
+      var name = "";
+      if (this.users == null || typeof this.users.length === "undefined") {
+        return name;
       }
-      var leng = this.users.length
+      var leng = this.users.length;
       if (leng == 0) {
-        return name
+        return name;
       }
       for (let index = 0; index < leng; index++) {
         if (this.users[index].id == id) {
-          name = this.users[index].name
-          break
+          name = this.users[index].name;
+          break;
         }
       }
-      return name
+      return name;
     },
     setAdminUserES(id) {
-      console.log(id)
+      console.log(id);
       if (id == 0) {
-        return ''
+        return "";
       }
       if (id in this.operatorMaps) {
-        return this.operatorMaps[id].url
+        return this.operatorMaps[id].url;
       } else {
-        return ''
+        return "";
       }
     },
     modeName(mode_id) {
-      return typeof this.modeOptions[mode_id] !== 'undefined' &&
-        typeof this.modeOptions[mode_id].name !== 'undefined'
+      return typeof this.modeOptions[mode_id] !== "undefined" &&
+        typeof this.modeOptions[mode_id].name !== "undefined"
         ? this.modeOptions[mode_id].name
-        : ''
+        : "";
     },
     getDialysisRecord() {
-      this.loading = true
+      this.loading = true;
 
       getDialysisRecord(this.queryParams).then(response => {
         if (response.data.state == 1) {
-          this.childResponse = response
-          this.org_template_info = response.data.data.org_template_info
-          this.loading = false
+          this.childResponse = response;
+          this.org_template_info = response.data.data.org_template_info;
+          this.loading = false;
           //   this.adminUser = response.data.data.users
           //   this.users = response.data.data.users
           //   this.patientInfo = response.data.data.patientInfo
           //   }
           //   console.log(this.advice_groups)
         } else {
-          this.loading = false
-          this.$message.error('请求数据失败')
-          return false
+          this.loading = false;
+          this.$message.error("请求数据失败");
+          return false;
         }
-      })
+      });
     },
     bloodAccessParOperaName(id) {
       if (id in this.bloodAccessParOpera) {
-        return this.bloodAccessParOpera[id].name
+        return this.bloodAccessParOpera[id].name;
       }
-      return ''
+      return "";
     },
     dialysateFormulationName(id) {
       if (id in this.dialysateFormulationOptions) {
-        return this.dialysateFormulationOptions[id].name
+        return this.dialysateFormulationOptions[id].name;
       }
-      return ''
+      return "";
     },
     getAge: function(val) {
       if (
         this.org_template_info.template_id == 0
       ) {
         if (val.age == 0) {
-          return jsGetAge(val.birth, '-')
+          return jsGetAge(val.birth, "-");
         } else {
-          return val.age
+          return val.age;
         }
       } else {
-        return jsGetAge(val.birth, '-')
+        return jsGetAge(val.birth, "-");
       }
     },
     newAdviceGroupObject: function() {
           // exec_time: 0,
           // checker: 0,
         }
-      )
+      );
     }
   },
   watch: {
-    'patientInfo.gender': function() {
+    "patientInfo.gender": function() {
       if (this.patientInfo.gender == 1) {
-        this.patientInfo_gender_1 = true
-        this.patientInfo_gender_2 = false
+        this.patientInfo_gender_1 = true;
+        this.patientInfo_gender_2 = false;
       } else if (this.patientInfo.gender == 2) {
-        this.patientInfo_gender_2 = true
-        this.patientInfo_gender_1 = false
+        this.patientInfo_gender_2 = true;
+        this.patientInfo_gender_1 = false;
       } else {
-        this.patientInfo_gender_2 = false
-        this.patientInfo_gender_1 = false
+        this.patientInfo_gender_2 = false;
+        this.patientInfo_gender_1 = false;
       }
     },
-    'patientInfo.source': function() {
+    "patientInfo.source": function() {
       if (this.patientInfo.source == 1) {
-        this.patientInfo_source_1 = true
-        this.patientInfo_source_2 = false
+        this.patientInfo_source_1 = true;
+        this.patientInfo_source_2 = false;
       } else if (this.patientInfo.source == 2) {
-        this.patientInfo_source_2 = true
-        this.patientInfo_source_1 = false
+        this.patientInfo_source_2 = true;
+        this.patientInfo_source_1 = false;
       } else {
-        this.patientInfo_source_2 = false
-        this.patientInfo_source_1 = false
+        this.patientInfo_source_2 = false;
+        this.patientInfo_source_1 = false;
       }
     }
   },
   created() {
-    var xtuser = this.$store.getters.xt_user
-    this.orgname = xtuser.org.org_name
+    var xtuser = this.$store.getters.xt_user;
+    this.orgname = xtuser.org.org_name;
     // this.orgname = "遂溪方济医院";
-    this.modeOptions = this.$store.getters.treatment_mode
-    this.replacementWays = this.$store.getters.replacement_ways
-    this.perfusionApparatus = this.$store.getters.perfusion_apparatus
-    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit
+    this.modeOptions = this.$store.getters.treatment_mode;
+    this.replacementWays = this.$store.getters.replacement_ways;
+    this.perfusionApparatus = this.$store.getters.perfusion_apparatus;
+    this.anticoagulantsConfit = this.$store.getters.anticoagulants_confit;
 
     // this.bloodAccessParOpera = getDataConfig('hemodialysis', 'vascular_access_desc')
 
     var bloodAccessParOpera = getDataConfig(
-      'hemodialysis',
-      'vascular_access_desc'
-    )
+      "hemodialysis",
+      "vascular_access_desc"
+    );
     for (var key in bloodAccessParOpera) {
       this.bloodAccessParOpera[bloodAccessParOpera[key].id] =
-        bloodAccessParOpera[key]
+        bloodAccessParOpera[key];
     }
 
     var dialysateFormulationOptions = getDataConfig(
-      'hemodialysis',
-      'dialysate_formulation'
-    )
+      "hemodialysis",
+      "dialysate_formulation"
+    );
     for (var key in dialysateFormulationOptions) {
       this.dialysateFormulationOptions[dialysateFormulationOptions[key].id] =
-        dialysateFormulationOptions[key]
+        dialysateFormulationOptions[key];
     }
 
-    const xtdate = this.$route.query && this.$route.query.xtdate
-    const xtno = this.$route.query && this.$route.query.xtno
+    const xtdate = this.$route.query && this.$route.query.xtdate;
+    const xtno = this.$route.query && this.$route.query.xtno;
     if (
-      typeof xtdate === 'string' &&
+      typeof xtdate === "string" &&
       xtdate.length > 0 &&
-      typeof xtno === 'string' &&
+      typeof xtno === "string" &&
       xtno.length > 0
     ) {
-      this.queryParams.xtdate = xtdate
-      this.queryParams.xtno = xtno
-      this.getDialysisRecord()
+      this.queryParams.xtdate = xtdate;
+      this.queryParams.xtno = xtno;
+      this.getDialysisRecord();
     } else {
-      this.$message.error('参数不齐')
-      return false
+      this.$message.error("参数不齐");
+      return false;
     }
   }
-}
+};
 </script>
 
 <style>

src/xt_pages/management/components/UserForm.vue

       limit: 10,
       page: 1,
       total: 0,
+      value: "",
       classType: [
         { id: 1, name: "上午" },
         { id: 2, name: "下午" },
         { id: 8, name: "50%冰醋酸" },
         { id: 9, name: "5%次氯酸钠" }
       ],
-      runOption: [
-        { id: 1, name: "正常" },
-        { id: 2, name: "故障" }
-      ],
-      runOptions: [
-        { id: 1, name: "达标" },
-        { id: 2, name: "未达标" }
-      ],
+      runOption: [{ id: 1, name: "正常" }, { id: 2, name: "故障" }],
+      runOptions: [{ id: 1, name: "达标" }, { id: 2, name: "未达标" }],
       faultPhase: [
         { id: 1, name: "开机启动" },
         { id: 2, name: "自检" },
         { id: 4, name: "治疗" },
         { id: 5, name: "消毒" }
       ],
-      Disinfectant: [
-        { id: 1, name: "有" },
-        { id: 2, name: "无" }
-      ],
-      potency: [
-        { id: 1, name: "达标" },
-        { id: 2, name: "未达标" }
-      ],
+      Disinfectant: [{ id: 1, name: "有" }, { id: 2, name: "无" }],
+      potency: [{ id: 1, name: "达标" }, { id: 2, name: "未达标" }],
       disinfection: [
         { id: 1, name: "已消毒" },
         { id: 2, name: "未消毒" },
     },
     handleSizeChange(limit) {
       this.limit = limit;
-      this.queryInfo();
+      //this.queryInfo();
+      this.getUserForm(this.value);
     },
     handleCurrentChange(page) {
       this.page = page;
-      this.queryInfo();
+      // this.queryInfo();
+      this.getUserForm(this.value);
     },
     getTime(time) {
       return uParseTime(time, "{y}-{m}-{d}");
       ).then(response => {
         if (response.data.state === 1) {
           var information = response.data.data.infor;
+          console.log("information",information)
           for (let index = 0; index < information.length; index++) {
             if (information[index].class === 0) {
               information[index].class = "";
             // this.form.bed = information[index].bed_number
           }
           var total = response.data.data.total;
+          console.log("total", total);
           this.tableData = information;
           this.total = total;
         }
       console.log("newvalue是什么", newvalue);
       this.getUserForm(newvalue);
       this.getBedForm(newvalue);
+      this.value = newvalue;
     }
   }
 };

src/xt_pages/role/components/EditRole.vue

 <template>
   <el-dialog title="新增用户" width="660px" :visible.sync="visible" :before-close="_close">
-    <!-- <el-form :model="form" :rules="rules" ref="form" label-width="90px">
+     <el-form :model="form" :rules="rules" ref="form" label-width="90px">
             <el-form-item label="角色名称 : " prop="name">
                 <el-input v-model="form.name" placeholder="" maxlength="30" ></el-input>
             </el-form-item>
             <el-form-item label="角色描述 : " prop="intro">
                 <el-input type="textarea" v-model="form.intro" placeholder="" resize="none" rows="4" ></el-input>
             </el-form-item>
-    </el-form>-->
-    <div class="chooseuser">
-      <span style="color:#303133">选择用户：</span>
-      <el-radio v-model="checked" label="1">从已有员工中选择</el-radio>
-      <el-radio v-model="checked" label="2">新增员工</el-radio>
-    </div>
-    <div v-if="checked == '1'" class="roleContent">
-      <div class="roleContentLeft">
-        <p style="color:#303133">选择：</p>
-        <div class="chooseBox">
-          <div>
-            <el-checkbox
-              :indeterminate="isIndeterminate"
-              v-model="checkAll"
-              @change="handleCheckAllChange"
-            >全选</el-checkbox>
-          </div>
-          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
-            <!-- <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> -->
-            <div class="checkone" v-for="city in cities" :key="city">
-              <el-checkbox :label="city">
-                <img src="https://kuyi.shengws.com/S1.png" alt />
-                <span>名字</span>
-              </el-checkbox>
-            </div>
-          </el-checkbox-group>
-        </div>
-      </div>
-      <div class="roleContentRight">
-        <p style="color:#303133">已选：</p>
-        <div class="chooseBox">
-          <div class="hasChoosedOne">
-            <img src="https://kuyi.shengws.com/S1.png" alt />
-            <span>名字</span>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-if="checked == '2'" class="newStaff">
-      <el-form
-        :model="ruleForm"
-        :rules="newrules"
-        label-position="right"
-        label-width="80px"
-        style="width:40%"
-      >
-        <el-form-item label="姓名" prop="name">
-          <el-input v-model="ruleForm.name"></el-input>
-        </el-form-item>
-        <el-form-item label="手机号" prop="phone">
-          <el-input v-model="ruleForm.phone"></el-input>
-        </el-form-item>
-        <el-form-item label="职位">
-          <el-input></el-input>
-        </el-form-item>
-      </el-form>
-      <div class="newItem">
-        <p style="width:80px;text-align:right;padding-right:8px">
-          <i class="el-icon-circle-plus" style="font-size:20px;color:#338AFB"></i>
-        </p>
-        <p style="color:#409FFF">继续新增员工</p>
-      </div>
-    </div>
+    </el-form>
+<!--    <div class="chooseuser">-->
+<!--      <span style="color:#303133">选择用户：</span>-->
+<!--      <el-radio v-model="checked" label="1">从已有员工中选择</el-radio>-->
+<!--      <el-radio v-model="checked" label="2">新增员工</el-radio>-->
+<!--    </div>-->
+<!--    <div v-if="checked == '1'" class="roleContent">-->
+<!--      <div class="roleContentLeft">-->
+<!--        <p style="color:#303133">选择：</p>-->
+<!--        <div class="chooseBox">-->
+<!--          <div>-->
+<!--            <el-checkbox-->
+<!--              :indeterminate="isIndeterminate"-->
+<!--              v-model="checkAll"-->
+<!--              @change="handleCheckAllChange"-->
+<!--            >全选</el-checkbox>-->
+<!--          </div>-->
+<!--          <el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">-->
+<!--            &lt;!&ndash; <el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox> &ndash;&gt;-->
+<!--            <div class="checkone" v-for="city in cities" :key="city">-->
+<!--              <el-checkbox :label="city">-->
+<!--                <img src="https://kuyi.shengws.com/S1.png" alt />-->
+<!--                <span>名字</span>-->
+<!--              </el-checkbox>-->
+<!--            </div>-->
+<!--          </el-checkbox-group>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--      <div class="roleContentRight">-->
+<!--        <p style="color:#303133">已选：</p>-->
+<!--        <div class="chooseBox">-->
+<!--          <div class="hasChoosedOne">-->
+<!--            <img src="https://kuyi.shengws.com/S1.png" alt />-->
+<!--            <span>名字</span>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
+<!--    </div>-->
+<!--    <div v-if="checked == '2'" class="newStaff">-->
+<!--      <el-form-->
+<!--        :model="ruleForm"-->
+<!--        :rules="newrules"-->
+<!--        label-position="right"-->
+<!--        label-width="80px"-->
+<!--        style="width:40%"-->
+<!--      >-->
+<!--        <el-form-item label="姓名" prop="name">-->
+<!--          <el-input v-model="ruleForm.name"></el-input>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="手机号" prop="phone">-->
+<!--          <el-input v-model="ruleForm.phone"></el-input>-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="职位">-->
+<!--          <el-input></el-input>-->
+<!--        </el-form-item>-->
+<!--      </el-form>-->
+<!--      <div class="newItem">-->
+<!--        <p style="width:80px;text-align:right;padding-right:8px">-->
+<!--          <i class="el-icon-circle-plus" style="font-size:20px;color:#338AFB"></i>-->
+<!--        </p>-->
+<!--        <p style="color:#409FFF">继续新增员工</p>-->
+<!--      </div>-->
+<!--    </div>-->
     <div slot="footer" class="dialog-footer">
       <el-button @click="hide">取 消</el-button>
       <el-button type="primary" @click="submitAction()">保 存</el-button>

src/xt_pages/role/role.vue

       >新增</el-button>
     </div>
     <div class="app-container">
-      <!-- <el-table
+     <el-table
         :data="roles"
         v-loading="loading_roles"
         border
             layout="total, prev, pager, next, jumper"
           ></el-pagination>
         </el-col>
-      </el-row>-->
+      </el-row>
 
       <edit-role ref="edit_role" @did-add-role="didAddRole" @did-edit-role="didModifyRole"></edit-role>
       <permission-settings ref="permission_settings"></permission-settings>
-      <div class="roleBox">
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px" @click="onClick">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc1.png" alt />
-            <p class="avatarname">子管理员</p>
-          </div>
-          <div class="roleTip">子管理员角色具备平台全部功能的使用权限,请谨慎配置...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">医生</p>
-          </div>
-          <div class="roleTip">医生角色能够进行建立患者档案，制定和调整患者透析治疗方案，定期评价病人的透析质量等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc3.png" alt />
-            <p class="avatarname">护士</p>
-          </div>
-          <div class="roleTip">护士角色能够进行病人透析管理，以及医院的感染控制与消毒记录等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">技师</p>
-          </div>
-          <div class="roleTip">技师角色能够进行设备的管理，日常维护维修记录等...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc2.png" alt />
-            <p class="avatarname">运营</p>
-          </div>
-          <div class="roleTip">运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc4.png" alt />
-            <p class="avatarname">库存</p>
-          </div>
-          <div class="roleTip">库存角色负责透析耗材的日常管理，对耗材的入库、出库、退库的登记操作...</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-        <div class="roleOne">
-          <div class="setting">
-            <i class="el-icon-setting"></i>
-            <span style="margin-right:20px">权限配置</span>
-          </div>
-          <div class="avatar">
-            <img src="../../assets/img/pc5.png" alt />
-            <p class="avatarname">院长</p>
-          </div>
-          <div class="roleTip">院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况</div>
-          <div class="roleTxt">
-            该角色目前已配置
-            <span style="color:#4A8AF3">0</span> 个员工
-          </div>
-          <div class="btnBox">
-            <el-button>新增用户</el-button>
-            <el-button>用户管理</el-button>
-          </div>
-        </div>
-      </div>
+<!--      <div class="roleBox">-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px" @click="onClick">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc1.png" alt />-->
+<!--            <p class="avatarname">子管理员</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">子管理员角色具备平台全部功能的使用权限,请谨慎配置...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">医生</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">医生角色能够进行建立患者档案，制定和调整患者透析治疗方案，定期评价病人的透析质量等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc3.png" alt />-->
+<!--            <p class="avatarname">护士</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">护士角色能够进行病人透析管理，以及医院的感染控制与消毒记录等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">技师</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">技师角色能够进行设备的管理，日常维护维修记录等...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc2.png" alt />-->
+<!--            <p class="avatarname">运营</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">运营角色能够在SCRM中管理微网站、使用营销工具、做会员管理和分销商品经营的操作...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc4.png" alt />-->
+<!--            <p class="avatarname">库存</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">库存角色负责透析耗材的日常管理，对耗材的入库、出库、退库的登记操作...</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--        <div class="roleOne">-->
+<!--          <div class="setting">-->
+<!--            <i class="el-icon-setting"></i>-->
+<!--            <span style="margin-right:20px">权限配置</span>-->
+<!--          </div>-->
+<!--          <div class="avatar">-->
+<!--            <img src="../../assets/img/pc5.png" alt />-->
+<!--            <p class="avatarname">院长</p>-->
+<!--          </div>-->
+<!--          <div class="roleTip">院长角色了解血透患者血液透析质量和相关的大数据，以及掌握透析中心整体运营情况</div>-->
+<!--          <div class="roleTxt">-->
+<!--            该角色目前已配置-->
+<!--            <span style="color:#4A8AF3">0</span> 个员工-->
+<!--          </div>-->
+<!--          <div class="btnBox">-->
+<!--            <el-button>新增用户</el-button>-->
+<!--            <el-button>用户管理</el-button>-->
+<!--          </div>-->
+<!--        </div>-->
+<!--      </div>-->
     </div>
   </div>
 </template>