Merge remote-tracking branch 'origin/20230223_pc_vue_new_branch' into 20230223_pc_vue_new_branch

src/api/advice.js

@@ -260,8 +260,7 @@ export function CreateGroupAdvice(id, groupno, advices, mode) {
 }
 export function DeleteGroupAdvice(groupno, mode) {
   return request({
-    url:
-      '/api/patients/advice/deletegroup?groupno=' + groupno + '&mode=' + mode,
+    url:'/api/patients/advice/deletegroup?groupno=' + groupno + '&mode=' + mode,
     method: 'delete',
     headers: {
       Permission: 3
@@ -577,3 +576,11 @@ export function GetMobileScheduleList(params) {
     params: params
   })
 }
+
+export function getNewLongSchedualDoctors(params){
+  return request({
+    url: '/api/schedule/new/long/advices',
+    method: 'get',
+    params: params
+  })
+}

src/api/data.js

@@ -305,3 +305,48 @@ export function postSearchDrugList(keyword, storehouse_id, params) {
   })
 }
 
+export function savePatientDiagnose(data){
+  
+  return request({
+    url:"/api/patient/addpatientdiagnose",
+    method:"post",
+    data:data,
+  })
+}
+
+export function getPatientDiagnose(params){
+  
+  return request({
+    url:"/api/patient/getpatientdiagnose",
+    method:"get",
+    params:params
+  })
+}
+
+export function getPatientDiagnoseDetail(params){
+  
+  return request({
+    url:"/api/patient/getpatientdiagnosedetail",
+    method:"Get",
+    params:params
+  })
+}
+
+
+export function updatePatientCase(data){
+  
+  return request({
+    url:"/api/patient/updatepatientcase",
+    method:"post",
+    data:data,
+  })
+}
+
+export function deletePatientDiagnose(params){
+  
+  return request({
+    url:"/api/patient/deletepatientdiagnose",
+    method:"Get",
+    params:params,
+  })
+}

src/api/device.js

@@ -340,4 +340,46 @@ export function getObjectTableDisinfectLongTime(params){
     method:"get",
     params:params,
   })
+}
+
+export function saveObjectRegistration(data){
+  
+  return request({
+    url:"/api/manage/saveobjectregistration",
+    method:"post",
+    data:data
+  })
+}
+
+export function getRegistrationDisInfectList(params){
+  return request({
+    url:"/api/manage/getregistrationdisinfectlist",
+    method:"get",
+    params:params,
+  })
+}
+
+export function getObjectRegistrationByIdList(id,params){
+  return request({
+    url:"/api/manage/getobjectregistrationbyidlist?id="+id,
+    method:"Get",
+    params:params
+  })
+}
+
+export function UpdateObjectRegistration(data){
+  return request({
+    url:"/api/manage/updateobjectregistration",
+    method:"post",
+    data:data,
+  })
+
+}
+
+export function deleteObjectRegistration(id,params){
+  return request({
+    url:"/api/manage/deleteobjectregistration?id="+id,
+    method:"get",
+    params:params
+  })
 }

src/api/dialysis.js

@@ -404,6 +404,14 @@ export function getDialysisAdviceToday(params) {
   })
 }
 
+export function getLongDialysisAdviceToday(params){
+  return request({
+    url:"/api/patient/getlongdialysisadvicetoday",
+    method:"Get",
+    params:params,
+  })
+}
+
 
 export function SaveDialysisInformationSetting(params) {
   return request({

src/api/his/his.js

@@ -754,6 +754,71 @@ export function getBatchSettleAccount(params) {
 
 
 
+export function getHospitalUnChargeList(params) {
+  return request({
+    url: "/api/his/prescription/list",
+    method: "get",
+    params:params,
+  });
+}
+
+
+export function getHospitalUnChargeSummary(params) {
+  return request({
+    url: "/api/his/prescription/summary",
+    method: "get",
+    params:params,
+  });
+}
+
+export function getInHospitalHistory(params){
+  return request({
+    url:"/api/hospital/inhopitalcheck/list",
+    method:"get",
+    params:params
+  })
+}
+
+
+export function getColorTubeLablePrints(params){
+  return request({
+    url:"/api/his/inspectionlisttwo/get",
+    method:"get",
+    params:params
+  })
+}
+
+
+
+export function handleTeamData(params){
+  return request({
+    url:"/handleTeamData",
+    method:"get",
+    params:params
+  })
+}
+
+
+
+export function createPrintLable(params){
+  return request({
+    url:"/api/his/label/create",
+    method:"get",
+    params:params
+  })
+}
+
+
+export function getPrintLable(params){
+  return request({
+    url:"/api/his/label/get",
+    method:"get",
+    params:params
+  })
+}
+
+
+
 
 
 

src/api/inspection.js

@@ -78,6 +78,31 @@ export function editPatientPICInspection(id, data) {
 }
 
 
+export function setRemind(params) {
+  return request({
+    url: '/api/patient/inspection_remind/set',
+    method: 'get',
+    params: params
+
+  })
+}
+
+export function setRemindDialog(id,is_open) {
+  return request({
+    url: '/api/checkremind/config/commit?is_open='+is_open+"&id="+id,
+    method: 'post'
+  })
+}
+
+
+
+
+
+
+
+
+
+
 
 
 

src/api/manage.js

@@ -797,4 +797,12 @@ export function DeleteBatchDialyisWater(data){
     method:"Delete",
     data:data,
   })
+}
+
+export function getInformationManaList(params){
+  return request({
+    url:"/api/manage/getinformationmanalist",
+    method:"get",
+    params:params
+  })
 }

src/api/patient.js

@@ -744,3 +744,11 @@ export function getSickhistoryCheckRecordsPrint(params) {
 }
 
 
+export function getPatientDialysisInfor(params){
+  
+  return request({
+    url:"/api/patient/getpatientdialysisinforlist",
+    method:"get",
+    params:params
+  })
+}

src/api/qcd.js

@@ -108,3 +108,26 @@ export function GetPersonAdviceData(params) {
   })
 }
 
+
+export function GetQCStatistisData(params) {
+  return request({
+    url: '/api/qc/statistiscall/get',
+    method: 'get',
+    params: params
+  })
+}
+
+export function GetPersonQCStatistisData(params) {
+  return request({
+    url: '/api/qc/statistiscperson/get',
+    method: 'get',
+    params: params
+  })
+}
+
+
+
+
+
+
+

src/lang/en.js

@@ -81,6 +81,8 @@ export default {
     infor:'infor',
     weight: 'weight',
     dialysisRecord: 'dialysisRecord',
+    dialysisInfo:'dialysisInfo',
+    dialysis_index:'dialysis_index',
     scheduling: 'scheduling',
     device: 'Device',
     deviceManage: 'Device Manage',
@@ -123,7 +125,8 @@ export default {
     special_permission_manage: 'Special Permission Manage',
     schedule_print: 'Print Schudule',
     dialysis_batch_print: 'Batch Print Order',
-    user_detail: 'user_detail'
+    user_detail: 'user_detail',
+    objectRegistration:'objectRegistration',
   },
   navbar: {
     logOut: 'Log Out',

src/lang/zh.js

@@ -93,9 +93,9 @@ export default {
     dialysisSolution: '透析处方',
     inspection: '检验检查',
     home: '透析首页',
-    infor:'信息归档',
     weight: '干体重',
     dialysisRecord: '透析记录',
+    dialysisInfo:'透析信息',
     scheduling: '排班信息',
     proeducation: '宣教信息',
     doctorAdvice: '医嘱信息',
@@ -104,7 +104,7 @@ export default {
     deviceManage: '院感管理',
     modemanagement: '型号配置',
     dialysisMachineManage: '设备管理',
-    
+
     workforce: '患者排班',
     appointment: '排班管理',
     sign: '治疗签到',
@@ -294,7 +294,11 @@ export default {
     faPiao: '发票设置',
     chargeDetailManagement: '收费明细',
     yidiClear: '异地清分',
-    zeroSummary: '零用明细汇总'
+    zeroSummary: '零用明细汇总',
+    hospitalhistory: '住院历史',
+    dialysis_index:'信息归档',
+    objectRegistration:"医疗器械登记",
+    Dialysisanalysis: '专业质控'
   },
   navbar: {
     logOut: '退出登录',
@@ -416,6 +420,7 @@ export default {
     tentative_diagnosis: '初步诊断',
     diagnostic_basis: '诊断依据',
     differential_diagnosis: '鉴别诊断',
-    treatment_plan: '诊疗计划'
+    treatment_plan: '诊疗计划',
+    befor_symptoms: '透前症状',
   }
 }

src/router/index.js

@@ -8,7 +8,7 @@ import device from './modules/device'
 import dialysis from './modules/dialysis'
 import patient from './modules/patient'
 import qcd from './modules/qcd'
-import Dialysisanalysis from './modules/Dialysisanalysis'//
+// import Dialysisanalysis from './modules/Dialysisanalysis'//
 import role from './modules/role'
 import stock from './modules/stock'
 import weight_sign from './modules/weight_sign'
@@ -61,7 +61,7 @@ import bedManagement from './modules/bedManagement'
 import dictionaryManagement from './modules/dictionaryManagement'
 import templateManagement from './modules/templateManagement'
 import DepartManage from './modules/DepartManage'
-import basicConfig from './modules/basicConfig' 
+import basicConfig from './modules/basicConfig'
 
 Vue.use(Router)
 
@@ -173,7 +173,7 @@ var _asy_router_map = [
 
   otherManagement,
   qcd,
- 
+
   device,
   org,
   data_upload,
@@ -204,7 +204,7 @@ var _asy_router_map = [
   integration,
   basicConfig,
   supply,
-  Dialysisanalysis,// 新菜单6.1
+  // Dialysisanalysis,// 新菜单6.1
 ]
 
 var is_asy_router = process.env.NODE_ENV === 'production' // true; 设置为 true 强制进行路由验证

src/router/index_路由未分离前.js

@@ -744,6 +744,7 @@ export const xt_asyncRouterMap = [
     },
     children: [
       { path: '/dialysis/dialysisrecord', component: () => import('@/xt_pages/dialysis/schedualPatient'), name: '透析记录', meta: { title: '透析记录' }},
+    
       {
         path: '/dialysis/record/:id',
         component: () => import('@/xt_pages/dialysis/dialysisPage'),
@@ -963,6 +964,18 @@ export const xt_asyncRouterMap = [
     ]
   },
 
+  {
+    path: '/dialysisIndex',
+    component: Layout,
+    redirct: '/dialysisIndex/index',
+    children: [{
+      path: '/dialysisIndex',
+      component: () => import('@/xt_pages/dialysis/scheduleIndex'),
+      name: 'dialysisIndex',
+      meta: { title: 'dialysisIndex', icon: 'dialysisIndex', noCache: true }
+    }]
+  },
+
   // /////////////////////////////////////线在end
   {
     path: '/role',
@@ -980,4 +993,6 @@ export const xt_asyncRouterMap = [
       { path: '/role/admin/specialpermission', component: () => import('@/xt_pages/role/special_permission'), name: 'special_permission_manage', meta: { title: 'special_permission_manage' }}
     ]
   },
+
+
 ]

src/router/modules/Dialysisanalysis.js

@@ -3,11 +3,11 @@ import Layout from '@/views/layout/Layout'
 export default {
   path: '/Dialysisanalysis',
   component: Layout,
-  redirect: 'noredirect',
+  redirect: '/Dialysisanalysis/qualitycontrol/thyroidGland',
   name: 'Dialysisanalysis',
   alwaysShow: true,
   meta: {
-    title: '透析分析',
+    title: '专业质控',
     icon: 'statistics'
   },
   children: [
@@ -21,88 +21,149 @@ export default {
       }
     },
     {
-      path: '/Dialysisanalysis/hemoglobin',
+      path: '/Dialysisanalysis/qualitycontrol/hemoglobin',
       component: () => import('@/xt_pages/Dialysisanalysis/hemoglobin/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '血红蛋白',
         noCache: true
       }
     },
     {
-      path: '/Dialysisanalysis/bloodPotassium',
+      path: '/Dialysisanalysis/qualitycontrol/bloodPotassium',
       component: () => import('@/xt_pages/Dialysisanalysis/bloodPotassium/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '血钾',
         noCache: true
       }
     },
     {
-      path: '/Dialysisanalysis/albumin',
+      path: '/Dialysisanalysis/qualitycontrol/albumin',
       component: () => import('@/xt_pages/Dialysisanalysis/albumin/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '白蛋白',
         noCache: true
       }
     },
     {
-      path: '/Dialysisanalysis/bloodPhosphorus',
+      path: '/Dialysisanalysis/qualitycontrol/bloodPhosphorus',
       component: () => import('@/xt_pages/Dialysisanalysis/bloodPhosphorus/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '血磷',
         noCache: true
       }
-    },
-    {
-      path: '/Dialysisanalysis/calcium',
+    }, {
+      path: '/Dialysisanalysis/qualitycontrol/calcium',
       component: () => import('@/xt_pages/Dialysisanalysis/calcium/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '钙',
         noCache: true
-      }
-    },
-    {
-      path: '/Dialysisanalysis/platelets',
+      }},{
+      path: '/Dialysisanalysis/qualitycontrol/platelets',
       component: () => import('@/xt_pages/Dialysisanalysis/platelets/index'),
-      name: 'index',
+      name: 'thyroidGland',
       meta: {
         title: '血小板',
         noCache: true
       }
-    },
-    {
-      path: '/Dialysisanalysis/otherIndicators',
-      component: () => import('@/xt_pages/Dialysisanalysis/otherIndicators/index'),
-      name: 'index',
-      meta: {
-        title: '其他指标',
-        noCache: true
-      }
-    },
-    {
-      path: '/Dialysisanalysis/nonnumerical',
-      component: () => import('@/xt_pages/Dialysisanalysis/nonnumerical'),
-      name: 'nonnumerical',
+    },{
+      path: '/Dialysisanalysis/qualitycontrol/print',
+      component: () => import('@/xt_pages/Dialysisanalysis/print/print'),
+      name: 'print',
+      hidden: true,
+      is_menu: false,
       meta: {
-        title: '非数值类的列表展示',
+        title: 'print',
         noCache: true
       }
-    },
-    {
-      path: '/Dialysisanalysis/dialysis_index',
-      component: () => import('@/xt_pages/Dialysisanalysis/dialysis_index'),
-      name: 'dialysis_index',
-      meta: {
-        title: '透析指标详情',
-        noCache: true
-      }
-    },
-   
-  
+    }
+    // {
+    //   path: '/Dialysisanalysis/hemoglobin',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/hemoglobin/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血红蛋白',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/bloodPotassium',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/bloodPotassium/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血钾',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/albumin',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/albumin/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '白蛋白',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/bloodPhosphorus',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/bloodPhosphorus/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血磷',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/calcium',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/calcium/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '钙',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/platelets',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/platelets/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '血小板',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/otherIndicators',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/otherIndicators/index'),
+    //   name: 'index',
+    //   meta: {
+    //     title: '其他指标',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/nonnumerical',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/nonnumerical'),
+    //   name: 'nonnumerical',
+    //   meta: {
+    //     title: '非数值类的列表展示',
+    //     noCache: true
+    //   }
+    // },
+    // {
+    //   path: '/Dialysisanalysis/dialysis_index',
+    //   component: () => import('@/xt_pages/Dialysisanalysis/dialysis_index'),
+    //   name: 'dialysis_index',
+    //   meta: {
+    //     title: '透析指标详情',
+    //     noCache: true
+    //   }
+    // },
+
+
   ]
 }
 

src/router/modules/device.js

@@ -90,16 +90,16 @@ export default {
     },
 
 
-    {
-      path: '/infor/index',
-      component: () => import('@/xt_pages/infor/index'),
-      name: 'infor',
+    // {
+    //   path: '/infor/index',
+    //   component: () => import('@/xt_pages/infor/index'),
+    //   name: 'infor',
      
-      meta: {
-        title: 'infor',
-        noCache: true,
-      }
-    },
+    //   meta: {
+    //     title: 'infor',
+    //     noCache: true,
+    //   }
+    // },
 
     {
       path: '/device/waterformprint',
@@ -114,7 +114,17 @@ export default {
       }
     },
 
-  
+    {
+      path: '/device/objectRegistration',
+      component: () => import('@/xt_pages/device/objectRegistration'),
+      name: 'objectRegistration',
+      meta: {
+        title: 'objectRegistration',
+        noCache: true,
+
+      }
+    },
+
 
   ]
 }

src/router/modules/dialysis.js

@@ -56,6 +56,26 @@ export default {
         noCache: true
       }
     },
+    {
+      path: '/dialysis/longDoctorAdvice',
+      component: () => import('@/xt_pages/dialysis/longDoctorAdvice'),
+      name: '长期医嘱',
+      meta: {
+        title: '长期医嘱',
+        noCache: true
+      }
+    },
+    {
+      path: '/dialysis/doctorlongAdvicePrint',
+      component: () => import('@/xt_pages/dialysis/longDoctorAdvicePrint'),
+      name: '长期医嘱打印',
+      hidden: true,
+      is_menu: false,
+      meta: {
+        title: '长期医嘱打印',
+        noCache: true
+      }
+    },
     {
       path: '/dialysis/doctorAdvicePrint',
       component: () => import('@/xt_pages/dialysis/doctorAdvicePrint'),
@@ -103,6 +123,18 @@ export default {
       }
     },
 
+    {
+      path: '/dialysis/doctorLongNewAdvicePrint',
+      component: () => import('@/xt_pages/dialysis/doctorLongNewAdvicePrint'),
+      name: '透析医嘱统计打印',
+      hidden: true,
+      is_menu: false,
+      meta: {
+        title: '透析医嘱统计打印',
+        noCache: true
+      }
+    },
+
     {
       path: '/dialysis/signPrint',
       component: () => import('@/xt_pages/dialysis/signPrint'),
@@ -114,6 +146,17 @@ export default {
         noCache: true
       }
     },
+    {
+      path: '/dialysis/signLongPrint',
+      component: () => import('@/xt_pages/dialysis/longSignPrint'),
+      name: '标签打印',
+      hidden: true,
+      is_menu: false,
+      meta: {
+        title: '标签打印',
+        noCache: true
+      }
+    },
     {
       path: '/dialysis/consumableDrugs',
       component: () => import('@/xt_pages/dialysis/consumableDrugs'),
@@ -370,18 +413,18 @@ export default {
         noCache: true
       }
     },
-    {
-      path: '/dialysis/print/batch/sixtyFive',
-      component: () =>
-        import('@/xt_pages/dialysis/batch_print/batch_print_order_sixtyFive'),
-      hidden: true,
-      is_menu: false,
-      name: 'dialysis_batch_sixtyFive',
-      meta: {
-        title: '批量打印',
-        noCache: true
-      }
-    },
+    // {
+    //   path: '/dialysis/print/batch/sixtyFive',
+    //   component: () =>
+    //     import('@/xt_pages/dialysis/batch_print/batch_print_order_sixtyFive'),
+    //   hidden: true,
+    //   is_menu: false,
+    //   name: 'dialysis_batch_sixtyFive',
+    //   meta: {
+    //     title: '批量打印',
+    //     noCache: true
+    //   }
+    // },
     // {
     //   path: '/dialysis/print/batch/fiftythree',
     //   component: () =>

src/router/modules/dialysisIndex.js

@@ -0,0 +1,19 @@
+import Layout from '@/views/layout/Layout'
+
+export default {
+ 
+  path: '/dialysis_index',
+  component: Layout,
+  name:'dialysis_index',
+  redirct: '/dialysis/dialysisScheduleIndex',
+  children: [{
+    path: '/dialysis/dialysisScheduleIndex',
+    component: () => import('@/xt_pages/infor/index'),
+    name: '信息归档',
+    meta: {
+      title: '信息归档',
+      noCache: true
+    }
+  },]
+ 
+}

src/router/modules/dialysisRecord.js

@@ -13,5 +13,6 @@ export default {
       title: '透析记录',
       noCache: true
     }
-  },]
+  },],
+  
 }

src/router/modules/hospitalRecord.js

@@ -17,6 +17,11 @@ export default {
       component: () => import('@/xt_pages/hospitalStation/index'),
       name: 'hospitalIndex',
       meta: { title: 'hospitalIndex', noCache: true }
+    }, {
+      path: '/hospitalRecord/history',
+      component: () => import('@/xt_pages/hospitalStation/inHospitalHistory'),
+      name: 'hospitalhistory',
+      meta: { title: 'hospitalhistory', noCache: true }
     },
 
   ]

src/router/modules/workforce.js

@@ -167,6 +167,18 @@ export default {
       noCache: true
     }
   },
+
+  {
+    path: '/scheduleTablePrintThree',
+    component: () => import('@/xt_pages/workforce/scheduleTablePrintThree'),
+    name: 'scheduleTablePrintThree',
+    hidden: true,
+    is_menu: false,
+    meta: {
+      title: 'scheduleTablePrintThree',
+      noCache: true
+    }
+  },
   // {
   //   path: '/historyWeekTable',
   //   component: () => import('@/xt_pages/workforce/historyWeekTable'),

src/utils/data.js

@@ -6,7 +6,7 @@ export function getDataConfig(module, field) {
   if (moduleConfig == undefined) {
     return false
   }
-  if (module === 'summary' || module === 'education' || module === 'nursing_record' || module === 'special_record' || module == 'dialysis_remark' || module=='catheter_operation') {
+  if (module === 'summary' || module === 'education' || module === 'nursing_record' || module === 'special_record' || module == 'dialysis_remark' || module=='catheter_operation' || module=='befor_symptoms') {
     var Aresult = []
     for (var j = 0; j < moduleConfig.length; j++) {
       var Atemp = []
@@ -43,7 +43,7 @@ export function getDictionaryDataConfig(module, field) {
   if (moduleConfig == undefined) {
     return false
   }
-  if (module === 'summary' || module === 'education' || module === 'nursing_record' || module === 'special_record') {
+  if (module === 'summary' || module === 'education' || module === 'nursing_record' || module === 'special_record'|| module=='befor_symptoms') {
     var Aresult = []
     for (var j = 0; j < moduleConfig.length; j++) {
       var Atemp = []

src/views/layout/Layout.vue

@@ -134,7 +134,7 @@ export default {
   created(){
     let menzhen = ['hospitalStation',"hospitalRecord","hospitalCharges","DepositManagement","hisTool",'outpatientRegistration','outpatientDoctorStation','outpatientCharges','outpatientPharmacy','outpatientRecord'];
     let bingli = ['User','createPatient'];
-    let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control','Dialysisanalysis'];
+    let touxi = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
     let kucun = ['stockManage','stockDrugs','selfPreparedMedicine','inventoryTransfer','wareHouseManage','otherManagement'];
     let caigou = ['supplyManage','supplyList'];
     let peizhi = ['system','roleManage','DepartManage', 'bedManagement', 'dictionaryManagement', 'templateManagement','showconfig','printTemplate','integration_config','basicConfig'];

src/views/layout/components/Sidebar/index.vue

@@ -48,7 +48,7 @@ export default {
   },
   created(){
     if(this.navTitle == '透析管理'){
-      let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
+      let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control','dialysis_index','Dialysisanalysis'];
       // console.log('permission_routers',this.permission_routers)
       let routerArr = [];
       this.permission_routers.map(item => {
@@ -120,7 +120,7 @@ export default {
             this.$emit('func',a)
           }
         }else if(newVal == '透析管理'){
-          let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control'];
+          let nameArr = ['home','workforce', 'dialysisrecord', 'dialysis', 'medicalScheduling', 'signIndex', 'qcd', 'device', 'quality_control','Dialysisanalysis'];
           // console.log('permission_routers',this.permission_routers)
           let routerArr = [];
           this.permission_routers.map(item => {

src/xt_pages/Dialysisanalysis/albumin/albuminall.vue

@@ -27,9 +27,9 @@
             </div>
             <el-button type="primary">查询</el-button>
         </div> -->
-        
+
         <el-row :gutter="20">
-        <el-col :span="5"> 
+        <el-col :span="5">
           <div class="block">
             <span>查询时间:</span>
             <el-date-picker
@@ -63,7 +63,7 @@
             <el-button type="primary">查询</el-button>
         </el-col>
         </el-row>
-        
+
         <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
           <p class="chartTitle">统计图</p>
         </div>
@@ -82,7 +82,7 @@
                 </el-table-column>
                 <el-table-column
                     prop="name"
-                    
+
                     label="人数"
                     >
                 </el-table-column>
@@ -104,7 +104,7 @@
 import * as echarts from "echarts";
 export default{
     props: {
-   
+
     width: {
       type: String,
       default: "100%"
@@ -113,7 +113,7 @@ export default{
       type: String,
       default: "400px"
     },
-    
+
   },
     data() {
         return {
@@ -135,7 +135,7 @@ export default{
           value: 157,
           name: "达标值患者"
         },
-            
+
             ],
             pieName: [],
             // myChartStyle:{float: "right", width: "100%", height: "400px"},
@@ -181,7 +181,7 @@ export default{
                     color : "black"
                 }
               }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
             },
             radius: "65%", //饼图半径
             data: this.pieData,
@@ -251,4 +251,4 @@ export default{
     justify-content: space-around;
     color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/albumin/albuminalone.vue

@@ -1,218 +1,646 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+              <!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+              <!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="白蛋白（g/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="白蛋白" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'白蛋白g/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'白蛋白g/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
         },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
     },
-    
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 2
+    this.query.item_id = 35
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/bloodPhosphorus/phosphorusall.vue

@@ -1,262 +1,369 @@
 <template>
-    <div>
-        <!-- <div class="content_top">
-            <div class="block">
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="time_month"
-                type="month"
-                placeholder="选择月">
-                </el-date-picker>
-            </div>
-            <div>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </div>
-            <div style="width: 200px;">
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
-            </div>
-            <el-button type="primary">查询</el-button>
-        </div> -->
-        <el-row :gutter="20">
-        <el-col :span="5"> 
-          <div class="block">
-            <span>查询时间:</span>
-            <el-date-picker
-            v-model="time_month"
-            type="month"
-            placeholder="选择月">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div>
-            <el-date-picker
-            v-model="stat_time"
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
+
             placeholder="选择日期">
-            </el-date-picker>
-            <span>-</span>
-            <el-date-picker
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
             v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
             placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="3">
-          <div style="width: 200px;">
-            <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-        </el-col>
-        <el-col :span="2">
-            <el-button type="primary">查询</el-button>
-        </el-col>
-        </el-row>
-        
-        
-        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-          <p class="chartTitle">统计图</p>
+          </el-date-picker>
         </div>
-        <div class="echart" id="mychart" :style={width:width,height:height}></div>
-        <div style="width: 80%;margin: auto;">
-            <el-table
-            :data="tableData"
-            :show-summary = true
-            border
-            style="width: 100%;">
-                <el-table-column
-                    prop="date"
-                    align="center"
-                    label="血磷"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="name"
-                    
-                    label="人数"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </el-col>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="血磷"
+
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
     </div>
+  </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
-    props: {
-   
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
     width: {
       type: String,
-      default: "100%"
+      default: '100%'
     },
     height: {
       type: String,
-      default: "400px"
-    },
-    
+      default: '400px'
+    }
+
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          name: "不达标值患者"
-        },
-        {
-          value: 395,
-          name: "未检查患者"
-        },
-        {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
-        }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+  data() {
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      reference:{},
+    }
+  },
+  mounted() {
+    this.getData()
   },
   methods: {
-    initDate() {
-      for (let i = 0; i < this.pieData.length; i++) {
-        this.pieName[i] = this.pieData[i].name;
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
       }
-    },
-    initEcharts() {
-      // 饼图
-      const option = {
-        legend: {
-          // 图例
-          data: this.pieName,
-          left: "10%",
-          top: "30%",
-          orient: "vertical"
-        },
-        color:['#ff7f9f','#fff67f','#1e5feb'],
-        title: {
-          // 设置饼图标题，位置设为顶部居中
-        //   text: "国内院士前五省份图示",
-          top: "0%",
-          left: "center"
-        },
-        series: [
-          {
-            type: "pie",
-            label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 4,
+        item_id: 169
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference =  response.data.data.reference
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
             },
-            radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                  shadowBlur: 10,
-                  shadowOffsetX: 0,
-                  shadowColor: 'rgba(0, 0, 0, 0.5)'
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
+            ]
           }
-        ]
-      };
-    //   console.log(this.seriesData);
-      const optionFree = {
-        series: [
-          {
-            data: this.seriesData,
-            type: "line",
-            smooth: true
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
           }
-        ]
-      };
-      this.myChart = echarts.init(document.getElementById("mychart"));
-      this.myChart.setOption(option);
-      //随着屏幕大小调节图表
-      window.addEventListener("resize", () => {
-        this.myChart.resize();
-      });
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
     },
+
+
     getSummaries(param) {
-        const { columns, data } = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总价';
-            return;
-          }
-          const values = data.map(item => Number(item[column.property]));
-          if (!values.every(value => isNaN(value))) {
-            sums[index] = values.reduce((prev, curr) => {
-              const value = Number(curr);
-              if (!isNaN(value)) {
-                return prev + curr;
-              } else {
-                return prev;
-              }
-            }, 0);
-            sums[index] += ' 元';
-          } else {
-            sums[index] = 'N/A';
-          }
-        });
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
 
-        return sums;
+      return sums
     },
-    handleClick(id){
-        console.log(id);
+    handleClick(id) {
+      console.log(id)
     }
   }
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/bloodPhosphorus/phosphorusalone.vue

@@ -1,217 +1,646 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+              <!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+              <!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="血磷（mmol/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="血磷" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'血磷mmol/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'血磷mmol/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
         },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
     },
-    
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 4
+    this.query.item_id = 169
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/bloodPotassium/potassiumall.vue

@@ -1,262 +1,368 @@
 <template>
-    <div>
-        <!-- <div class="content_top">
-            <div class="block">
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="time_month"
-                type="month"
-                placeholder="选择月">
-                </el-date-picker>
-            </div>
-            <div>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </div>
-            <div style="width: 200px;">
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
-            </div>
-            <el-button type="primary">查询</el-button>
-        </div> -->
-        
-        <el-row :gutter="20">
-        <el-col :span="5"> 
-          <div class="block">
-            <span>查询时间:</span>
-            <el-date-picker
-            v-model="time_month"
-            type="month"
-            placeholder="选择月">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div>
-            <el-date-picker
-            v-model="stat_time"
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
+
             placeholder="选择日期">
-            </el-date-picker>
-            <span>-</span>
-            <el-date-picker
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
             v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
             placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="3">
-          <div style="width: 200px;">
-            <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-        </el-col>
-        <el-col :span="2">
-            <el-button type="primary">查询</el-button>
-        </el-col>
-        </el-row>
-        
-        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-          <p class="chartTitle">统计图</p>
+          </el-date-picker>
         </div>
-        <div class="echart" id="mychart" :style={width:width,height:height}></div>
-        <div style="width: 80%;margin: auto;">
-            <el-table
-            :data="tableData"
-            :show-summary = true
-            border
-            style="width: 100%;">
-                <el-table-column
-                    prop="date"
-                    align="center"
-                    label="血钾"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="name"
-                    
-                    label="人数"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </el-col>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="血钾"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
     </div>
+  </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
-    props: {
-   
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
     width: {
       type: String,
-      default: "100%"
+      default: '100%'
     },
     height: {
       type: String,
-      default: "400px"
-    },
-    
+      default: '400px'
+    }
+
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          name: "不达标值患者"
-        },
-        {
-          value: 395,
-          name: "未检查患者"
-        },
-        {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
-        }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+  data() {
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      reference:{},
+    }
+  },
+  mounted() {
+    this.getData()
   },
   methods: {
-    initDate() {
-      for (let i = 0; i < this.pieData.length; i++) {
-        this.pieName[i] = this.pieData[i].name;
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
       }
-    },
-    initEcharts() {
-      // 饼图
-      const option = {
-        legend: {
-          // 图例
-          data: this.pieName,
-          left: "10%",
-          top: "30%",
-          orient: "vertical"
-        },
-        color:['#ff7f9f','#fff67f','#1e5feb'],
-        title: {
-          // 设置饼图标题，位置设为顶部居中
-        //   text: "国内院士前五省份图示",
-          top: "0%",
-          left: "center"
-        },
-        series: [
-          {
-            type: "pie",
-            label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 4,
+        item_id: 48
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference = response.data.data.reference
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
             },
-            radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
+            ]
           }
-        ]
-      };
-    //   console.log(this.seriesData);
-      const optionFree = {
-        series: [
-          {
-            data: this.seriesData,
-            type: "line",
-            smooth: true
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
           }
-        ]
-      };
-      this.myChart = echarts.init(document.getElementById("mychart"));
-      this.myChart.setOption(option);
-      //随着屏幕大小调节图表
-      window.addEventListener("resize", () => {
-        this.myChart.resize();
-      });
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
     },
+
+
     getSummaries(param) {
-        const { columns, data } = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总价';
-            return;
-          }
-          const values = data.map(item => Number(item[column.property]));
-          if (!values.every(value => isNaN(value))) {
-            sums[index] = values.reduce((prev, curr) => {
-              const value = Number(curr);
-              if (!isNaN(value)) {
-                return prev + curr;
-              } else {
-                return prev;
-              }
-            }, 0);
-            sums[index] += ' 元';
-          } else {
-            sums[index] = 'N/A';
-          }
-        });
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
 
-        return sums;
+      return sums
     },
-    handleClick(id){
-        console.log(id);
+    handleClick(id) {
+      console.log(id)
     }
   }
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/bloodPotassium/potassiumalone.vue

@@ -1,217 +1,646 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+              <!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+              <!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="血钾（mmol/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="血钾" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'血钾mmol/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'血钾mmol/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
         },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
     },
-    
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 4
+    this.query.item_id = 48
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/calcium/calciumall.vue

@@ -1,262 +1,369 @@
 <template>
-    <div>
-        <!-- <div class="content_top">
-            <div class="block">
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="time_month"
-                type="month"
-                placeholder="选择月">
-                </el-date-picker>
-            </div>
-            <div>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </div>
-            <div style="width: 200px;">
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
-            </div>
-            <el-button type="primary">查询</el-button>
-        </div> -->
-        
-        <el-row :gutter="20">
-        <el-col :span="5"> 
-          <div class="block">
-            <span>查询时间:</span>
-            <el-date-picker
-            v-model="time_month"
-            type="month"
-            placeholder="选择月">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div>
-            <el-date-picker
-            v-model="stat_time"
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
+
             placeholder="选择日期">
-            </el-date-picker>
-            <span>-</span>
-            <el-date-picker
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
             v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
             placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="3">
-          <div style="width: 200px;">
-            <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-        </el-col>
-        <el-col :span="2">
-            <el-button type="primary">查询</el-button>
-        </el-col>
-        </el-row>
-
-        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-          <p class="chartTitle">统计图</p>
+          </el-date-picker>
         </div>
-        <div class="echart" id="mychart" :style={width:width,height:height}></div>
-        <div style="width: 80%;margin: auto;">
-            <el-table
-            :data="tableData"
-            :show-summary = true
-            border
-            style="width: 100%;">
-                <el-table-column
-                    prop="date"
-                    align="center"
-                    label="钙"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="name"
-                    
-                    label="人数"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </el-col>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="钙"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
     </div>
+  </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
-    props: {
-   
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
     width: {
       type: String,
-      default: "100%"
+      default: '100%'
     },
     height: {
       type: String,
-      default: "400px"
-    },
-    
+      default: '400px'
+    }
+
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          name: "不达标值患者"
-        },
-        {
-          value: 395,
-          name: "未检查患者"
-        },
-        {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
-        }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+  data() {
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      reference:{},
+    }
+  },
+  mounted() {
+    this.getData()
   },
   methods: {
-    initDate() {
-      for (let i = 0; i < this.pieData.length; i++) {
-        this.pieName[i] = this.pieData[i].name;
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
       }
-    },
-    initEcharts() {
-      // 饼图
-      const option = {
-        legend: {
-          // 图例
-          data: this.pieName,
-          left: "10%",
-          top: "30%",
-          orient: "vertical"
-        },
-        color:['#ff7f9f','#fff67f','#1e5feb'],
-        title: {
-          // 设置饼图标题，位置设为顶部居中
-        //   text: "国内院士前五省份图示",
-          top: "0%",
-          left: "center"
-        },
-        series: [
-          {
-            type: "pie",
-            label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 4,
+        item_id: 289
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference = response.data.data.reference
+
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
             },
-            radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
+            ]
           }
-        ]
-      };
-    //   console.log(this.seriesData);
-      const optionFree = {
-        series: [
-          {
-            data: this.seriesData,
-            type: "line",
-            smooth: true
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
           }
-        ]
-      };
-      this.myChart = echarts.init(document.getElementById("mychart"));
-      this.myChart.setOption(option);
-      //随着屏幕大小调节图表
-      window.addEventListener("resize", () => {
-        this.myChart.resize();
-      });
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
     },
+
+
     getSummaries(param) {
-        const { columns, data } = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总价';
-            return;
-          }
-          const values = data.map(item => Number(item[column.property]));
-          if (!values.every(value => isNaN(value))) {
-            sums[index] = values.reduce((prev, curr) => {
-              const value = Number(curr);
-              if (!isNaN(value)) {
-                return prev + curr;
-              } else {
-                return prev;
-              }
-            }, 0);
-            sums[index] += ' 元';
-          } else {
-            sums[index] = 'N/A';
-          }
-        });
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
 
-        return sums;
+      return sums
     },
-    handleClick(id){
-        console.log(id);
+    handleClick(id) {
+      console.log(id)
     }
   }
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/calcium/calciumalone.vue

@@ -1,217 +1,649 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"
+                          v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
+              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="钙（mmol/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="钙" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
+              </el-table>
+
+              <el-pagination
+                align="right"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="query.page"
+                :page-sizes="[10, 20, 50, 100]"
+                :page-size="10"
+                background
+                style="margin-top:20px;"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+              ></el-pagination>
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+// import LineChart from '../../qcd/components/LineChart'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+
+export default {
+  components: {
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'钙mmol/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'钙mmol/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
+        },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
         },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let item_name = order.item_name
+        let count = order.count
+        let price = order.price.toFixed(2)
+        let pay_sumamt = (order.price.toFixed(2) * order.count).toFixed(2)
+        let total = order.total.toFixed(2)
+
+        let obj = {
+          '患者姓名': name,
+          '项目名称': item_name,
+          '数量': count,
+          '单价': price,
+          '费用': pay_sumamt,
+          '费用总额': total
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+        const filterVal = ['患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
     },
-    
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
+    },
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d} {h}:{i}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.tableData.push(resp.data.inspections[i])
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 4
+    this.query.item_id = 289
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/components/BarChart.vue

@@ -0,0 +1,125 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from "echarts";
+require("echarts/theme/macarons"); // echarts theme
+import { debounce } from "@/utils";
+
+const animationDuration = 6000;
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: "chart"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "380px"
+    },
+    title: {
+      type: String,
+      default: "chart"
+    },
+    options: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      chartOptions: {}
+    };
+  },
+  mounted() {
+    this.initChart();
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize();
+      }
+    }, 100);
+    window.addEventListener("resize", this.__resizeHanlder);
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    window.removeEventListener("resize", this.__resizeHanlder);
+    this.chart.dispose();
+    this.chart = null;
+  },
+  created() {},
+  watch: {
+    options: function() {
+      this.chartOptions = this.options;
+      this.initChart();
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    }
+  },
+  methods: {
+    initChart() {
+      console.log("this.chartOptions", this.chartOptions);
+      this.chart = echarts.init(this.$el, "macarons");
+      this.chart.setOption({
+        title: {
+          text: this.title
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            // 坐标轴指示器，坐标轴触发有效
+            type: "shadow" // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          left: "2%",
+          right: "2%",
+          bottom: "3%",
+          containLabel: true
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: this.chartOptions.xAxis,
+            axisTick: {
+              alignWithLabel: true
+            }
+          }
+        ],
+        yAxis: [
+          {
+            type: "value",
+            axisTick: {
+              show: false
+            }
+          }
+        ],
+        series: [
+          {
+            name: "",
+            type: "bar",
+            stack: "vistors",
+            barWidth: "60%",
+            data: this.chartOptions.series,
+            animationDuration
+          }
+        ]
+      });
+    }
+  }
+};
+</script>

src/xt_pages/Dialysisanalysis/components/LineChart.vue

@@ -0,0 +1,261 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from "echarts";
+require("echarts/theme/macarons"); // echarts theme
+import { debounce } from "@/utils";
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: "chart"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "230px"
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object
+    },
+    title: {
+      type: String,
+      default: "chart"
+    },
+    options: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      chartOptions: {
+        xAxis: [],
+        legend: [],
+        series: []
+      }
+    };
+  },
+  mounted() {
+    this.initChart();
+    if (this.autoResize) {
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    }
+
+    // 监听侧边栏的变化
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.addEventListener("transitionend", this.__resizeHanlder);
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    if (this.autoResize) {
+      window.removeEventListener("resize", this.__resizeHanlder);
+    }
+
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.removeEventListener("transitionend", this.__resizeHanlder);
+
+    this.chart.dispose();
+    this.chart = null;
+  },
+  watch: {
+    // options: function(a) {
+    //   console.log(a)
+    //   this.chartOptions = this.options;
+    //   this.initChart();
+    //   this.__resizeHanlder = debounce(() => {
+    //     if (this.chart) {
+    //       this.chart.resize();
+    //     }
+    //   }, 100);
+    //   window.addEventListener("resize", this.__resizeHanlder);
+    // },
+    options:{
+      handler(newValue,oldValue){
+        this.getInitChart();
+      },
+      deep:true
+    },
+
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val);
+      }
+    }
+  },
+  created() {
+    this.chartOptions = this.options;
+    // console.log("this.chartOptions", this.chartOptions, this.options);
+  },
+  methods: {
+    getInitChart() {
+      this.chartOptions = this.options;
+      this.initChart();
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    },
+    // setOptions({ expectedData, actualData } = {}) {
+    //   this.chart.setOption({
+    //     title: {
+    //         text: this.title,
+    //     },
+    //     xAxis: {
+    //       data: this.chartOptions.xAxis,
+    //       boundaryGap: false,
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     grid: {
+    //       left: 50,
+    //       right: 50,
+    //       bottom: 20,
+    //       top: 30,
+    //       containLabel: true
+    //     },
+    //     tooltip: {
+    //       trigger: 'axis',
+    //       axisPointer: {
+    //         type: 'cross'
+    //       },
+    //       padding: [5, 10]
+    //     },
+    //     yAxis: {
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     legend: {
+    //       data: this.chartOptions.legend,
+    //     },
+    //     series: this.chartOptions.series,
+    //   })
+    // },
+    setOptions({ expectedData, actualData } = {}) {
+      this.chart.setOption({
+        // title: {
+        //   text: this.title
+        // },
+        xAxis: {
+          data: this.chartOptions.xAxis.data,
+          // boundaryGap: false
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //x轴颜色
+            }
+          },
+          axisLabel: {
+            interval: 0,
+            formatter: function(value) {
+              var ret = ""; //拼接加\n返回的类目项
+              var maxLength = 10; //每项显示文字个数
+              var valLength = value.length; //X轴类目项的文字个数
+              var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+              if (rowN > 1) {
+                //如果类目项的文字大于3,
+                for (var i = 0; i < rowN; i++) {
+                  var temp = ""; //每次截取的字符串
+                  var start = i * maxLength; //开始截取的位置
+                  var end = start + maxLength; //结束截取的位置
+                  //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
+                  temp = value.substring(start, end) + "\n";
+                  ret += temp; //凭借最终的字符串
+                }
+                return ret;
+              } else {
+                return value;
+              }
+            },
+            textStyle: {
+              color:"#2F3133"
+            }
+          }
+        },
+        grid: {
+          left: 0,
+          right: 50,
+          bottom: 10,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "cross"
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //y轴颜色
+            },
+          },
+          axisLabel: {
+            textStyle: {
+              color:"#2F3133"
+            }
+          }
+        },
+        // dataZoom: [
+        //   {
+        //     //Y轴固定,让内容滚动
+        //     type: "slider",
+        //     show: false,
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80, //设置X轴刻度之间的间隔(根据数据量来调整)
+        //     zoomLock: true //锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+        //   },
+        //   {
+        //     type: "inside",
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80,
+        //     zoomLock: true //锁定区域禁止缩放
+        //   }
+        // ],
+        legend: this.chartOptions.legend,
+        series: this.chartOptions.series,
+        dataZoom: this.chartOptions.dataZoom,
+      });
+    },
+    initChart() {
+      this.chart = echarts.init(this.$el, "macarons");
+      this.chart.clear();
+      this.setOptions(this.chartData);
+    }
+  }
+};
+</script>

src/xt_pages/Dialysisanalysis/components/LineChart1.vue

@@ -0,0 +1,262 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from "echarts";
+require("echarts/theme/macarons"); // echarts theme
+import { debounce } from "@/utils";
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: "chart"
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    height: {
+      type: String,
+      default: "230px"
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    },
+    chartData: {
+      type: Object
+    },
+    title: {
+      type: String,
+      default: "chart"
+    },
+    options: {
+      type: Object,
+      default: function() {
+        return {};
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      chartOptions: {
+        xAxis: [],
+        legend: [],
+        series: []
+      }
+    };
+  },
+  mounted() {
+    this.initChart();
+    if (this.autoResize) {
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    }
+
+    // 监听侧边栏的变化
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.addEventListener("transitionend", this.__resizeHanlder);
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return;
+    }
+    if (this.autoResize) {
+      window.removeEventListener("resize", this.__resizeHanlder);
+    }
+
+    const sidebarElm = document.getElementsByClassName("sidebar-container")[0];
+    sidebarElm.removeEventListener("transitionend", this.__resizeHanlder);
+
+    this.chart.dispose();
+    this.chart = null;
+  },
+  watch: {
+    // options: function(a) {
+    //   console.log(a)
+    //   this.chartOptions = this.options;
+    //   this.initChart();
+    //   this.__resizeHanlder = debounce(() => {
+    //     if (this.chart) {
+    //       this.chart.resize();
+    //     }
+    //   }, 100);
+    //   window.addEventListener("resize", this.__resizeHanlder);
+    // },
+    options:{
+      handler(newValue,oldValue){
+        this.getInitChart();
+      },
+      deep:true
+    },
+
+    chartData: {
+      deep: true,
+      handler(val) {
+        this.setOptions(val);
+      }
+    }
+  },
+  created() {
+    this.chartOptions = this.options;
+    // console.log("this.chartOptions", this.chartOptions, this.options);
+  },
+  methods: {
+    getInitChart() {
+      this.chartOptions = this.options;
+      this.initChart();
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize();
+        }
+      }, 100);
+      window.addEventListener("resize", this.__resizeHanlder);
+    },
+    // setOptions({ expectedData, actualData } = {}) {
+    //   this.chart.setOption({
+    //     title: {
+    //         text: this.title,
+    //     },
+    //     xAxis: {
+    //       data: this.chartOptions.xAxis,
+    //       boundaryGap: false,
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     grid: {
+    //       left: 50,
+    //       right: 50,
+    //       bottom: 20,
+    //       top: 30,
+    //       containLabel: true
+    //     },
+    //     tooltip: {
+    //       trigger: 'axis',
+    //       axisPointer: {
+    //         type: 'cross'
+    //       },
+    //       padding: [5, 10]
+    //     },
+    //     yAxis: {
+    //       axisTick: {
+    //         show: false
+    //       }
+    //     },
+    //     legend: {
+    //       data: this.chartOptions.legend,
+    //     },
+    //     series: this.chartOptions.series,
+    //   })
+    // },
+    setOptions({ expectedData, actualData } = {}) {
+      this.chart.setOption({
+        // title: {
+        //   text: this.title
+        // },
+        xAxis: {
+          data: this.chartOptions.xAxis.data,
+          // boundaryGap: false
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //x轴颜色
+            }
+          },
+          axisLabel: {
+            interval: 0,
+            formatter: function(value) {
+              var ret = ""; //拼接加\n返回的类目项
+              var maxLength = 10; //每项显示文字个数
+              var valLength = value.length; //X轴类目项的文字个数
+              var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数
+              if (rowN > 1) {
+                //如果类目项的文字大于3,
+                for (var i = 0; i < rowN; i++) {
+                  var temp = ""; //每次截取的字符串
+                  var start = i * maxLength; //开始截取的位置
+                  var end = start + maxLength; //结束截取的位置
+                  //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧
+                  temp = value.substring(start, end) + "\n";
+                  ret += temp; //凭借最终的字符串
+                }
+                return ret;
+              } else {
+                return value;
+              }
+            },
+            textStyle: {
+              color:"#2F3133"
+            }
+          }
+        },
+        grid: {
+          left: 0,
+          right: 50,
+          bottom: 10,
+          top: 30,
+          containLabel: true
+        },
+        tooltip: {
+          trigger: "axis",
+          axisPointer: {
+            type: "cross"
+          },
+          padding: [5, 10]
+        },
+        yAxis: {
+          axisTick: {
+            show: true
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#E5E5E5" //y轴颜色
+            },
+          },
+          axisLabel: {
+            textStyle: {
+              color:"#2F3133"
+            }
+          },
+          max:2
+        },
+        // dataZoom: [
+        //   {
+        //     //Y轴固定,让内容滚动
+        //     type: "slider",
+        //     show: false,
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80, //设置X轴刻度之间的间隔(根据数据量来调整)
+        //     zoomLock: true //锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+        //   },
+        //   {
+        //     type: "inside",
+        //     xAxisIndex: [0],
+        //     start: 1,
+        //     end: 80,
+        //     zoomLock: true //锁定区域禁止缩放
+        //   }
+        // ],
+        legend: this.chartOptions.legend,
+        series: this.chartOptions.series,
+        dataZoom: this.chartOptions.dataZoom,
+      });
+    },
+    initChart() {
+      this.chart = echarts.init(this.$el, "macarons");
+      this.chart.clear();
+      this.setOptions(this.chartData);
+    }
+  }
+};
+</script>

src/xt_pages/Dialysisanalysis/components/PieChart.vue

@@ -0,0 +1,108 @@
+<template>
+  <div :class="className" :style="{height:height,width:width}"></div>
+</template>
+
+<script>
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts theme
+import { debounce } from '@/utils'
+
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '380px'
+    },
+    title:{
+      type: String,
+      default: 'chart'
+    },
+    options:{
+      type:Object,
+      default:function(){
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      chart: null,
+      chartOptions:{},
+    }
+  },
+  mounted() {
+    this.initChart()
+    this.__resizeHanlder = debounce(() => {
+      if (this.chart) {
+        this.chart.resize()
+      }
+    }, 100)
+    window.addEventListener('resize', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    window.removeEventListener('resize', this.__resizeHanlder)
+    this.chart.dispose()
+    this.chart = null
+  },
+  created(){
+    this.chartOptions = this.options;
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption({
+        title: {
+            text: this.title,
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          left: 'center',
+          bottom: '10',
+          data: this.chartOptions.legend,
+        },
+        calculable: true,
+        series: [
+          {
+            name: '',
+            type: 'pie',
+            roseType: 'radius',
+            radius: [15, 95],
+            center: ['50%', '38%'],
+            data: this.chartOptions.series,
+            animationEasing: 'cubicInOut',
+            animationDuration: 2600
+          }
+        ]
+      })
+    }
+  },
+  watch:{
+    "options":function(){
+      this.chartOptions = this.options;
+      this.initChart()
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize() 
+        }
+      }, 100)
+      window.addEventListener('resize', this.__resizeHanlder)
+    }
+    
+  } 
+}
+</script>

src/xt_pages/Dialysisanalysis/hemoglobin/hemoglobinall.vue

@@ -1,261 +1,370 @@
 <template>
-    <div>
-        <!-- <div class="content_top">
-            <div class="block">
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="time_month"
-                type="month"
-                placeholder="选择月">
-                </el-date-picker>
-            </div>
-            <div>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </div>
-            <div style="width: 200px;">
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
-            </div>
-            <el-button type="primary">查询</el-button>
-        </div> -->
-        <el-row :gutter="20">
-        <el-col :span="5"> 
-          <div class="block">
-            <span>查询时间:</span>
-            <el-date-picker
-            v-model="time_month"
-            type="month"
-            placeholder="选择月">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div>
-            <el-date-picker
-            v-model="stat_time"
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
+
             placeholder="选择日期">
-            </el-date-picker>
-            <span>-</span>
-            <el-date-picker
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
             v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
             placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="3">
-          <div style="width: 200px;">
-            <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-        </el-col>
-        <el-col :span="2">
-            <el-button type="primary">查询</el-button>
-        </el-col>
-        </el-row>
-        
-        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-          <p class="chartTitle">统计图</p>
+          </el-date-picker>
         </div>
-        <div class="echart" id="mychart" :style={width:width,height:height}></div>
-        <div style="width: 80%;margin: auto;">
-            <el-table
-            :data="tableData"
-            :show-summary = true
-            border
-            style="width: 100%;">
-                <el-table-column
-                    prop="date"
-                    align="center"
-                    label="血红蛋白"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="name"
-                    
-                    label="人数"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </el-col>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="血红蛋白"
+
+
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
     </div>
+  </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
-    props: {
-   
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
     width: {
       type: String,
-      default: "100%"
+      default: '100%'
     },
     height: {
       type: String,
-      default: "400px"
-    },
-    
+      default: '400px'
+    }
+
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          name: "不达标值患者"
-        },
-        {
-          value: 395,
-          name: "未检查患者"
-        },
-        {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
-        }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+  data() {
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      reference:{},
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: []
+    }
+  },
+  mounted() {
+    this.getData()
   },
   methods: {
-    initDate() {
-      for (let i = 0; i < this.pieData.length; i++) {
-        this.pieName[i] = this.pieData[i].name;
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
       }
-    },
-    initEcharts() {
-      // 饼图
-      const option = {
-        legend: {
-          // 图例
-          data: this.pieName,
-          left: "10%",
-          top: "30%",
-          orient: "vertical"
-        },
-        color:['#ff7f9f','#fff67f','#1e5feb'],
-        title: {
-          // 设置饼图标题，位置设为顶部居中
-        //   text: "国内院士前五省份图示",
-          top: "0%",
-          left: "center"
-        },
-        series: [
-          {
-            type: "pie",
-            label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 1,
+        item_id: 17
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference = response.data.data.reference
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
             },
-            radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
+            },
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
+            ]
           }
-        ]
-      };
-    //   console.log(this.seriesData);
-      const optionFree = {
-        series: [
-          {
-            data: this.seriesData,
-            type: "line",
-            smooth: true
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
           }
-        ]
-      };
-      this.myChart = echarts.init(document.getElementById("mychart"));
-      this.myChart.setOption(option);
-      //随着屏幕大小调节图表
-      window.addEventListener("resize", () => {
-        this.myChart.resize();
-      });
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
     },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
+    },
+
+
     getSummaries(param) {
-        const { columns, data } = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总价';
-            return;
-          }
-          const values = data.map(item => Number(item[column.property]));
-          if (!values.every(value => isNaN(value))) {
-            sums[index] = values.reduce((prev, curr) => {
-              const value = Number(curr);
-              if (!isNaN(value)) {
-                return prev + curr;
-              } else {
-                return prev;
-              }
-            }, 0);
-            sums[index] += ' 元';
-          } else {
-            sums[index] = 'N/A';
-          }
-        });
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
 
-        return sums;
+      return sums
     },
-    handleClick(id){
-        console.log(id);
+    handleClick(id) {
+      console.log(id)
     }
   }
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/hemoglobin/hemoglobinalone.vue

@@ -1,217 +1,646 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+              <!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+              <!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="血红蛋白（g/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="血红蛋白" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'血红蛋白g/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'血红蛋白g/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
         },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
     },
-    
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 1
+    this.query.item_id = 17
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/otherIndicators/otherall.vue

@@ -27,9 +27,9 @@
             </div>
             <el-button type="primary">查询</el-button>
         </div> -->
-        
+
         <el-row :gutter="20">
-        <el-col :span="5"> 
+        <el-col :span="5">
           <div class="block">
             <span>查询时间:</span>
             <el-date-picker
@@ -63,7 +63,7 @@
             <el-button type="primary">查询</el-button>
         </el-col>
         </el-row>
-        
+
         <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
           <p class="chartTitle">统计图</p>
         </div>
@@ -82,20 +82,20 @@
                 </el-table-column>
                 <el-table-column
                     prop="name"
-                    
+
                     label="人数"
                     >
                 </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
+<!--                <el-table-column-->
+<!--                    prop="address"-->
+<!--                    align="center"-->
+<!--                    label="操作">-->
+<!--                    <template slot-scope="scope">-->
+<!--                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                                type="text" >查看详情-->
+<!--                        </el-button>-->
+<!--                    </template>-->
+<!--                </el-table-column>-->
             </el-table>
         </div>
     </div>
@@ -104,7 +104,7 @@
 import * as echarts from "echarts";
 export default{
     props: {
-   
+
     width: {
       type: String,
       default: "100%"
@@ -113,7 +113,7 @@ export default{
       type: String,
       default: "400px"
     },
-    
+
   },
     data() {
         return {
@@ -143,7 +143,7 @@ export default{
         //   value: 147,
         //   name: "湖南"
         // }
-            
+
             ],
             pieName: [],
             // myChartStyle:{float: "right", width: "100%", height: "400px"},
@@ -181,25 +181,12 @@ export default{
           {
             type: "pie",
             label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+              show: true,
+              formatter:"{b} : {d}% ({c})"
+              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
             },
             radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
-              }
-            }
+            data: this.pieData
           }
         ]
       };
@@ -259,4 +246,4 @@ export default{
     justify-content: space-around;
     color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/otherIndicators/otheralone.vue

@@ -1,217 +1,649 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"
+                          v-if="query.statistics_type != 9 && query.statistics_type != 10"></line-chart>
+              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="白蛋白（g/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="甲状旁腺激素分析" align="center">
+                  <template slot-scope="scope">
+                  </template>
+                </el-table-column>
+              </el-table>
+
+              <el-pagination
+                align="right"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+                :current-page="query.page"
+                :page-sizes="[10, 20, 50, 100]"
+                :page-size="10"
+                background
+                style="margin-top:20px;"
+                layout="total, sizes, prev, pager, next, jumper"
+                :total="total"
+              ></el-pagination>
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+// import LineChart from '../../qcd/components/LineChart'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+
+export default {
+  components: {
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'白蛋白g/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'白蛋白g/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
+        },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
         },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let item_name = order.item_name
+        let count = order.count
+        let price = order.price.toFixed(2)
+        let pay_sumamt = (order.price.toFixed(2) * order.count).toFixed(2)
+        let total = order.total.toFixed(2)
+
+        let obj = {
+          '患者姓名': name,
+          '项目名称': item_name,
+          '数量': count,
+          '单价': price,
+          '费用': pay_sumamt,
+          '费用总额': total
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+        const filterVal = ['患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
     },
-    
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
+    },
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d} {h}:{i}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.tableData.push(resp.data.inspections[i])
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 20
+    this.query.item_id = 171
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/platelets/plateletsall.vue

@@ -1,262 +1,369 @@
 <template>
-    <div>
-        <!-- <div class="content_top">
-            <div class="block">
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="time_month"
-                type="month"
-                placeholder="选择月">
-                </el-date-picker>
-            </div>
-            <div>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-            </div>
-            <div style="width: 200px;">
-                <el-input v-model="input" placeholder="请输入内容"></el-input>
-            </div>
-            <el-button type="primary">查询</el-button>
-        </div> -->
-        
-        <el-row :gutter="20">
-        <el-col :span="5"> 
-          <div class="block">
-            <span>查询时间:</span>
-            <el-date-picker
-            v-model="time_month"
-            type="month"
-            placeholder="选择月">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="8">
-          <div>
-            <el-date-picker
-            v-model="stat_time"
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
+
             placeholder="选择日期">
-            </el-date-picker>
-            <span>-</span>
-            <el-date-picker
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
             v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
             type="date"
             placeholder="选择日期">
-            </el-date-picker>
-          </div>
-        </el-col>
-        <el-col :span="3">
-          <div style="width: 200px;">
-            <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-        </el-col>
-        <el-col :span="2">
-            <el-button type="primary">查询</el-button>
-        </el-col>
-        </el-row>
-        
-        <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-          <p class="chartTitle">统计图</p>
+          </el-date-picker>
         </div>
-        <div class="echart" id="mychart" :style={width:width,height:height}></div>
-        <div style="width: 80%;margin: auto;">
-            <el-table
-            :data="tableData"
-            :show-summary = true
-            border
-            style="width: 100%;">
-                <el-table-column
-                    prop="date"
-                    align="center"
-                    label="血小板"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="name"
-                    
-                    label="人数"
-                    >
-                </el-table-column>
-                <el-table-column
-                    prop="address"
-                    align="center"
-                    label="操作">
-                    <template slot-scope="scope">
-                        <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                                type="text" >查看详情
-                        </el-button>
-                    </template>
-                </el-table-column>
-            </el-table>
+      </el-col>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="血小板"
+
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
     </div>
+  </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
-    props: {
-   
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
     width: {
       type: String,
-      default: "100%"
+      default: '100%'
     },
     height: {
       type: String,
-      default: "400px"
-    },
-    
+      default: '400px'
+    }
+
   },
-    data() {
-        return {
-            time_month:'',
-            stat_time:'',
-            end_time:'',
-            input:'',
-            myChart: {},
-            pieData : [
-            {
-          value: 463,
-          name: "不达标值患者"
-        },
-        {
-          value: 395,
-          name: "未检查患者"
-        },
-        {
-          value: 157,
-          name: "达标值患者"
-        },
-        // {
-        //   value: 149,
-        //   name: "广东"
-        // },
-        // {
-        //   value: 147,
-        //   name: "湖南"
-        // }
-            
-            ],
-            pieName: [],
-            // myChartStyle:{float: "right", width: "100%", height: "400px"},
-            tableData:[],
-        }
-    },
-    mounted() {
-    this.initDate(); //数据初始化
-    this.initEcharts();
+  data() {
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      reference:{},
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: []
+    }
+  },
+  mounted() {
+    this.getData()
   },
   methods: {
-    initDate() {
-      for (let i = 0; i < this.pieData.length; i++) {
-        this.pieName[i] = this.pieData[i].name;
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
       }
-    },
-    initEcharts() {
-      // 饼图
-      const option = {
-        legend: {
-          // 图例
-          data: this.pieName,
-          left: "10%",
-          top: "30%",
-          orient: "vertical"
-        },
-        color:['#ff7f9f','#fff67f','#1e5feb'],
-        title: {
-          // 设置饼图标题，位置设为顶部居中
-        //   text: "国内院士前五省份图示",
-          top: "0%",
-          left: "center"
-        },
-        series: [
-          {
-            type: "pie",
-            label: {
-              normal : {
-                formatter: '{b}:{c}: ({d}%)',
-                textStyle : {
-                    fontWeight : 'normal',
-                    fontSize : 15,
-                    color : "black"
-                }
-              }
-              // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 1,
+        item_id: 166
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference = response.data.data.reference
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
             },
-            radius: "65%", //饼图半径
-            data: this.pieData,
-            itemStyle : {
-              emphasis: {
-                shadowBlur: 10,
-                shadowOffsetX: 0,
-                shadowColor: 'rgba(0, 0, 0, 0.5)'
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
+            ]
           }
-        ]
-      };
-    //   console.log(this.seriesData);
-      const optionFree = {
-        series: [
-          {
-            data: this.seriesData,
-            type: "line",
-            smooth: true
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
           }
-        ]
-      };
-      this.myChart = echarts.init(document.getElementById("mychart"));
-      this.myChart.setOption(option);
-      //随着屏幕大小调节图表
-      window.addEventListener("resize", () => {
-        this.myChart.resize();
-      });
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
     },
+
+
     getSummaries(param) {
-        const { columns, data } = param;
-        const sums = [];
-        columns.forEach((column, index) => {
-          if (index === 0) {
-            sums[index] = '总价';
-            return;
-          }
-          const values = data.map(item => Number(item[column.property]));
-          if (!values.every(value => isNaN(value))) {
-            sums[index] = values.reduce((prev, curr) => {
-              const value = Number(curr);
-              if (!isNaN(value)) {
-                return prev + curr;
-              } else {
-                return prev;
-              }
-            }, 0);
-            sums[index] += ' 元';
-          } else {
-            sums[index] = 'N/A';
-          }
-        });
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
 
-        return sums;
+      return sums
     },
-    handleClick(id){
-        console.log(id);
+    handleClick(id) {
+      console.log(id)
     }
   }
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    color: #1e5feb;
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/platelets/plateletsalone.vue

@@ -1,217 +1,646 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+              <!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+              <!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="血小板（/L）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="血小板" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            myChart: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            tableData:[],
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-		// })  
-        // this.myChart = echarts.init(document.getElementById("germychart"));
-        //     this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
-    },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                legend: {
-                    show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'血小板/L'}]
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'血小板/L',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            this.myChart = echarts.init(document.getElementById("germychart"));
-            this.myChart.setOption(option);
-            //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                this.myChart.resize();
-            });
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
         },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
     },
-    
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+              this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+            }
+            console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+            this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
+    },
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 1
+    this.query.item_id = 166
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/print/print.vue

@@ -0,0 +1,212 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+      <el-row style="float:right;">
+        <el-col :span="24">
+          <el-button
+            size="small"
+            icon="el-icon-printer"
+            type="primary"
+            @click="printAction"
+          >打印</el-button
+          >
+        </el-col>
+      </el-row>
+    </div>
+    <div class="app-container" style="background-color: white;">
+      <div id="print_content">
+        <div class="print_main_content">
+          <div class="order_title_panl">
+            <span class="main_title">{{reference.item_name}}详情</span>
+          </div>
+          <div class="table_panel">
+            <table class="table">
+              <thead>
+              <tr>
+                <td width="50">序号</td>
+                <td width="100" >透析号</td>
+                <td width="70">患者姓名</td>
+                <td width="70">检查日期</td>
+                <td width="70" >结果</td>
+              </tr>
+              </thead>
+              <tbody>
+              <tr v-for="(item, index) in checkData" :key="index">
+                <td :width="td_1_width">{{index + 1}}</td>
+                <td :width="td_1_width">
+                  <span>{{item.dialysis_no}}</span>
+                </td>
+                <td :width="td_1_width">{{item.name}}</td>
+                <td :width="td_1_width">{{getTime(item.check_date)}}</td>
+                <td :width="td_1_width">{{item.result}}</td>
+              </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { GetPersonQCStatistisData } from '@/api/qcd'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import print from 'print-js'
+import { jsGetAge, uParseTime } from '@/utils/tools'
+
+export default {
+  name: 'SchedulePrint',
+  data() {
+    return {
+      checkData:[],
+      crumbs: [
+        { path: false, name: '专业质控' },
+        { path: false, name: '检验详情打印' }
+      ],
+      scheduleData:[],
+      week_type: 0,
+      day:'',
+      td_1_width: '10%',
+      td_2_width: '10%',
+      td_3_width: '25%',
+      td_4_width: '45%',
+      modeOptions: null,
+      anticoagulants_confit:null,
+      currentDate:'',
+      org_id:0,
+      printObj:{},
+      week_time:0,
+      zone:0,
+      reference:null,
+    }
+  },
+  components: {
+    BreadCrumb
+  },
+  created() {
+    var patient_id = this.$route.query.patient_id
+    var project_id  = this.$route.query.project_id
+    var item_id  = this.$route.query.item_id
+    var start_time  = this.$route.query.start_time
+    var end_time  = this.$route.query.end_time
+
+    const params = {
+      patient_id:patient_id,
+      project_id:project_id,
+      item_id:item_id,
+      start_time: start_time,
+      end_time: end_time
+    }
+    GetPersonQCStatistisData(params).then(response=>{
+      if(response.data.state ==1){
+        let dialysis_no = response.data.data.patient.dialysis_no
+        let name = response.data.data.patient.name
+        this.checkData = []
+        this.reference = response.data.data.reference
+        for(let i = 0; i < response.data.data.inspections.length;i++){
+          let obj ={
+            dialysis_no:dialysis_no,
+            name:name,
+            check_date:response.data.data.inspections[i].inspect_date,
+            result:response.data.data.inspections[i].inspect_value
+          }
+          this.checkData.push(obj)
+
+
+        }
+
+
+      }
+    })
+  },
+  methods: {
+    getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    printAction: function() {
+      const style = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }'
+      printJS({
+        printable: 'print_content',
+        type: 'html',
+        documentTitle: '  ',
+        style: style,
+        scanStyles: false
+      })
+    },
+  },
+}
+</script>
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.print_main_content {
+  background-color: white;
+  max-width: 1500px;
+  margin: 0 auto;
+  padding: 0 0 20px 0;
+
+.order_title_panl {
+  text-align: center;
+
+.main_title {
+  font-size: 18px;
+  line-height: 40px;
+  font-weight: 500;
+}
+}
+.table_panel {
+.table {
+  width: 100%;
+  border: 1px solid;
+  border-collapse: collapse;
+  padding: 2px;
+
+thead {
+tr {
+td {
+  border: 1px solid;
+  text-align: center;
+  font-size: 20px;
+  padding: 15px 5px;
+}
+}
+}
+tbody {
+tr {
+td {
+  border: 1px solid;
+  text-align: center;
+  font-size: 18px;
+  padding: 10px 5px;
+
+.proj {
+  padding: 5px 0;
+  text-align: left;
+
+.proj_title {
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 25px;
+}
+
+.proj_item {
+  font-size: 15px;
+  line-height: 20px;
+
+.zone_name {
+  font-weight: 500;
+}
+}
+}
+}
+}
+}
+}
+}
+}
+</style>

src/xt_pages/Dialysisanalysis/qualitycontrol/individual.vue

@@ -1,243 +1,649 @@
 <template>
-    <div>
-       <div class="content_top">
-            <el-autocomplete
-            class="inline-input"
-            v-model="inputValue"
-            :fetch-suggestions="querySearch"
-            :trigger-on-focus="false"
-            placeholder="请输入患者名字或透析号"
-            @select="handleSubmit"
-            ></el-autocomplete>
+  <div class="main-contain">
+    <div class="app-container">
+      <div class="page_process">
+        <new-nav activeName="process"></new-nav>
+        <div class="cell clearfix">
+          <el-form :inline="true">
+            <el-form-item label>
+              <el-autocomplete
+                class="checkSearch"
+                popper-class="my-autocomplete"
+                v-model="search_value"
+                :fetch-suggestions="querySearchAsync"
+                :trigger-on-focus="false"
+                placeholder="请输入病人名字"
+                @select="handleSelect"
+                style="width:160px;"
+              >
+                <i class="el-icon-search el-input__icon" slot="suffix"></i>
+                <template slot-scope="{ item }">
+                  <div class="name">{{ item.name }}</div>
+                </template>
+              </el-autocomplete>
+
+            </el-form-item>
+          </el-form>
+
+          <label class="title">
+            <span class="name">日期查询</span> :
+          </label>
+          <el-date-picker
+            v-model="query.start_time"
+            prefix-icon="el-icon-date"
+            @change="changeTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+          <span class>-</span>
+          <el-date-picker
+            v-model="query.end_time"
+            prefix-icon="el-icon-date"
+            @change="changeEndTime"
+            :editable="false"
+            style="width: 150px;"
+            type="date"
+            placeholder="选择日期时间"
+            align="right"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+          ></el-date-picker>
+
+          <el-button size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+          </el-button>
+          <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+
+          </el-button>
+        </div>
+
+        <el-container>
+          <div style="width:160px">
+
+            <div class="tableTitle">患者列表</div>
+
+
+            <el-table ref="table" :data="patientsData" border style="width: 100%;" height="500"
+                      :row-style="{ color: '#303133' }"
+                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                      highlight-current-row
+                      @current-change="handleChange">
+              <el-table-column prop="dialysis_no" label="透析号" width="70" align="center">
+                <template slot-scope="scope">{{scope.row.dialysis_no}}</template>
+              </el-table-column>
+              <el-table-column prop="name" label="姓名" width="90" align="center">
+                <template slot-scope="scope">{{ scope.row.name }}</template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div style="padding-left:10px;flex:1;width:0;">
+            <div class="tableTitle">指标趋势<span style="font-weight:normal">&nbsp;&nbsp;（当前患者: {{patient_name}}）</span></div>
             <div>
-                <span>查询时间:</span>
-                <el-date-picker
-                v-model="stat_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <span>-</span>
-                <el-date-picker
-                v-model="end_time"
-                type="date"
-                placeholder="选择日期">
-                </el-date-picker>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-select v-model="value" placeholder="请选择">
-                    <el-option
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.value">
-                    </el-option>
-                </el-select>
-                <el-button type="primary">查询</el-button>
+              <line-chart :options="chart"></line-chart>
+<!--              <line-chart :options="bar" v-if="query.statistics_type == 9 || query.statistics_type == 10"></line-chart>-->
+<!--              <line-chart></line-chart>-->
+
             </div>
+            <div class="tableTitle">统计表</div>
             <div>
-                <el-button type="primary">打印</el-button>
-                <el-button type="primary">导出</el-button>
-            </div>
-       </div>
-       <div style="margin: 20px 0px;">
-        <h2 >患者列表</h2>
-       </div>
-       <div >
-        <el-row :gutter="20">
-            <el-col :span="4">
-              <div class="grid-content bg-purple">
-                <!-- <span style="font-size: 18px;font-weight: bold;display: block;">患者列表</span> -->
-                <!-- <h2>患者列表</h2> -->
-                <el-table
-                :data="tableData"
-                border
-                style="width: 100%">
-                    <el-table-column
-                        align="center"
-                        prop="date"
-                        label="透析号"
-                       >
-                    </el-table-column>
-                    <el-table-column
-                        align="center"
-                        prop="name"
-                        label="姓名"
-                        >
-                    </el-table-column>
-                </el-table>
-              </div>
-            </el-col>
-            <el-col :span="19">
-               <div class="grid-content bg-purple">
-                <div class="echart" id="germychart" style="width:100%;height:400px"></div>
-                <el-table
-                    :data="tableData"
-                    style="width: 100%"
-                    border
-                    align="center"
-                    max-height="250">
-                    <el-table-column
-                    fixed
-                    prop="date"
-                    label="姓名"
-                   >
-                    </el-table-column>
-                    <el-table-column
-                    prop="name"
-                    label="检查日期"
-                    >
-                    </el-table-column>
-                    <el-table-column
-                    prop="province"
-                    label="甲状旁腺激素（pg/ml）"
-                    >
-                    </el-table-column>
-                    
-                </el-table>
-               </div>
-           </el-col>
-        </el-row>
-       </div>
+              <el-table ref="table" :data="tableData" v-loading="loading" border :row-style="{ color: '#303133' }" :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}">
+                <el-table-column label="姓名" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.name}}
+                  </template>
+                </el-table-column>
+
+                <el-table-column width="100" label="检查日期" align="center">
+                  <template slot-scope="scope">
+                    {{getTime(scope.row.inspect_date)}}
+
+                  </template>
+                </el-table-column>
 
+                <el-table-column width="100" label="甲状旁腺激素分析" align="center">
+                  <template slot-scope="scope">
+                    {{scope.row.value}}
+                  </template>
+                </el-table-column>
+              </el-table>
+
+
+            </div>
+          </div>
+        </el-container>
+      </div>
     </div>
+  </div>
 </template>
+
+
 <script>
-  import * as echarts from 'echarts'
-export default{
-    // props: {
-    //     width: {
-    //         type: String,
-    //         default: "100%"
-    //     },
-    //     height: {
-    //         type: String,
-    //         default: "400px"
-    //     },
-    
-    // },
-    data() {
-        return {
-            inputValue:'',
-            stat_time:'',
-            end_time:'',
-            value:'',
-            querySearch:'',
-            tableData:[],
-            options:[],
-            myChartTwo: {},
-            xData: ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"], //横坐标
-            opinionData: [23, 24, 18, 25, 27, 28, 25], //人数数据
-            // myChartStyle: { float: "left", width: "100%", height: "400px" },//图表样式
-            
+import echarts from 'echarts'
+import {  uParseTime } from '@/utils/tools'
+import { getCurrentOrgPatients } from '@/api/common/common'
+import {
+  GetDefaultPatient,
+} from '@/api/common/statistics'
+import { PostSearch } from '@/api/patient'
+import { getDataConfig } from '@/utils/data'
+import { GetPersonQCStatistisData } from '../../../api/qcd'
+import LineChart from '../../qcd/components/LineChart.vue'
+
+export default {
+  components: {
+    LineChart
+  },
+  data() {
+    return {
+      pickerOptions: {
+        disabledDate(time) {
+          let threeMonths = new Date(new Date().setFullYear(new Date().getFullYear() - 1)).getTime() - 24 * 3600 * 1000
+          return time.getTime() > Date.now() || time.getTime() < threeMonths
+
         }
-    },
-    created(){
-        
-       
-    },
-    mounted() {
-        // this.$nextTick(function() {
-            this.initEcharts();
-            // this.myChartTwo = echarts.init(document.getElementById("germychart"));
-            // this.myChartTwo.setOption(option);
-            // // //随着屏幕大小调节图表
-            // window.addEventListener("resize", () => {
-            //     console.log('asdfgfdhdgfdghdffgasda');
-            //     this.myChartTwo.resize();
-            // });
-            
-            // window.onresize = this.myChartTwo.resize;
-		// })  
-    },
-    // beforeDestroy(){
-    //     window.addEventListener("resize", () => {
-    //         this.myChartTwo.resize();
-    //     });
-    //     const quality = document.getElementById("germychart");
-    //     quality.addEventListener("transitionend", this.__resizeHanlder);
-    // },
-    methods:{
-        handleSubmit(){
-            console.log('asdfa');
-            this.querySearch
+      },
+      patient_name:'',
+      percent:[],
+      patientsData: [],
+      tableData: [],
+      loading: false,
+      search_value: '',
+      total: 0,
+      query: {
+        patient_id: '',
+        statistics_type: 1,
+        start_time: '',
+        end_time: '',
+        limit: 10,
+        page: 1
+      },
+      crumbs: [
+        { path: false, name: '科室质控' },
+        { path: false, name: '指标评估统计' },
+        { path: false, name: '透析过程指标统计' }
+      ],
+      tableData1: [],
+      chart: {
+        title: {
+          text: 'ECharts 入门示例'
         },
-        initEcharts() {
-            this.myChartTwo = echarts.init(document.getElementById("germychart"));
-            console.log('zxczvbbnm,m');
-            const option = {
-                xAxis: {
-                    type: 'category',
-                        boundaryGap:true,
-                        axisTick:{
-                            alignWithLabel:true //保证刻度线和标签对齐
-                        },
-                    data: this.xData,
-                    splitNumber:this.xData.length, //纵坐标数
-                    interval:this.xData //强制设置坐标轴分割间隔
-                },
-                yAxis: {
-                    type: 'value',
-                    boundaryGap: true,
-                    splitNumber:4, //纵坐标数
-                    interval:10 //强制设置坐标轴分割间隔
-                },
-                legend: {
-                    // show: true,
-                    align:'left',//文字在前图标在后
-                    left:'15%',
-                    top:'5%',
-                    data: [{name:'甲状旁腺激素 pg/ml'}]
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
+        },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'line',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
                 },
-                grid:{
-                    show:true,
-                    left: "5%",
-                    right: "5%",
-                    bottom: "5%"
+                lineStyle:{
+                  color:'#409eff' //改变折线颜色
                 },
-                series: [
-                {
-                    data: this.opinionData,
-                    name:'甲状旁腺激素 pg/ml',
-                    type: "line",// 类型设置为折线图
-                    symbol: 'circle',
-                    itemStyle: {
-                        normal: {
-                            color: '#409eff', //改变折线点的颜色#a80000
-                            lineStyle: {
-                                color: '#409eff' //改变折线颜色
-                            }
-                        }
-                    },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
 
-                },
-                
-                ],
-                
-            };
-            
-            this.myChartTwo.setOption(option);
-            // //随着屏幕大小调节图表
-            window.addEventListener("resize", () => {
-                console.log('123456788');
-                this.myChartTwo.resize();
-            });
-            
-            // window.onresize = this.myChartTwo.resize;
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ],
+        dataZoom: [
+          {
+            // Y轴固定,让内容滚动
+            type: 'slider',
+            show: false,
+            xAxisIndex: [0],
+            start: 1,
+            end: 20, // 设置X轴刻度之间的间隔(根据数据量来调整)
+            zoomLock: true // 锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
+          },
+          {
+            type: 'inside',
+            xAxisIndex: [0],
+            start: 1,
+            end: 20,
+            zoomLock: true // 锁定区域禁止缩放
+          }
+        ]
+      },
+      bar: {
+        title: {
+          text: 'ECharts 入门示例'
+        },
+        tooltip: {},
+        legend: {
+          data: [],
+          left: 0
+        },
+        xAxis: {
+          data: []
         },
+        yAxis: {
+          axisLabel: {
+            formatter: '{value} %'
+          },
+          show: false
+        },
+        series: [
+          {
+            name: '',
+            type: 'bar',
+            data: [],
+            barWidth: 30,
+            label: {
+              normal: {
+                show: true,
+                position: 'top',
+                formatter: (params) => {
+                  if(this.percent.length > 0){
+                    let str = ''
+                    str = params.data + '('+ this.percent[params.dataIndex] +'%)'
+                    return str
+                  }else{
+                    let str = ''
+                    str = params.data
+                    return str
+                  }
+                }
+              }
+            },
+            //配置样式
+            itemStyle: {
+              //通常情况下：
+
+              //每个柱子的颜色即为colorList数组里的每一项，如果柱子数目多于colorList的长度，则柱子颜色循环使用该数组
+              normal: {
+                color: function(params) {
+                  //我这边就两个柱子，大体就两个柱子颜色渐变，所以数组只有两个值，多个颜色就多个值
+                  var colorList = [
+                    ['#A9E0F3', '#9FBDFC'],
+                    ['#FFD7C0', '#FF9994']
+                  ]
+
+                  var index = params.dataIndex
+                  if (params.dataIndex >= colorList.length) {
+                    index = params.dataIndex % colorList.length
+                  }
+
+                  return new echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                    { offset: 0, color: colorList[index][0] },
+                    // { offset: 0.5, color: colorList[index][1] },
+                    { offset: 1, color: colorList[index][1] }
+                  ])
+                },
+                barBorderRadius: [5, 5, 0, 0] //柱状角成椭圆形
+              },
+
+              //鼠标悬停时：
+              emphasis: {
+                shadowBlur: 10,
+                shadowOffsetX: 0,
+                shadowColor: 'rgba(0, 0, 0, 0.5)'
+              }
+            }
+          }
+        ]
+      }
+
+    }
+  },
+  methods: {
+    printAction(){
+      this.$router.push({
+        path: "/Dialysisanalysis/qualitycontrol/print?patient_id=" + this.query.patient_id+"&project_id="+this.query.project_id+"&item_id="+this.query.item_id+"&start_time="+this.query.start_time+"&end_time="+this.query.end_time
+      });
+
+    },exportAction(){
+      let list = []
+      for (let i = 0; i < this.tableData.length; i++) {
+        let order = this.tableData[i]
+        let name = order.name
+        let value = order.value
+        let inspect_date = order.inspect_date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+    changeProject(val) {
+      this.query.statistics_type = val
+      this.query.page = 1
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleChange(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      this.GetPersonQCStatistisData(this.query)
+      this.GetInspectionCheckIndexTableData(this.query)
+    },
+    handleSizeChange(limit) {
+      this.query.limit = limit
+      this.GetInspectionCheckIndexTableData(this.query)
+
+    },
+    handleCurrentChange(page) {
+      this.query.page = page
+      this.GetPersonQCStatistisData(this.query)
+    },formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    changeTime(val) {
+      var time = this.getTimestamp(val) - this.getTimestamp(this.query.end_time)
+      if (time > 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.start_time = ''
+      } else {
+        // this.getDialysisList()
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+
+    },
+    changeEndTime(val) {
+      var time =
+        this.getTimestamp(val) - this.getTimestamp(this.query.start_time)
+      if (time < 0) {
+        this.$message.error('结束时间不能小于开始时间')
+        this.query.end_time = ''
+      } else {
+        this.query.page = 1
+        this.GetPersonQCStatistisData(this.query)
+        this.GetInspectionCheckIndexTableData(this.query)
+
+      }
+    },
+    getTimestamp(time) {
+      // 把时间日期转成时间戳
+      return new Date(time).getTime() / 1000
+    },
+    QueryOperaById: function(val) {
+      let vascular_access_desc_name = ''
+      let vascular_access_desc = getDataConfig(
+        'hemodialysis',
+        'vascular_access_desc'
+      )
+      for (let i = 0; i < vascular_access_desc.length; i++) {
+        if (vascular_access_desc[i].id == val) {
+          vascular_access_desc_name = vascular_access_desc[i].name
+        }
+      }
+
+      return vascular_access_desc_name
+    },
+    GetAnticoagulantById: function(val) {
+      let anticoagulan_name = ''
+      var anticoagulantsConfitTwo = this.$store.getters.anticoagulants_confit
+      let anticoagulant = anticoagulantsConfitTwo
+      for (let keys in anticoagulant) {
+        if (anticoagulant[keys].id == val) {
+          anticoagulan_name = anticoagulant[keys].name
+        }
+      }
+      return anticoagulan_name
+    },
+    getModeName(mode_id) {
+      return this.$store.getters.treatment_mode[mode_id] != undefined ? this.$store.getters.treatment_mode[mode_id].name : ''
+    },  getTime(val) {
+      if(val == "" || val == undefined){
+        return ""
+      }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+      }
+    },
+    GetInspectionCheckIndexTableData(params) {
+      this.loading = true
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          console.log("resp=====",resp)
+          if (resp.state == 1) {
+            this.loading = false
+            this.tableData = []
+            for (let i = 0; i < resp.data.inspections.length; i++) {
+              let obj = {
+                name:resp.data.patient.name,
+                value:resp.data.inspections[i].inspect_value,
+                inspect_date:resp.data.inspections[i].inspect_date
+              }
+              this.tableData.push(obj)
+            }
+            this.total = resp.data.total
+
+          } else {
+            this.loading = false
+          }
+        })
+        .catch(error => {
+
+        })
+    },
+    GetPersonQCStatistisData(params) {
+      this.chart.xAxis.data = []
+      this.chart.series[0].data = []
+      this.bar.xAxis.data = []
+      this.bar.series[0].data = []
+      this.percent = []
+      GetPersonQCStatistisData(params)
+        .then(rs => {
+          var resp = rs.data
+          if (resp.state == 1) {
+            console.log(resp.data.inspections)
+              for (let i = 0; i < resp.data.inspections.length; i++) {
+                this.chart.xAxis.data.push(this.getTime(resp.data.inspections[i].inspect_date))
+                this.chart.series[0].data.push(resp.data.inspections[i].inspect_value)
+              }
+              console.log(this.chart.xAxis.data)
+            console.log( this.chart.series[0].data)
+
+              this.getArrLength(this.chart.xAxis.data,1)
+          } else {
+
+          }
+        })
+        .catch(error => {
+        })
+    },
+    handleSelect(val) {
+      this.query.patient_id = val.id
+      this.query.page = 1
+      this.patient_name = val.name
+      for (let i = 0;i < this.patientsData.length; i++){
+        console.log(this.patientsData[i].id)
+        console.log(val.id)
+
+        if (this.patientsData[i].id == val.id){
+          this.$refs.table.setCurrentRow(this.patientsData[i])
+        }
+      }
+
+
+    },
+    querySearchAsync(keyword, cb) {
+      let key = ''
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+      PostSearch(key).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          cb(searchArray)
+        } else {
+          cb([])
+        }
+      })
+    },
+    chooseWay(way) {
+      this.wayType = way
+    }, getCurrentOrgPatients() {
+      getCurrentOrgPatients().then(response => {
+        if (response.data.state == 1) {
+          var patients = response.data.data.patients
+          this.patientsData = patients
+          this.GetDefaultPatient()
+        }
+      })
+    }, GetDefaultPatient() {
+      GetDefaultPatient().then(response => {
+        if (response.data.state == 1) {
+          var patient = response.data.data.patient
+          for (let i = 0;i < this.patientsData.length; i++){
+            if (this.patientsData[i].id == patient.id){
+              this.patient_name = this.patientsData[i].name
+              this.$refs.table.setCurrentRow(this.patientsData[i])
+            }
+          }
+          this.query.patient_id = patient.id
+          this.GetPersonQCStatistisData(this.query)
+
+        }
+      })
+
     },
-    
+    getArrLength(result,type){
+      if(type == 1){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.chart.dataZoom[0].end = dataZoom_end
+        }
+      }else if(type == 2){
+        if(result.length > 10){
+          var dataZoom_end = (10/result.length)*100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }else{
+          var dataZoom_end = 100;
+          this.bar.dataZoom[0].end = dataZoom_end
+        }
+      }
+
+    }
+  }, mounted() {
+    var date = new Date()
+    var year = date.getFullYear() //获取完整的年份(4位)
+    var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1).toString() : date.getMonth() + 1 //获取当前月份(0-11,0代表1月)
+    var day = date.getDate() < 10 ? '0' + date.getDate().toString() : date.getDate() //获取当前日(1-31)
+    var last_month = date.getMonth() < 10 ? '0' + date.getMonth().toString() : date.getMonth() //获取当前月份(0-11,0代表1月)
+    this.query.patient_id = 0
+    this.query.end_time = year + '-' + month + '-' + day
+    this.query.start_time = year + '-' + last_month + '-' + day
+    this.query.project_id = 20
+    this.query.item_id = 171
+    this.getCurrentOrgPatients()
+
+    // this.GetPersonQCStatistisData()
+
+
+  }
 }
 </script>
+
 <style lang="scss" scoped>
-.content_top{
-    display: flex;
-    justify-content: space-around;
-    margin-bottom: 20px;
+.tableTitle {
+  font-size: 16px;
+  color: #000;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+</style>
+<style lang="scss">
+.page_process {
+.el-tabs{
+  margin-bottom:0 !important;
+}
+.el-button--medium {
+  padding: 10px 8px;
+}
+
+.el-form-item {
+  margin-bottom: 0;
+}
+::-webkit-scrollbar{
+  height: 15px !important;
+}
+
 }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/qualitycontrol/totalSstatistics.vue

@@ -1,268 +1,469 @@
-
 <template>
   <div>
-      <!-- <div class="content_top">
-          <div class="block">
-              <span>查询时间:</span>
-              <el-date-picker
-              v-model="time_month"
-              type="month"
-              placeholder="选择月">
-              </el-date-picker>
-          </div>
-          <div>
-              <el-date-picker
-              v-model="stat_time"
-              type="date"
-              placeholder="选择日期">
-              </el-date-picker>
-              <span>-</span>
-              <el-date-picker
-              v-model="end_time"
-              type="date"
-              placeholder="选择日期">
-              </el-date-picker>
-          </div>
-          <div style="width: 200px;">
-              <el-input v-model="input" placeholder="请输入内容"></el-input>
-          </div>
-          <el-button type="primary">查询</el-button>
-      </div> -->
-      <el-row :gutter="20">
-      <el-col :span="5"> 
+    <el-row :gutter="25">
+      <el-col :span="5">
         <div class="block">
           <span>查询时间:</span>
-          <el-date-picker
-          v-model="time_month"
-          type="month"
-          placeholder="选择月">
-          </el-date-picker>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
         </div>
       </el-col>
       <el-col :span="8">
         <div>
           <el-date-picker
-          v-model="stat_time"
-          type="date"
-          placeholder="选择日期">
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+
+            placeholder="选择日期">
           </el-date-picker>
           <span>-</span>
           <el-date-picker
-          v-model="end_time"
-          type="date"
-          placeholder="选择日期">
+            style="width: 200px"
+            v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="选择日期">
           </el-date-picker>
         </div>
       </el-col>
-      <el-col :span="3">
-        <div style="width: 200px;">
-          <el-input v-model="input" placeholder="请输入内容"></el-input>
+      <el-col :span="5">
+        <div >
+          <el-input disabled v-model="input" placeholder="请输入内容"></el-input>
         </div>
       </el-col>
-      <el-col :span="2">
-          <el-button type="primary">查询</el-button>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
       </el-col>
-      </el-row>
-      
-      <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
-        <p class="chartTitle">统计图</p>
-      </div>
-      <div class="echart" id="mychart" :style={width:width,height:height}></div>
-      <div style="width: 80%;margin: auto;">
-          <el-table
-          :data="tableData"
-          :show-summary = true
-          border
-          style="width: 100%;">
-              <el-table-column
-                  prop="date"
-                  align="center"
-                  label="甲状旁腺激素"
-                  >
-              </el-table-column>
-              <el-table-column
-                  prop="name"
-                  
-                  label="人数"
-                  >
-              </el-table-column>
-              <el-table-column
-                  prop="address"
-                  align="center"
-                  label="操作">
-                  <template slot-scope="scope">
-                      <el-button @click="handleClick(scope.row)" style="font-size:16px;"
-                              type="text" >查看详情
-                      </el-button>
-                  </template>
-              </el-table-column>
-          </el-table>
-      </div>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="甲状旁腺激素"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          label="人数"
+        >
+        </el-table-column>
+<!--        <el-table-column-->
+<!--          prop="address"-->
+<!--          align="center"-->
+<!--          label="操作">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button @click="handleClick(scope.row)" style="font-size:16px;"-->
+<!--                       type="text">查看详情-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
+    </div>
+<!--    <el-dialog class="centerDialog"-->
+<!--               title="打印"-->
+<!--              >-->
+<!--      <el-row :gutter="25">-->
+<!--        <el-col :span="5">-->
+<!--          <div class="block">-->
+<!--            <span>查询时间:</span>-->
+<!--            <el-select size="small" v-model="time_type" placeholder="请选择"-->
+<!--                       style="width:150px;margin-left:10px;" @change="changeItem">-->
+<!--              <el-option-->
+<!--                v-for="item,index in times"-->
+<!--                :key="index"-->
+<!--                :label="item.label"-->
+<!--                :value="item.value">-->
+<!--              </el-option>-->
+<!--            </el-select>-->
+<!--          </div>-->
+<!--        </el-col>-->
+<!--        <el-col :span="8">-->
+<!--          <div>-->
+<!--            <el-date-picker-->
+<!--              style="width: 200px"-->
+
+<!--              v-model="start_time"-->
+<!--              format="yyyy-MM-dd"-->
+<!--              value-format="yyyy-MM-dd"-->
+<!--              type="date"-->
+
+<!--              placeholder="选择日期">-->
+<!--            </el-date-picker>-->
+<!--            <span>-</span>-->
+<!--            <el-date-picker-->
+<!--              style="width: 200px"-->
+<!--              v-model="end_time"-->
+<!--              format="yyyy-MM-dd"-->
+<!--              value-format="yyyy-MM-dd"-->
+<!--              type="date"-->
+<!--              placeholder="选择日期">-->
+<!--            </el-date-picker>-->
+<!--          </div>-->
+<!--        </el-col>-->
+<!--        <el-col :span="5">-->
+<!--          <el-select-->
+<!--            placeholder="请选择类型"-->
+<!--            style="width:95%"-->
+<!--          >-->
+<!--            <el-option label="不达标患者" value="1"></el-option>-->
+<!--            <el-option label="未检查患者" value="2"></el-option>-->
+<!--            <el-option label="达标患者" value="3"></el-option>-->
+<!--            <el-option label="不限" value="0"></el-option>-->
+<!--          </el-select>-->
+<!--        </el-col>-->
+<!--        <el-col :span="5">-->
+<!--          <el-select-->
+<!--            placeholder="请选择排序"-->
+<!--            style="width:95%"-->
+<!--          >-->
+<!--            <el-option label="按时间" value="1"></el-option>-->
+<!--            <el-option label="按患者" value="2"></el-option>-->
+<!--            <el-option label="不限" value="0"></el-option>-->
+<!--          </el-select>-->
+<!--        </el-col>-->
+<!--        <el-col :span="3">-->
+<!--          <el-button type="primary" @click="getData()">查询</el-button>-->
+<!--          <el-button type="primary" @click="getData()">打印</el-button>-->
+<!--          <el-button type="primary" @click="getData()">导出</el-button>-->
+
+<!--        </el-col>-->
+<!--      </el-row>-->
+<!--      <div style="width: 80%;margin: auto;">-->
+<!--        <el-table-->
+<!--          :data="tableData"-->
+<!--          border-->
+<!--          style="width: 100%;">-->
+<!--          <el-table-column-->
+<!--            prop="name"-->
+<!--            align="center"-->
+<!--            label="透析号"-->
+<!--          >-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--            prop="count"-->
+<!--            label="姓名"-->
+<!--          >-->
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--            prop="address"-->
+<!--            align="center"-->
+<!--            label="检查日期">-->
+
+<!--          </el-table-column>-->
+<!--          <el-table-column-->
+<!--            prop="address"-->
+<!--            align="center"-->
+<!--            label="结果">-->
+
+<!--          </el-table-column>-->
+<!--        </el-table>-->
+<!--      </div>-->
+
+<!--    </el-dialog>-->
   </div>
 </template>
 <script>
-import * as echarts from "echarts";
-export default{
+import * as echarts from 'echarts'
+import { GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
   props: {
- 
-  width: {
-    type: String,
-    default: "100%"
-  },
-  height: {
-    type: String,
-    default: "400px"
+
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '400px'
+    }
+
   },
-  
-},
   data() {
-      return {
-          time_month:'',
-          stat_time:'',
-          end_time:'',
-          input:'',
-          myChart: {},
-          pieData : [
-          {
-        value: 463,
-        name: "不达标值患者"
-      },
-      {
-        value: 395,
-        name: "未检查患者"
-      },
-      {
-        value: 157,
-        name: "达标值患者"
-      },
-      // {
-      //   value: 149,
-      //   name: "广东"
-      // },
-      // {
-      //   value: 147,
-      //   name: "湖南"
-      // }
-          
-          ],
-          pieName: [],
-          // myChartStyle:{float: "right", width: "100%", height: "400px"},
-          tableData:[],
-      }
+    return {
+      time_type: 1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      reference:{},
+    }
   },
   mounted() {
-  this.initDate(); //数据初始化
-  this.initEcharts();
-},
-methods: {
-  initDate() {
-    for (let i = 0; i < this.pieData.length; i++) {
-      this.pieName[i] = this.pieData[i].name;
-    }
+    this.getData()
   },
-  initEcharts() {
-    // 饼图
-    this.myChart = echarts.init(document.getElementById("mychart"));
-    window.addEventListener("resize", () => {
-      console.log('098765adsfghg');
-      this.myChart.resize();
-    });
-    console.log('09876543454676');
-    const option = {
-      legend: {
-        // 图例
-        data: this.pieName,
-        left: "10%",
-        top: "30%",
-        orient: "vertical"
-      },
-      color:['#ff7f9f','#fff67f','#1e5feb'],
-      title: {
-        // 设置饼图标题，位置设为顶部居中
-      //   text: "国内院士前五省份图示",
-        top: "0%",
-        left: "center"
-      },
-      series: [
-        {
-          type: "pie",
-          label: {
-            normal : {
-              formatter: '{b}:{c}: ({d}%)',
-              textStyle : {
-                  fontWeight : 'normal',
-                  fontSize : 15,
-                  color : "black"
+  methods: {
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
+      }
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        project_id: 20,
+        item_id: 171
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.reference = response.data.data.reference
+          this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total / response.data.data.patient_count,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+            let objtwo = {
+            value:   response.data.data.normal_total / response.data.data.patient_count,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.patient_count / response.data.data.no_check_total,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#ff7f9f', '#fff67f', '#1e5feb'],
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
+            },
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  show: true,
+                  formatter: '{b} : {d}% ({c})'
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData
               }
-            }
-            // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})" 
-          },
-          radius: "65%", //饼图半径
-          data: this.pieData,
-          itemStyle : {
-            emphasis: {
-              shadowBlur: 10,
-              shadowOffsetX: 0,
-              shadowColor: 'rgba(0, 0, 0, 0.5)'
-            }
+            ]
           }
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
         }
-      ]
-    };
-  //   console.log(this.seriesData);
-    const optionFree = {
-      series: [
-        {
-          data: this.seriesData,
-          type: "line",
-          smooth: true
-        }
-      ]
-    };
-    this.myChart = echarts.init(document.getElementById("mychart"));
-    this.myChart.setOption(option);
-    //随着屏幕大小调节图表
-  //   window.addEventListener("resize", () => {
-  //     this.myChart.resize();
-  //   });
-  },
-  getSummaries(param) {
-      const { columns, data } = param;
-      const sums = [];
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
+    },
+
+
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
       columns.forEach((column, index) => {
         if (index === 0) {
-          sums[index] = '总价';
-          return;
+          sums[index] = '总价'
+          return
         }
-        const values = data.map(item => Number(item[column.property]));
+        const values = data.map(item => Number(item[column.property]))
         if (!values.every(value => isNaN(value))) {
           sums[index] = values.reduce((prev, curr) => {
-            const value = Number(curr);
+            const value = Number(curr)
             if (!isNaN(value)) {
-              return prev + curr;
+              return prev + curr
             } else {
-              return prev;
+              return prev
             }
-          }, 0);
-          sums[index] += ' 元';
+          }, 0)
+          sums[index] += ' 元'
         } else {
-          sums[index] = 'N/A';
+          sums[index] = 'N/A'
         }
-      });
+      })
 
-      return sums;
-  },
-  handleClick(id){
-      console.log(id);
+      return sums
+    },
+    handleClick(id) {
+      console.log(id)
+    }
   }
-}
 
 }
 </script>
 <style lang="scss" scoped>
-.content_top{
+.content_top {
   display: flex;
   justify-content: space-around;
   color: #1e5feb;
 }
-</style>
+</style>

src/xt_pages/data/components/addProject.vue

@@ -231,6 +231,17 @@
                             </el-option>
                         </el-select>
                     </el-form-item>
+
+                    <el-form-item label="是否打印显示:" prop="is_advice">
+                        <el-select v-model="form.is_print" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in printOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
                 </el-form>
             </el-tab-pane>
         </el-tabs>
@@ -254,6 +265,10 @@ export default {
              {value: 1,label: '是'},
              {value: 2,label: '否'}
              ],
+             printOptions: [
+             {value: 1,label: '是'},
+             {value: 2,label: '否'}
+             ],
             value: '',
             radio:'1',
             form:{
@@ -288,7 +303,8 @@ export default {
               category:"",
               specail_project:"",
               social_security_directory_code:"",
-              record_date:""
+              record_date:"",
+              is_print:"",
             },
             rules: {
                 project_name: [{ required: true, message: '请填写项目名称', trigger: 'blur'  }],
@@ -383,7 +399,8 @@ export default {
                     category:this.form.category,
                     specail_project:this.form.specail_project,
                     social_security_directory_code:this.form.social_security_directory_code,
-                    record_date:this.form.record_date
+                    record_date:this.form.record_date,
+                    is_print:parseInt(this.form.is_print) 
                }
              console.log("params222222",params)
               saveProject(params).then(response=>{

src/xt_pages/data/components/editInspection.vue

@@ -421,7 +421,8 @@
     },
     created() {
       this.getlist()
-    },watch: {
+    },
+    watch: {
       'tableData': function() {
         let c = 0
         this.form.price  = 0

src/xt_pages/data/components/editProject.vue

@@ -234,6 +234,16 @@
                             </el-option>
                         </el-select>
                     </el-form-item>
+                    <el-form-item label="是否打印显示:" prop="is_advice">
+                        <el-select v-model="form.is_print" style="width:160px;" placeholder="请选择">
+                            <el-option
+                            v-for="item in printOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value">
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
                 </el-form>
             </el-tab-pane>
         </el-tabs>
@@ -259,6 +269,10 @@ export default {
              {value: 1,label: '是'},
              {value: 2,label: '否'}
              ],
+             printOptions: [
+             {value: 1,label: '是'},
+             {value: 2,label: '否'}
+             ],
             value: '',
             radio:'1',
 
@@ -296,7 +310,7 @@ export default {
               specail_project:"",
               social_security_directory_code:"",
               record_date:"",
-
+              is_print:"",
             },
             rules: {
                 project_name: [{ required: true, message: '请填写项目名称', trigger: 'blur'  }],
@@ -416,6 +430,12 @@ export default {
                 this.form.social_security_directory_code = ""
               }
               this.form.record_date = this.getTime(projecDetail.record_date)
+              if(projecDetail.is_print == 0){
+                this.form.is_print = ""
+              }else{
+                this.form.is_print = projecDetail.is_print
+              }
+             
             }
          })
        },
@@ -457,7 +477,8 @@ export default {
                     category:this.form.category,
                      specail_project:this.form.specail_project,
                     social_security_directory_code:this.form.social_security_directory_code,
-                    record_date:this.form.record_date
+                    record_date:this.form.record_date,
+                    is_print:parseInt(this.form.is_print)
                }
 
               updatedProject(params).then(response=>{

src/xt_pages/data/components/inspection.vue

@@ -99,7 +99,7 @@ export default {
             },],
             value: '',
             tableData: [],
-            limit:20,
+            limit:10,
             page:1,
             total:0
             

src/xt_pages/data/components/patient_diagnose.vue

@@ -0,0 +1,317 @@
+<template>
+    <div class="main-contain">
+      <div class=" sign-and-weigh-box" style="background: white">
+  
+
+        <el-row :gutter="15">
+          <el-col>
+            <div>
+              <el-button
+                size="small"
+                icon="el-icon-circle-plus-outline"
+                style="float: right;margin-bottom: 15px"
+                type="primary"
+                @click="showDialog"
+              >新增
+              </el-button>
+            </div>
+  
+            <el-table
+              :row-style="{ color: '#303133' }"
+              :header-cell-style="{
+                backgroundColor: 'rgb(245, 247, 250)',
+                color: '#606266'
+              }"
+              :data="manufacturerData"
+              style="width: 100%"
+              border
+              v-loading="loading"
+            >
+             
+              <el-table-column label="诊断名称" align="center">
+                <template slot-scope="scope">
+                   {{scope.row.class_name  }}
+                </template>
+              </el-table-column>
+  
+  
+              <el-table-column label="排序" align="center">
+                <template slot-scope="scope">
+                   {{ scope.row.sort }}
+                </template>
+              </el-table-column>
+  
+        
+  
+              <el-table-column label="操作" align="center">
+                <template slot-scope="scope">
+                  <el-tooltip
+                    class="item"
+                    effect="dark"
+                    content="编辑"
+                    placement="top"
+                  >
+                    <el-button
+                      size="small"
+                      type="primary"
+                      icon="el-icon-edit-outline"
+                      @click="handleEdit(scope.$index, scope.row)"
+                    >
+                    </el-button>
+                  </el-tooltip>
+                  <el-tooltip
+                    class="item"
+                    effect="dark"
+                    content="删除"
+                    placement="top"
+                  >
+                    <el-button
+                      size="small"
+                      type="danger"
+                      icon="el-icon-delete"
+                      @click="handleDelete(scope.$index, scope.row)"
+                    >
+                    </el-button>
+                  </el-tooltip>
+  
+                </template>
+              </el-table-column>
+            </el-table>
+  
+            <el-pagination
+              @size-change="handleSizeChange"
+              @current-change="handleCurrentChange"
+              :page-sizes="[10, 50, 100]"
+              :page-size="10"
+              background
+              align="right"
+              style="margin-top:20px;"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total"
+            >
+            </el-pagination>
+          </el-col>
+        </el-row>
+      </div>
+
+      <el-dialog
+        title="新增"
+        :visible.sync="dialogVisible"
+        width="50%">
+        <span>
+          <el-form>
+             <el-row>
+                <el-col >
+                   <el-form-item label="诊断名称：">
+                    <el-input v-model="form.class_name"  type="textarea" style="width: 300px;"></el-input>
+                   </el-form-item>
+                   
+                </el-col>
+             </el-row>
+
+             <el-row>
+                <el-col >
+                   <el-form-item label="排序：">
+                    <el-input v-model="form.sort" style="width: 200px;"></el-input>
+                   </el-form-item>
+                   
+                </el-col>
+             </el-row>
+          </el-form>
+        </span>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="dialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="savePatientCase">确 定</el-button>
+        </span>
+      </el-dialog>
+
+      <el-dialog
+        title="新增"
+        :visible.sync="editdialogVisible"
+        width="50%">
+        <span>
+          <el-form>
+             <el-row>
+                <el-col >
+                   <el-form-item label="诊断名称：">
+                    <el-input v-model="form.class_name"  type="textarea" style="width: 300px;"></el-input>
+                   </el-form-item>
+                   
+                </el-col>
+             </el-row>
+
+             <el-row>
+                <el-col >
+                   <el-form-item label="排序：">
+                    <el-input v-model="form.sort" style="width: 200px;"></el-input>
+                   </el-form-item>
+                   
+                </el-col>
+             </el-row>
+          </el-form>
+        </span>
+        <span slot="footer" class="dialog-footer">
+            <el-button @click="editdialogVisible = false">取 消</el-button>
+            <el-button type="primary" @click="updatePatientCase">确 定</el-button>
+        </span>
+      </el-dialog>
+     
+    </div>
+  </template>
+  
+  <script>
+    import {
+      savePatientDiagnose,
+      getPatientDiagnose,
+      getPatientDiagnoseDetail,
+      updatePatientCase,
+      deletePatientDiagnose 
+    } from '@/api/data'
+    import DiagnoseOtherDialog from "./diagnoseOtherDialog";
+  
+    export default {
+      components: {
+        DiagnoseOtherDialog,
+      },
+      name: 'diagnoseOther',
+      data() {
+        return {
+          signAndWeighBoxPatients: 'sign-and-weigh-box-patients',
+          manufacturerData: [],
+          total: 0,
+          pageTotal: 0,
+          pageSelect: 0,
+  
+          page: 1,
+          limit: 10,
+          loading: false,
+  
+          manufacturer_code: '',
+          editId: '',
+          editIndex: '',
+          form:{
+            id:0,
+            class_name:"",
+            sort:"",
+          },
+          dialogVisible:false,
+          editdialogVisible:false,
+        }
+      },
+      methods: {
+        savePatientCase(){
+            var params= {
+                class_name:this.form.class_name,
+                sort:parseInt(this.form.sort),
+            }
+           console.log("param23232323w",params)
+          savePatientDiagnose(params).then(response=>{
+            if(response.data.state==1){
+              var diagnose = response.data.data.diagnose
+              this.$message.success("保存成功!")
+              this.dialogVisible = false
+              this.getList()
+            }
+          })
+        },
+        getList(){
+            var params = {
+               limit:this.limit,
+               page:this.page,
+            }
+          getPatientDiagnose(params).then(response=>{
+             if(response.data.state == 1){
+                this.manufacturerData = response.data.data.list
+
+                this.total =  response.data.data.total
+             }
+          })
+        },
+        handleEdit(index,row){
+           
+            var params ={
+              id:row.id
+            }
+         
+          getPatientDiagnoseDetail(params).then(response=>{
+             if(response.data.state == 1){
+              var detail =  response.data.data.detail
+              this.editdialogVisible =true
+              this.form.class_name =detail.class_name
+              this.form.sort = detail.sort
+              this.form.id = detail.id
+             }
+          })
+        },
+        updatePatientCase(){
+              var params = {
+                id:this.form.id,
+                class_name:this.form.class_name,
+                sort:parseInt(this.form.sort),
+              }
+            updatePatientCase(params).then(response=>{
+                if(response.data.state == 1){
+                    this.$message.success("保存成功!")
+                    this.editdialogVisible = false
+                    this.getList()
+                }
+            })
+        },
+        handleDelete: function(index, row) {
+          this.$confirm('确认删除这条记录?', '删除记录', {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning'
+          })
+            .then(() => {
+              let params = {
+                id: row.id
+              }
+              deletePatientDiagnose(params).then(response => {
+                if (response.data.state == 0) {
+                  this.$message.error(response.data.msg)
+                  return false
+                } else {
+                  this.manufacturerData.splice(index, 1)
+                  this.$message.success('删除成功')
+                }
+              })
+            })
+            .catch(() => {
+            })
+        },
+     
+        showDialog: function() {
+           this.dialogVisible = true
+        },
+        handleSizeChange(val) {
+          this.limit = val
+          this.getList()
+        },
+        handleCurrentChange(val) {
+          this.page = val
+          this.getList()
+        },
+       
+      },
+      created() {
+        this.getList()
+      }
+    }
+  </script>
+  
+  <style lang="scss">
+    .el-table td,
+    .el-table th.is-leaf,
+    .el-table--border,
+    .el-table--group {
+      border-color: #d0d3da;
+    }
+  
+    .el-table--border::after,
+    .el-table--group::after,
+    .el-table::before {
+      background-color: #d0d3da;
+    }
+  </style>
+  

src/xt_pages/data/specialDictionary.vue

@@ -43,6 +43,11 @@
           <diagnose-other v-if="activeName == 10"></diagnose-other>
         </el-tab-pane>
 
+
+        <el-tab-pane label="疾病诊断" name="11">
+          <patient-diagnose v-if="activeName == 11"></patient-diagnose>
+        </el-tab-pane>
+
       </el-tabs>
     </div>
   </div>
@@ -62,7 +67,7 @@
   import Addtion from './components/addtion'
   import DiagnoseOtherDialog from "./components/diagnoseOtherDialog";
   import DiagnoseOther from "./components/diagnoseOther";
-
+  import PatientDiagnose from "./components/patient_diagnose.vue"
   export default {
     name: 'specialDictionary',
     components: {
@@ -77,7 +82,8 @@
       project,
       inspection,
       manufacturer,
-      configure
+      configure,
+      PatientDiagnose
     },
     data() {
       return {

src/xt_pages/data/template.vue

@@ -63,7 +63,7 @@ export default {
         { label: this.$t("data_config.differential_diagnosis"), key:"differential_diagnosis"},
         { label: this.$t("data_config.treatment_plan"), key:"treatment_plan"},
         { label: this.$t("data_config.sick_history"), key:"sick_history"},
-
+        { label: this.$t("data_config.befor_symptoms"), key:"befor_symptoms"},
       ],
       activeName: "education",
       createdTimes: 0

src/xt_pages/device/airDisinfectTwo.vue

@@ -24,7 +24,7 @@
               style="width: 150px;"
               @change="changeEndtime">
             </el-date-picker>
-            <el-button type="primary" style="margin-left: 10px;">搜索</el-button>
+            <el-button type="primary" style="margin-left: 10px;" @click="toSeach">搜索</el-button>
           </div>
           <div style="float:right;margin-bottom:10px;">
             <el-button type="primary" @click="printCard">打印</el-button>
@@ -510,7 +510,7 @@
                     ></el-date-picker>
                   </el-form-item>
                   <el-form-item label="累计时间(h)" label-width="110px">
-                      <el-input v-model= "form.first_disinfection_time"  ></el-input>
+                      <el-input v-model= "form.first_total_time"  ></el-input>
                   </el-form-item>
                   <el-form-item label="检测合格" label-width="110px">
                       <div>
@@ -943,48 +943,48 @@
         }
       },
       created(){
-        console.log("00000000000000000",this.$store.getters.xt_user.user.id)
+       
         this.getAllDoctorList()
         this.getNewAirDisinfectList()
         var time=moment(this.form.first_start_time).format("HH:mm");
-        console.log('sdfgsdfsdsddf',time,this.form.first_start_time);
+        
 
       },
       computed:{
         firstdisinfection_time (){
             let firststart= Date.parse(new Date(this.form.first_start_time))
-            console.log('开始时间',firststart);
+        
             let firstend= Date.parse(new Date(this.form.first_end_time))
-            console.log('结束时间',firstend);
+      
             let time_interval = ((firstend - firststart)/(60*60*1000)).toFixed(1)
-            console.log('结束时间',((firstend - firststart)/(60*60*1000)).toFixed(1));
+          
             return time_interval
         },
         senconddisinfection_time (){
             const sencondstart= Date.parse(new Date(this.form.sencond_start_time))
-            console.log('开始时间',sencondstart);
+          
             const sencondend= Date.parse(new Date(this.form.sencond_end_time))
-            console.log('结束时间',sencondstart);
+           
             const time_interval = ((sencondend - sencondstart)/(60*60*1000)).toFixed(1)
-            console.log('结束时间',time_interval);
+           
             return time_interval
         },
         thirddisinfection_time (){
             const thirdstart= Date.parse(new Date(this.form.third_start_time))
-            console.log('开始时间',thirdstart);
+          
             const thirdend= Date.parse(new Date(this.form.third_end_time))
-            console.log('结束时间',thirdend);
+           
             const time_interval = ((thirdend - thirdstart)/(60*60*1000)).toFixed(1)
-            console.log('结束时间',time_interval);
+           
             return time_interval
         },
         lastdisinfection_time(){
             const lasttart= Date.parse(new Date(this.form.last_start_time))
-            console.log('开始时间',lasttart);
+           
             const lastend= Date.parse(new Date(this.form.last_end_time))
-            console.log('结束时间',lastend);
+           
             const time_interval = ((lastend - lasttart)/(60*60*1000)).toFixed(1)
-            console.log('结束时间',time_interval);
+           
             return time_interval    
         }
       },
@@ -993,7 +993,7 @@
         getAirDisinfectLongTime().then(response=>{
           if(response.data.state == 1){
             var list = response.data.data.list
-            console.log("累计2323322323我",list)
+           
             var first_total_time = 0
             var sencond_total_time = 0
             var third_total_time = 0
@@ -1258,7 +1258,23 @@
                 }else{
                     this.form.last_modifications= 0
                 }
+                console.log("23333333333333",this.form.first_total_time)
+                if( this.form.first_total_time > 0){
+                  this.form.first_total_time   = this.form.first_total_time.toString()
+                }
+                if( this.form.sencond_total_time > 0){
+                  this.form.sencond_total_time   = this.form.sencond_total_time.toString()
+                }
+
+                if( this.form.third_total_time > 0){
+                  this.form.third_total_time   = this.form.third_total_time.toString()
+                }
 
+                if(this.form.last_total_time >0){
+                    this.form.last_total_time   = this.form.last_total_time.toString()
+                }
+               
+                console.log("form23333333333333333wo",this.form)
                 updateNewAirDisinfect(this.form).then(response=>{
                 if(response.data.state == 1){
                   var disinfect =  response.data.data.disinfect
@@ -1362,6 +1378,9 @@
           this.form.last_disinfection_time = this.lastdisinfection_time   
 
           this.form.last_total_time = parseFloat(this.last_total_time ) + parseFloat(this.form.last_disinfection_time)
+        },
+        toSeach(){
+          this.getNewAirDisinfectList()   
         }
 
       },

src/xt_pages/device/objectTableDisinfectTwo.vue

@@ -7,6 +7,7 @@
           <div style="float: left; margin-bottom: 10px;">
             <el-date-picker
               v-model="startvalue"
+              value-format="yyyy-MM-dd"
               type="date"
               placeholder="选择日期"
               style="width: 150px;">
@@ -16,9 +17,10 @@
               v-model="endvalue"
               type="date"
               placeholder="选择日期"
-              style="width: 150px;">
+              style="width: 150px;"
+              value-format="yyyy-MM-dd">
             </el-date-picker>
-            <el-button type="primary" style="margin-left: 10px;">搜索</el-button>
+            <el-button type="primary" style="margin-left: 10px;" @click="toSeach">搜索</el-button>
           </div>
           <div style="float:right;margin-bottom:10px;">
             <el-button type="primary" @click="printCard">打印</el-button>
@@ -80,7 +82,7 @@
                     </template>
                 </el-table-column>
 
-                <el-table-column prop="name" :label="'体温计'+'\n'+'75%酒精擦拭'" align="center" min-width="60">
+                <el-table-column prop="name" :label="'体温计'+'\n'+'75%酒精浸泡'" align="center" min-width="60">
                     <template slot-scope="scope">
                         <!-- {{scope.row.fourth_total_time?scope.row.fourth_total_time:""}} -->
                         <!-- {{ scope.row.fourth_disinfection_time }} -->
@@ -990,7 +992,7 @@
                                 <td>负责人</td>
                                 <td>医疗垃圾桶<br/>1000mg/l含氯制剂</td>
                                 <td>负责人</td>
-                                <td>体温计<br/>75%酒精<br/>擦拭</td>
+                                <td>体温计<br/>75%酒精<br/>浸泡</td>
                                 <td>负责人</td>
                                 <td>体温枪<br/>75%酒精<br/>擦拭</td>
                                 <td>负责人</td>
@@ -1424,15 +1426,15 @@
               this.form.third_modifications = list.third_modifications?list.third_modifications:""
               this.form.third_creator = list.third_creator
 
-              this.form.fourth_disinfection_water = list.third_disinfection_water?list.third_disinfection_water:""
-              this.form.fourth_disinfection_methods = list.third_disinfection_methods?list.third_disinfection_methods:""
+              this.form.fourth_disinfection_water = list.fourth_disinfection_water?list.fourth_disinfection_water:""
+              this.form.fourth_disinfection_methods = list.fourth_disinfection_methods?list.fourth_disinfection_methods:""
               this.form.fourth_disinfection_time = list.fourth_disinfection_time?list.fourth_disinfection_time:""
-              this.form.fourth_start_time  =this.getTimeThree(list.third_start_time)
-              this.form.fourth_end_time = this.getTimeThree(list.third_end_time)
-              this.form.fourth_total_time = list.third_total_time? list.third_total_time:""
-              this.form.fourth_is_check = list.third_is_check.toString()
-              this.form.fourth_modifications = list.third_modifications?list.third_modifications:""
-              this.form.fourth_creator = list.third_creator
+              this.form.fourth_start_time  =this.getTimeThree(list.fourth_start_time)
+              this.form.fourth_end_time = this.getTimeThree(list.fourth_end_time)
+              this.form.fourth_total_time = list.fourth_total_time? list.fourth_total_time:""
+              this.form.fourth_is_check = list.fourth_is_check.toString()
+              this.form.fourth_modifications = list.fourth_modifications?list.fourth_modifications:""
+              this.form.fourth_creator = list.fourth_creator
 
               this.form.last_start_time = this.getTimeThree(list.last_start_time)
               this.form.last_end_time = this.getTimeThree(list.last_end_time)
@@ -1600,6 +1602,9 @@
         this.page = val;
         this.getObjectTableDisInfectList()
       },
+      toSeach(){
+        this.getObjectTableDisInfectList()
+      }
         
       }
     }

src/xt_pages/dialysis/batch_print/batch_print_order_fortyOne.vue

@@ -1392,16 +1392,38 @@ export default {
         return record[key] == target_value
       }
     },
+    // getAge: function(val) {
+    //   if (val.age == 0) {
+    //     if (val.birthday == 0) {
+    //       return ''
+    //     }
+    //     return jsGetAge(uParseTime(val.birthday, '{y}-{m}-{d}'), '-')
+    //   } else {
+    //     return val.age
+    //   }
+    // },
     getAge: function(val) {
-      if (val.age == 0) {
-        if (val.birthday == 0) {
-          return ''
-        }
-        return jsGetAge(uParseTime(val.birthday, '{y}-{m}-{d}'), '-')
-      } else {
-        return val.age
-      }
-    },
+     
+     if (val.id_card_no) {
+       var thisLen = val.id_card_no.length
+
+       var birth = ''
+       if (thisLen == 15) {
+         birth = '19' + val.id_card_no.substr(6, 6)
+       } else {
+         birth = val.id_card_no.substr(6, 8)
+       }
+       var birthtwo =
+         birth.substr(0, 4) +
+         '-' +
+         birth.substr(4, 2) +
+         '-' +
+         birth.substr(6, 2)
+
+       var age = jsGetAge(birthtwo, '-')
+       return age
+     }
+   },
     newAdviceGroupObject: function() {
       return Object.assign(
         {},

src/xt_pages/dialysis/batch_print/batch_print_order_six.vue

@@ -69,8 +69,14 @@
               </div>
               岁
             </div>
-            <div class="inline_block">
-              门诊：
+            <div class="inline_block" v-if="record.receive_assessment.condition!=1">
+                门诊：
+                <div class="under_line" style="width: 30px; text-align: center">
+                  <check-box :checked="record.patient.source == 1"></check-box>
+                </div>
+              </div>
+            <div class="inline_block" v-if="record.receive_assessment.condition==1">
+              住院：
               <div class="under_line" style="width: 30px; text-align: center">
                 <check-box :checked="record.patient.source == 1"></check-box>
               </div>
@@ -1108,6 +1114,30 @@
                           <span v-if="record.prescription.anticoagulant == 7"
                             >&nbsp;低分子肝素钠</span
                           >
+                          <span v-if="record.prescription.anticoagulant == 8"
+                            >&nbsp;依诺肝素</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 9"
+                            >&nbsp;达肝素</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 10"
+                            >&nbsp;体外抗凝</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 11"
+                            >&nbsp;那屈肝素</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 12"
+                            >&nbsp;无抗凝剂</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 13"
+                            >&nbsp;那屈肝素钙</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 14"
+                            >&nbsp;肝素钙注射液</span
+                          >
+                          <span v-if="record.prescription.anticoagulant == 15"
+                            >&nbsp;甲磺酸萘莫司他</span
+                          >
                         </div>
                       </div>
                       <div class="inline_block" style="margin-left: 20px">
@@ -1318,7 +1348,8 @@
                               org_id != 9538 &&
                               org_id != 10121 &&
                               org_id != 9675 &&
-                              org_id != 0
+                              org_id != 0 &&
+                              org_id!=10490
                             "
                           >
                             电导度<br />(ms/cm)
@@ -1334,24 +1365,32 @@
                           <td
                             width="50"
                             v-if="
-                              org_id == 0 || org_id ==  10469
+                              org_id ==  10469
                             "
                           >
                             钠浓度<br />(mmol/L)
                           </td>
-                          <td width="50" v-if="org_id != 0 && org_id != 3877 && org_id != 10449">超滤量<br />(ml)</td>
-                          <td width="50" v-if="org_id ==0 || org_id ==3877 || org_id ==10449">累计超滤量<br />(ml)</td>
+                          <td
+                            width="50"
+                            v-if="
+                              org_id ==  10490 || org_id == 0
+                            "
+                          >
+                          置换液的速度<br />(ml/h)
+                          </td>
+                          <td width="50" v-if="org_id != 3877 && org_id != 10449">超滤量<br />(ml)</td>
+                          <td width="50" v-if="org_id ==3877 || org_id ==10449">累计超滤量<br />(ml)</td>
                           <td
                             v-if="
-                              record.prescription.mode_id == 2 ||
+                             (record.prescription.mode_id == 2 ||
                               record.prescription.mode_id == 5 ||
-                              record.prescription.mode_id == 12
+                              record.prescription.mode_id == 12) && org_id!=0&&org_id!=10478
                             "
                             width="50"
                           >
                             置换量<br />(ml)
                           </td>
-                          <td v-if="org_id == 3877 || org_id == 0 || org_id == 10449" width="50">滤前压(mmHg)</td>
+                          <td v-if="org_id == 3877  || org_id == 10449" width="50">滤前压(mmHg)</td>
                           <td
                             width="50"
                             v-if="
@@ -1372,6 +1411,15 @@
                             血容量<br />(L)
                           </td>
 
+                          <td
+                            width="50"
+                            v-if="
+                              org_id == 10490 || org_id == 0
+                            "
+                          >
+                          碳酸氢钠<br />(ml)
+                          </td>
+
                           <td width="200">病情变化及处理</td>
                         </tr>
 
@@ -1446,15 +1494,13 @@
                             }}
                           </td>
 
-                          <!-- <td v-if="org_id != 10121 && org_id != 9675 && org_id != 0">
-                            {{monitor_record.conductivity? monitor_record.conductivity : ""}}
-                          </td> -->
+                      
                           <td
                             v-if="
                               org_id != 9538 &&
                               org_id != 10121 &&
                               org_id != 9675 && 
-                              org_id!=0
+                              org_id!=0 && org_id!=10490
                              
                             "
                           >
@@ -1479,7 +1525,7 @@
 
                           <td
                             v-if="
-                              org_id == 0 || org_id == 10469 
+                              org_id == 10469 
                             "
                           >
                             {{
@@ -1489,6 +1535,18 @@
                             }}
                           </td>
 
+                          <td
+                            v-if="
+                              org_id == 10490 || org_id == 0 
+                            "
+                          >
+                            {{
+                              monitor_record.replacement_speed
+                                ? monitor_record.replacement_speed
+                                : ""
+                            }}
+                          </td>
+
                           <td v-if="org_id == 9538">
                             {{
                               monitor_record.sodium_concentration
@@ -1516,9 +1574,10 @@
 
                           <td
                             v-if="
-                              record.prescription.mode_id == 2 ||
+                              (record.prescription.mode_id == 2 ||
                               record.prescription.mode_id == 5 ||
-                              record.prescription.mode_id == 12
+                              record.prescription.mode_id == 12)
+                              && org_id!=0&&org_id!=10478
                             "
                             style="width: 50px"
                           >
@@ -1528,7 +1587,7 @@
                                 : ""
                             }}
                           </td>
-                          <td v-if="org_id == 3877 || org_id == 0 || org_id == 10449">
+                          <td v-if="org_id == 3877  || org_id == 10449">
                             {{
                               monitor_record.filter_pressure
                                 ? monitor_record.filter_pressure
@@ -1554,6 +1613,14 @@
                           >
                             {{ monitor_record.accumulated_blood_volume }}
                           </td>
+                          <td
+                            width="50"
+                            v-if="
+                              org_id == 10490 || org_id == 0
+                            "
+                          >
+                           {{ monitor_record.dicarbonate  }}<br />
+                          </td>
 
                           <td style="line-height: 16px; padding: 0px">
                             <div
@@ -1604,22 +1671,30 @@
                           v-for="(monitor_record, s) in record.monitor_records2"
                           :key="s"
                         >
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td></td>
-                          <td
-                            v-if="
-                              org_id == 9919 || org_id == 9538 || org_id == 9675
-                            "
-                          ></td>
-                          <td v-if="org_id == 9538 || org_id == 9675"></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td></td>
+                        <td v-if="org_id == 9671 || org_id == 9919"></td>
+                        <td
+                          v-if="
+                            (prescription.mode_id == 2 ||
+                            prescription.mode_id == 5 ||
+                            prescription.mode_id == 12)
+                            && org_id!=10478
+                          "
+                          width="50"
+                        ></td>
+                        <td v-if="org_id == 9919||org_id == 9538 || org_id == 9671"></td>
+                        <td v-if="org_id == 9538"></td>
+                        <td v-if="org_id == 10490 || org_id == 0"></td>
+                         
                           <td style="line-height: 16px; padding: 0px">
                             <div
                               style="
@@ -1994,12 +2069,18 @@
                 </div>
                 岁
               </div>
-              <div class="inline_block">
+              <div class="inline_block" v-if="record.receive_assessment.condition!=1">
                 门诊：
                 <div class="under_line" style="width: 30px; text-align: center">
                   <check-box :checked="record.patient.source == 1"></check-box>
                 </div>
               </div>
+              <div class="inline_block" v-if="record.receive_assessment.condition==1">
+                住院：
+                <div class="under_line" style="width: 30px; text-align: center">
+                  <check-box :checked="record.patient.source == 1"></check-box>
+                </div>
+              </div>
               <div class="inline_block">
                 病区：
                 <div class="under_line" style="width: 50px; text-align: center">
@@ -3439,16 +3520,38 @@ export default {
         return record[key] == target_value;
       }
     },
-    getAge: function (val) {
-      if (val.age == 0) {
-        if (val.birthday == 0) {
-          return "";
-        }
-        return jsGetAge(uParseTime(val.birthday, "{y}-{m}-{d}"), "-");
-      } else {
-        return val.age;
-      }
-    },
+    // getAge: function (val) {
+    //   if (val.age == 0) {
+    //     if (val.birthday == 0) {
+    //       return "";
+    //     }
+    //     return jsGetAge(uParseTime(val.birthday, "{y}-{m}-{d}"), "-");
+    //   } else {
+    //     return val.age;
+    //   }
+    // },
+    getAge: function(val) {
+     
+     if (val.id_card_no) {
+       var thisLen = val.id_card_no.length
+
+       var birth = ''
+       if (thisLen == 15) {
+         birth = '19' + val.id_card_no.substr(6, 6)
+       } else {
+         birth = val.id_card_no.substr(6, 8)
+       }
+       var birthtwo =
+         birth.substr(0, 4) +
+         '-' +
+         birth.substr(4, 2) +
+         '-' +
+         birth.substr(6, 2)
+
+       var age = jsGetAge(birthtwo, '-')
+       return age
+     }
+   },
     newAdviceGroupObject: function () {
       return Object.assign(
         {},

src/xt_pages/dialysis/batch_print/batch_print_order_thirteen.vue

@@ -200,10 +200,17 @@
                     </div>
                     <div class="inline_block" style="margin-right:30px;">
                         透析液配方
-                        <div class="inline_block under_line" style="width:150px;text-align: center;">
+                        <div class="inline_block under_line" style="width:100px;text-align: center;">
                             {{ record.prescription.dialysate_formulation ? dialysateFormulationName(record.prescription.dialysate_formulation) : ''}}
                         </div>
                     </div>
+                    <div class="inline_block" style="margin-right:30px;">
+                      通路形成时间
+                      <div class="inline_block under_line" style="width:100px;text-align: left;">
+                        {{getTimeOne(record.assessment_before_dislysis.pathway_formation_time) }}
+                         
+                      </div>
+                  </div>
                 </div>
                 <div class="row">
                     血管通路
@@ -236,19 +243,53 @@
                     </div>
                 </div>
                 <div class="row">
-                  <div class="inline_block" style="margin-right:30px;">
+                  <div class="inline_block" style="margin-right:10px;">
                       导管
-                      <div class="inline_block under_line" style="width:200px;text-align: left;">
+                      <div class="inline_block under_line" style="width:900px;text-align: left;">
                           {{ record.assessment_before_dislysis.catheter ? record.assessment_before_dislysis.catheter : ''}}
                       </div>
                   </div>
-                  <div class="inline_block" style="margin-right:30px;">
+                </div>
+                <div class="row">
+                 <div class="inline_block" style="margin-right:10px;">
                       内瘘
-                      <div class="inline_block under_line" style="width:200px;text-align: left;">
+                      <div class="inline_block under_line" style="width:900px;text-align: left;">
                           {{ record.assessment_before_dislysis.internal_fistula ? record.assessment_before_dislysis.internal_fistula : ''}}
                       </div>
                   </div>
                 </div>
+                <!-- <div class="row"> -->
+                  <!-- <div class="inline_block" style="margin-right:30px;">
+                    导管评估项目
+                      <div class="inline_block under_line" style="width:200px;text-align: left;">
+                          {{ record.assessment_before_dislysis.catheter_evaluation_program ? record.assessment_before_dislysis.catheter_evaluation_program : ''}}
+                      </div>
+                  </div>
+                  <div class="inline_block" style="margin-right:30px;">
+                    置管部位皮肤
+                      <div class="inline_block under_line" style="width:100px;text-align: left;">
+                          {{ record.assessment_before_dislysis.skin_site_catheterization ? record.assessment_before_dislysis.skin_site_catheterization : ''}}
+                      </div>
+                  </div>
+
+                  <div class="inline_block" style="margin-right:30px;">
+                    是否通畅
+                      <div class="inline_block under_line" style="width:100px;text-align: left;">
+                        <span v-if="record.assessment_before_dislysis.whether_unobstructed ==0"></span>
+                         <span v-if="record.assessment_before_dislysis.whether_unobstructed ==1">是</span>
+                         <span v-if="record.assessment_before_dislysis.whether_unobstructed ==2">否</span>
+                      </div>
+                  </div> -->
+                  <!-- <div class="inline_block" style="margin-right:30px;">
+                    留置必要
+                      <div class="inline_block under_line" style="width:100px;text-align: left;">
+                        <span v-if="record.assessment_before_dislysis.lien_necessary ==0"></span>
+                         <span v-if="record.assessment_before_dislysis.lien_necessary ==1">是</span>
+                         <span v-if="record.assessment_before_dislysis.lien_necessary ==2">否</span>
+                         
+                      </div>
+                  </div> -->
+                <!-- </div> -->
                 <div class="row">
                     抗凝药物
                     <div class="inline_block under_line" style="width:92%;text-align: left;">
@@ -1010,6 +1051,16 @@ export default {
         )
       }
     },
+    getTimeOne(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+        return ""
+        }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+        }
+     },
     getNewAge(UUserCard) {
       if (UUserCard != null && UUserCard != '') {
         // 获取年龄

src/xt_pages/dialysis/batch_print/batch_print_order_thirtyTwo.vue

@@ -72,7 +72,9 @@
                         <td width="10">第</td>
                         <td width="50">
                             <div class="under-line">
-                            {{ record.patient.total_dialysis + record.patient.user_sys_before_count }}
+                            <!-- {{ record.patient.total_dialysis + record.patient.user_sys_before_count }} -->
+
+                             {{ record.Count }}
                             </div>
                         </td>
                         <td width="80">次透析</td>

src/xt_pages/dialysis/bloodPresssWatch.vue

@@ -328,7 +328,7 @@
           >批量打印</el-button
         >
       </template>
-        <template v-if="this.template_id == 47">
+        <template v-if="this.template_id == 47 && this.org_id!=10318">
         <el-button
           size="small"
           icon="el-icon-printer"
@@ -2120,7 +2120,7 @@ export default {
         this.$router.push({ path: "/dialysis/print/batch/fortyOne" });
       } else if (this.template_id == 43) {
         this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
-      } else if (this.template_id == 47) {
+      } else if (this.template_id == 47 && this.org_id!=10318) {
         this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
       } else if (this.template_id == 48) {
         this.$router.push({ path: "/dialysis/print/batch/six" });

src/xt_pages/dialysis/details/DialysisPrescription.vue

@@ -606,6 +606,11 @@
           <span class="content">{{this.prescription.treatment_remark}}</span>
         </li>
 
+        <li v-if="isShow('加糖')">
+          <label>加糖: </label>
+          <span class="content">{{this.prescription.chaptalization}}</span>
+        </li>
+
        
       </ul>
     </div>

src/xt_pages/dialysis/details/NavIgation.vue

@@ -131,6 +131,12 @@
       ref="treatmentSummary"
       :patient="patient"
       :treatment_summary="treatment_summary"
+      :prescription="prescription"
+      :predialysis_evaluation="predialysis_evaluation"
+      :doctor_advices="doctor_advices"
+      :dialysis_order="dialysis_order"
+      :monitors="monitor_records"
+      :assessment_after_dislysis="assessment_after_dislysis"
     ></treatment-summary-dialog>
 
     <doctor-advice-dialog
@@ -579,6 +585,9 @@ export default {
       default:()=>{
         return [];
       } 
+    },
+    record_date:{
+      type:String
     }
   },
   methods: {
@@ -668,7 +677,7 @@ export default {
       this.$refs.assessment_after_dislysis.show(this.assessment_after_dislysis,this.last_assessment_after_dislysis);
     },
     showDoctorAdviceDialog: function() {
-      console.log("!!!!!!temp_schedual",this.temp_schedual)
+      
       this.$refs.doctor_advice.show(this.his_is_open,this.is_advice_open);
     },
     showComputerDialog: function() {
@@ -678,16 +687,16 @@ export default {
       this.$refs.finish_dialog.show(this.dialysis_order);
     },
     showPrescription: function() {
-      console.log("prescirpiton+++++++++++",this.prescription)
+     
       this.$refs.prescription.show(this.prescription,this.schedual,this.last_dialysis_prescribe,this.his_is_open,this.is_advice_open,this.admin_users);
     },
     showAccepts: function() {
       this.$refs.accepts.show(this.receiver_treatment_access);
     },
     showAssessmentBefore: function() {
-      console.log(this.last_predialysis_evaluation)
-
-      this.$refs.assessmentBefore.show(this.predialysis_evaluation,this.last_dryWeight_dislysis,this.last_predialysis_evaluation,this.lastAssessment);
+     
+      console.log("透前评估进入23232323我我哦",this.record_date)
+      this.$refs.assessmentBefore.show(this.predialysis_evaluation,this.last_dryWeight_dislysis,this.last_predialysis_evaluation,this.lastAssessment,this.record_date);
     },
     showDoubleCheck: function() {
 

src/xt_pages/dialysis/details/assessmentAfter.vue

@@ -193,8 +193,8 @@
         <li v-if="isShow('透析中进食')">
           <label>透析中进食: </label>
           <span class="content" >{{ this.record.dialysis_during ? this.record.dialysis_during : ""  }}</span>
-          <span class="unit" v-if="this.$store.getters.xt_user.template_info.template_id != 36">{{ this.record.dialysis_during ? "ml" : "" }}</span>
-          <span class="unit" v-if="this.$store.getters.xt_user.template_info.template_id == 36">{{ this.record.dialysis_during ? "g" : "" }}</span>
+          <span class="unit" v-if="this.$store.getters.xt_user.template_info.template_id != 36 && this.$store.getters.xt_user.template_info.template_id != 6">{{ this.record.dialysis_during ? "ml" : "" }}</span>
+          <span class="unit" v-if="this.$store.getters.xt_user.template_info.template_id == 36 || this.$store.getters.xt_user.template_info.template_id == 6">{{ this.record.dialysis_during ? "g" : "" }}</span>
         </li>
       </ul>
       <ul>

src/xt_pages/dialysis/details/assessmentBefore.vue

@@ -421,6 +421,13 @@
           <span class="unit"></span>
         </li>
 
+        <li v-if="isShow('透前症状')">
+          <label>透前症状: </label>
+          <span class="content">{{this.record.befor_symptoms}}</span>
+          <span class="unit"></span>
+        </li>
+
+
       </ul>
     </div>
     <div class="note">

src/xt_pages/dialysis/details/dialog/AssessmentAfterDislysis.vue

@@ -29,7 +29,7 @@
           <el-col :span="8" v-if="isShow('实际超滤量')">
             <el-form-item
               label="实际超滤量(ml): " :prop="isName('实际超滤量')" :rules="isCheckmust('实际超滤量')"
-              v-if=" this.template_id == 6 || this.template_id == 9 || this.template_id == 10 || this.template_id == 11  || this.template_id == 17 || this.template_id == 20 || this.template_id == 21 || this.template_id == 22 || this.template_id == 23 || this.template_id == 24 || this.template_id == 26 || this.template_id == 28 || this.template_id == 27 || this.template_id == 29 || this.template_id == 30 || this.template_id == 31 || this.template_id == 32 || this.template_id == 34 || this.template_id == 36 || this.template_id == 38 || this.template_id == 43 || this.template_id == 44 || this.template_id == 47 || this.template_id == 56 || this.template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10307 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 9555 || this.$store.getters.xt_user.template_info.org_id == 10387 || this.$store.getters.xt_user.template_info.org_id == 10430 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10441 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410 ||  this.$store.getters.xt_user.template_info.org_id == 10485"  >
+              v-if=" this.template_id == 6 || this.template_id == 9 || this.template_id == 10 || this.template_id == 11  || this.template_id == 17 || this.template_id == 20 || this.template_id == 21 || this.template_id == 22 || this.template_id == 23 || this.template_id == 24 || this.template_id == 26 || this.template_id == 28 || this.template_id == 27 || this.template_id == 29 || this.template_id == 30 || this.template_id == 31 || this.template_id == 32 || this.template_id == 34 || this.template_id == 36 || this.template_id == 38 || this.template_id == 43 || this.template_id == 44 || this.template_id == 47 || this.template_id == 56 || this.template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10307 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 9555 || this.$store.getters.xt_user.template_info.org_id == 10387 || this.$store.getters.xt_user.template_info.org_id == 10430 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10441 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410"  >
               <el-input v-model="form.actual_ultrafiltration"></el-input>
             </el-form-item>
             <el-form-item label="实际超滤量(L): " v-else :prop="isName('实际超滤量')" :rules="isCheckmust('实际超滤量')">
@@ -349,12 +349,18 @@
           </el-form-item>
         </el-col>
 
-        <el-col :span="8" v-if="isShow('透析中入量')">
+        <el-col :span="8" v-if="isShow('透析中入量') && org_id!=10485">
           <el-form-item label="透析中入量(L): " :prop="isName('透析中入量')" :rules="isCheckmust('透析中入量')">
             <el-input v-model="form.dialysis_intakes"></el-input>
           </el-form-item>
         </el-col>
 
+        <el-col :span="8" v-if="isShow('透析中入量') && org_id==10485">
+          <el-form-item label="透析中入量(g): " :prop="isName('透析中入量')" :rules="isCheckmust('透析中入量')">
+            <el-input v-model="form.dialysis_intakes"></el-input>
+          </el-form-item>
+        </el-col>
+
         <el-col :span="8" v-if="isShow('透析中入量单位')">
           <el-form-item label="透析中入量单位: " :prop="isName('透析中入量单位')" :rules="isCheckmust('透析中入量单位')" >
             <el-select v-model="form.dialysis_intakes_unit" placeholder='请选择'>
@@ -382,10 +388,10 @@
         </el-col>
 
         <el-col :span="8" v-if="isShow('透析中进食')">
-          <el-form-item label="透析中进食(ml): " v-if="template_id != 36" :prop="isName('透析中进食')" :rules="isCheckmust('透析中进食')">
+          <el-form-item label="透析中进食(ml): " v-if="template_id != 36 && template_id!=6" :prop="isName('透析中进食')" :rules="isCheckmust('透析中进食')">
             <el-input v-model="form.dialysis_during"></el-input>
           </el-form-item>
-          <el-form-item label="透析中进食(g): " v-if="template_id == 36" :prop="isName('透析中进食')" :rules="isCheckmust('透析中进食')" >
+          <el-form-item label="透析中进食(g): " v-if="template_id == 36 || template_id == 6" :prop="isName('透析中进食')" :rules="isCheckmust('透析中进食')" >
             <el-input v-model="form.dialysis_during"></el-input>
           </el-form-item>
         </el-col>
@@ -854,7 +860,8 @@ export default {
       machineList:[],
       infoDialogVisible:false,
       selected_date:"",
-      remark:""
+      remark:"",
+      org_id:0,
     }
   },
   watch: {
@@ -892,7 +899,7 @@ export default {
           this.form['internal_fistula_tremor_ac'] = ''
         }
         if (this.assessment_after_dislysis['patient_gose'] == 0) {
-          this.form['patient_gose'] = ''
+          this.form['patient_gose'] = 0
         }
         if (this.assessment_after_dislysis['weight_after'] == 0) {
           this.form['weight_after'] = ''
@@ -1118,7 +1125,7 @@ export default {
           data['puncture_point_oozing_blood'] = this.form.puncture_point_oozing_blood ? parseFloat(this.form.puncture_point_oozing_blood) : 0
           data['puncture_point_haematoma'] = this.form.puncture_point_haematoma ? parseFloat(this.form.puncture_point_haematoma) : 0
           data['internal_fistula_tremor_ac'] = this.form.internal_fistula_tremor_ac ? parseFloat(this.form.internal_fistula_tremor_ac) : 0
-          data['patient_gose'] = this.form.patient_gose ? parseFloat(this.form.patient_gose) : ' '
+          data['patient_gose'] = this.form.patient_gose ? parseFloat(this.form.patient_gose) : 0
           data['inpatient_department'] = this.form.inpatient_department
           data['observation_content'] = this.form.observation_content
           data['observation_content_other'] = this.form.observation_content_other
@@ -1167,6 +1174,7 @@ export default {
           data["after_urea"] = this.form.after_urea
           data["pip_coagulation"] = this.form.pip_coagulation
           data["accumulated_blood_volume"] = this.form.accumulated_blood_volume
+          console.log("Data",data)
           console.log("Paramsquery",data)
 
           postAssessmentAfterDislysis(ParamsQuery, data)
@@ -1175,7 +1183,7 @@ export default {
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg)
                 if(response.data.code == 600000008){
-                  this.infoDialogVisible = false
+                  this.infoDialogVisible = true
                 }
                 return false
               } else {
@@ -1196,8 +1204,7 @@ export default {
                 }
                 this.hide()
               }
-            })
-            .catch(v => {
+            }).catch(v => {
               this.loading = false
             })
         }else {
@@ -1471,13 +1478,13 @@ export default {
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:2,
+          module:9,
           remark:this.remark,
         }
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })
@@ -1485,6 +1492,7 @@ export default {
   },
   created() {
     // console.log("this.form", this.form.consciousness);
+    this.org_id = this.$store.getters.xt_user.template_info.org_id
     this.cruorOptions = getDataConfig('hemodialysis', 'cruor')
     this.pip_coagulationOptions = getDataConfig('hemodialysis','pip_coagulation')
     this.symptomsOptions = getDataConfig('hemodialysis', 'symptoms')

src/xt_pages/dialysis/details/dialog/DoctorAdviceDialog.vue

@@ -257,6 +257,7 @@
             <el-dropdown trigger="click" v-if="scope.row.parent_id > 0">
               <span class="el-dropdown-link">
                 &emsp;{{ getAdviceContent(scope.row, 2)}}
+
                 <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
@@ -290,7 +291,7 @@
           </template>
         </el-table-column>
         <el-table-column
-          v-if="template_id != 6 && org_id!=10223 && org_id!=10445"
+          v-if="template_id != 6 && org_id!=10223 && org_id!=10445 && org_id!=0"
           prop="checker"
           min-width="30px"
           align="center"
@@ -359,6 +360,7 @@
             <el-dropdown trigger="click" v-if="scope.row.parent_id > 0">
               <span class="el-dropdown-link">
                 &emsp;{{ getAdviceContent(scope.row, 2)}}
+
                 <i class="el-icon-arrow-down el-icon--right"></i>
               </span>
               <el-dropdown-menu slot="dropdown">
@@ -606,40 +608,6 @@
       v-on:add-new-order="addNewOrder"
       :admin_users="admin_users"
     ></edit-group-advice>
-
-
-      <el-dialog
-          title="提示"
-          :visible.sync="infoDialogVisible"
-          width="30%">
-          <span>
-           <el-form>
-             <el-row>
-               <span>申请日期:</span>
-                <span>
-                    <el-date-picker
-                      type="datetime"
-                      format="yyyy-MM-dd HH:mm"
-                      value-format="yyyy-MM-dd HH:mm"
-                      placeholder="选择时间"
-                      v-model="selected_date"
-                  ></el-date-picker>
-                </span>
-             </el-row>
-             <el-row>
-               <span>备注:</span>
-                <span>
-                   <el-input v-model="remark" style="width:200px"></el-input>
-                </span>
-             </el-row>
-           </el-form>
-
-          </span>
-          <span slot="footer" class="dialog-footer">
-            <el-button @click="infoDialogVisible = false">取 消</el-button>
-            <el-button type="primary" @click="saveInformation">确 定</el-button>
-          </span>
-        </el-dialog>
   </div>
 </template>
 
@@ -660,7 +628,7 @@
     getPatientSchedule
   } from '@/api/advice'
   import { getDataConfig } from '@/utils/data'
-
+  import { saveInformation } from '@/api/dialysis'
   import request from '@/utils/request'
   import { getDialysisScheduleDetail } from '@/api/dialysis_record'
   import { getSelfMedicalList } from "@/api/drug/drug"
@@ -815,9 +783,7 @@
         src_type:"",
         org_id:0,
         schedulePatient:{},
-        infoDialogVisible:false,
-        selected_date:"",
-        remark:""
+        tempArrOne:[],
       }
     },
     watch: {
@@ -832,12 +798,40 @@
         this.form['dialysis_order_id'] = this.dialysis_order.id
       },
 
+      'doctor_advices': function() {
+
+        this.handleSpanTempArrOne();
+      },
+
     },
     methods: {
+      handleSpanTempArrOne() {
+          this.tempArrOne = [];
+
+          for (let i = 0; i < this.doctor_advices.length; i++) {
+            if (i === 0) {
+              this.tempArrOne.push(1);
+              this.pos = 0;
+            } else {
+              // 判断当前元素与上一个元素是否相同
+              if (
+                this.doctor_advices[i].groupno ===
+                this.doctor_advices[i - 1].groupno
+              ) {
+                this.tempArrOne[this.pos] += 1;
+                this.tempArrOne.push(0);
+              } else {
+                this.tempArrOne.push(1);
+                this.pos = i;
+              }
+            }
+          }
+      },
       handleSelectionChange(){
 
       },
 
+
       //调试
       lili(index,row){
         // console.log("==index==",index)
@@ -958,6 +952,7 @@
           return ''
         }
       },
+
       submitEditAdvice() {
         // console.log()
         console.log("保存22222222222222")
@@ -2670,7 +2665,7 @@
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

src/xt_pages/dialysis/details/dialog/acceptsTreatmentDialog.vue

@@ -501,9 +501,8 @@ export default {
     },
     // 复选框跌倒风险措施
     precautionchange(){
-      console.log('12345566',this.precautionTwo.length);
+
       if(this.precautionTwo.length>0){
-        console.log('asdfasdfas',this.precautionTwo.length);
         this.$refs.receiveTreatmentAsses.clearValidate('precautionTwo');
       }
     },
@@ -520,7 +519,7 @@ export default {
         }
         var obj = this.arr.join(",");
       }
-      
+
       this.receiveTreatmentAsses.precaution = obj;
 
       let ParamsQuery = this.receiveTreatmentAsses;
@@ -610,6 +609,7 @@ export default {
             if(this.precautionTwo.length<=0){
               this.isrequired=false
               return [{ required: true, message: `请输入${name}`,trigger: ['blur','change'] }];
+
             }
             this.precautionchange()
             this.isrequired=true

src/xt_pages/dialysis/details/dialog/adviceDialog/AddGroupAdvice.vue

@@ -556,6 +556,40 @@
         </el-button>
       </div>
     </el-dialog>
+
+
+    <el-dialog
+      title="提示"
+      :visible.sync="infoDialogVisible"
+      width="30%">
+      <span>
+        <el-form>
+          <el-row>
+            <span>申请日期:</span>
+            <span>
+                <el-date-picker
+                  type="datetime"
+                  format="yyyy-MM-dd HH:mm"
+                  value-format="yyyy-MM-dd HH:mm"
+                  placeholder="选择时间"
+                  v-model="selected_date"
+              ></el-date-picker>
+            </span>
+          </el-row>
+          <el-row>
+            <span>备注:</span>
+            <span>
+                <el-input v-model="remark" style="width:200px"></el-input>
+            </span>
+          </el-row>
+        </el-form>
+      
+      </span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="infoDialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="saveInformation">确 定</el-button>
+      </span>
+    </el-dialog>
   </div>
 </template>
 
@@ -570,6 +604,7 @@ import {
   getDoctorAdviceList,
   StopDoctorAdvice
 } from "@/api/advice";
+import { saveInformation } from "@/api/dialysis";
 import { getDataConfig } from '@/utils/data'
 import {getSelfMedicalList,getDrugDescByDrugName } from "@/api/drug/drug"
 import { duration } from 'moment';
@@ -655,6 +690,9 @@ export default {
       src_type:"",
       private_drug_config:{},
       units:[],
+      infoDialogVisible:false,
+      selected_date:"",
+      remark:""
     };
   },
   props: {
@@ -770,6 +808,9 @@ export default {
             response => {
               if (response.data.state == 0) {
                 this.$message.error(response.data.msg);
+                if(response.data.code == 600000008){
+                 this.infoDialogVisible = true
+                }
                 return false;
               } else {
                 this.$notify({
@@ -1559,7 +1600,7 @@ export default {
         }
       }
       
-      if(this.$store.getters.xt_user.org.id == 9671 || this.$store.getters.xt_user.org.id == 9675 || this.$store.getters.xt_user.org.id == 10340){
+      if(this.$store.getters.xt_user.org.id == 9671 || this.$store.getters.xt_user.org.id == 9675 || this.$store.getters.xt_user.org.id == 10340 || this.$store.getters.xt_user.org.id == 10517){
          var date = new Date()
           var year = date.getFullYear()
           var month = date.getMonth() + 1
@@ -1905,6 +1946,23 @@ export default {
            }
          }
          return name
+      },
+    
+    saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:4,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("提交成功!")
+             this.infoDialogVisible = false
+           }
+        })
       }
   },
   watch: {

src/xt_pages/dialysis/details/dialog/assessmentBeforeDislysisDialog.vue

@@ -416,6 +416,8 @@
             </el-form-item>
           </el-col>
 
+        
+
           <el-col :span="8">
             <el-form-item label="前次透析后症状：" :prop="isName('前次透析后症状')"
               :rules="isCheckmust('前次透析后症状')" v-if="isShow('前次透析后症状')">
@@ -624,19 +626,105 @@
               <el-input v-model="body_weight_before" readonly></el-input>
             </el-form-item>
           </el-col>
+
+          <el-col :span="8">
+          
+            <el-form-item label="导管评估项目: " :prop="isName('导管评估项目')"
+              :rules="isCheckmust('导管评估项目')" v-if="isShow('导管评估项目')">
+              <el-input v-model="assessmentBeforeDislysis.catheter_evaluation_program" readonly
+                        @focus="showInnerDialog('22')"></el-input>
+            </el-form-item>
+          
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="置管部位皮肤:" :prop="isName('置管部位皮肤')"
+              :rules="isCheckmust('置管部位皮肤')" v-if="isShow('置管部位皮肤')">
+           
+              <el-input v-model="assessmentBeforeDislysis.skin_site_catheterization" readonly
+                        @focus="showInnerDialog('23')"></el-input>
+            </el-form-item>
+          </el-col>
          
+          <el-col :span="8">
+            <el-form-item label="是否通畅:" :prop="isName('是否通畅')"
+              :rules="isCheckmust('是否通畅')" v-if="isShow('是否通畅')">
+              <el-select v-model="assessmentBeforeDislysis.whether_unobstructed" @change="changeThrombus">
+                <el-option :key="0" label="请选择" :value="0"></el-option>
+                <el-option label="是" value="1"></el-option>
+                <el-option label="否" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
         
- 
-         
-          <el-col :span="24">
-            <el-form-item label="备注： " :prop="isName('备注')"
-              :rules="isCheckmust('备注')">
-              <el-input type="textarea" v-model="assessmentBeforeDislysis.remark" :rows="5"></el-input>
+          <el-col :span="8">
+            <el-form-item label="留置必要:" :prop="isName('留置必要')"
+              :rules="isCheckmust('留置必要')" v-if="isShow('留置必要')">
+              <el-select v-model="assessmentBeforeDislysis.lien_necessary" @change="changeThrombus">
+                <el-option :key="0" label="请选择" :value="0"></el-option>
+                <el-option label="是" value="1"></el-option>
+                <el-option label="否" value="2"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="8">
+            <el-form-item label="通路形成时间:" :prop="isName('通路形成时间')"
+              :rules="isCheckmust('通路形成时间')" v-if="isShow('通路形成时间')">
+              <el-date-picker
+              v-model="assessmentBeforeDislysis.pathway_formation_time"
+              type="date"
+              style="width:200px"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              placeholder="通路形成时间">
+              </el-date-picker>
             </el-form-item>
           </el-col>
          
-      
+        
         </el-row>
+        <el-row :gutter="20">
+          <el-col :span="24" v-if="isShow('透前症状')">
+              <el-form-item
+                label="透前症状："
+                :prop="isName('透前症状')"
+                :rules="isCheckmust('透前症状')"
+              >
+                <el-select @change="dialysisSummarySelectChange" v-model="value2">
+                  <el-option
+                    v-for="(item, index) in summary"
+                    :label="item.text"
+                    :value="item.value"
+                    :key="index"
+                  ></el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col v-if="isShow('透前症状')">
+              <el-form-item
+                :prop="isName('透前症状')"
+                :rules="isCheckmust('透前症状')"
+              >
+                <el-input
+                  type="textarea"
+                  v-model="assessmentBeforeDislysis.befor_symptoms"
+                  :rows="4"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          
+              
+            
+              <el-col :span="24">
+                <el-form-item label="备注： " :prop="isName('备注')"
+                  :rules="isCheckmust('备注')">
+                  <el-input type="textarea" v-model="assessmentBeforeDislysis.remark" :rows="5"></el-input>
+                </el-form-item>
+              </el-col>
+            
+          
+            </el-row>
 
 
       </el-form>
@@ -748,7 +836,7 @@
   import { parseTime } from '@/utils'
 
   import request from '@/utils/request'
-
+  const moment = require('moment')
   export default {
     components: {
       multiSelectBox
@@ -866,7 +954,12 @@
           age:"",
           his_department:"",
           his_bed:"",
-          point_puncture:""
+          point_puncture:"",
+          catheter_evaluation_program:"",
+          skin_site_catheterization:"",
+          pathway_formation_time:"",
+          lien_necessary:"",
+          befor_symptoms:"",
         },
 
         InnerDialogProps: {
@@ -887,8 +980,11 @@
         point_punctures:[],
         infoDialogVisible:false,
         selected_date:"",
-        remark:""
-
+        remark:"",
+        catheter_evaluation_program_list:[],
+        skin_site_catheterization_list:[],
+        summary:[],
+        value2:""
       }
     },
     props: {
@@ -994,13 +1090,18 @@
         return false
       },
 
-      show(assessment, lastDryWeightDislysis,last_predialysis_evaluation) {
+      show(assessment, lastDryWeightDislysis,last_predialysis_evaluation,lastAssessment,record_date) {
         console.log("dryWeightList",this.dryWeightList)
         console.log("doclist",this.docList)
         let filedList = store.getters.xt_user.fileds;
         console.log(filedList,'filedList')
         this.lastPredialysisEvaluation = last_predialysis_evaluation
         console.log("获取上次数据",this.lastPredialysisEvaluation, this.$store.getters.xt_user.org.id )
+
+        if(record_date!=null && record_date!=undefined){
+           this.record_date = record_date
+        }
+        console.log("日期23333333333我",this.record_date)
         if(this.lastPredialysisEvaluation != null) {
         // if(this.lastPredialysisEvaluation.remark == "" && this.$store.getters.xt_user.org.id == 10307){
         //     console.log("2o2o3232o23o2o3o23")
@@ -1042,6 +1143,24 @@
          
         }
 
+        this.assessmentBeforeDislysis.pathway_formation_time = moment(new Date()).format('YYYY-MM-DD')
+        console.log(" this.assessmentBeforeDislysis.pathway_formation_time", moment(new Date()).format('YYYY-MM-DD'))
+        console.log("hhahhahahah",assessment)
+        if(assessment!=null){
+          this.assessmentBeforeDislysis.pathway_formation_time =  this.getTimeOne(assessment.pathway_formation_time)
+          if(assessment.whether_unobstructed >0){
+            this.assessmentBeforeDislysis.whether_unobstructed = assessment.whether_unobstructed.toString()
+          } 
+          if(assessment.lien_necessary>0){
+            this.assessmentBeforeDislysis.lien_necessary = assessment.lien_necessary.toString()
+          }
+        }
+      
+
+        
+         
+        
+
 
         this.assessment = assessment
         this.getPermission()
@@ -1313,6 +1432,26 @@
             this.InnerDialogProps.isShowTextArea = false
 
             break
+
+            case '22': // 导管评估项目
+
+              this.InnerDialogProps.values = this.catheter_evaluation_program_list
+              this.InnerDialogProps.titles = '导管评估项目'
+              this.InnerDialogProps.type = 'catheter_evaluation_program'
+              this.InnerDialogProps.selected = this.assessmentBeforeDislysis.catheter_evaluation_program
+              this.InnerDialogProps.isShowTextArea = false
+
+            break
+
+            case '23': // 置管部位皮肤
+
+              this.InnerDialogProps.values = this.skin_site_catheterization_list
+              this.InnerDialogProps.titles = '置管部位皮肤'
+              this.InnerDialogProps.type = 'skin_site_catheterization'
+              this.InnerDialogProps.selected = this.assessmentBeforeDislysis.skin_site_catheterization
+              this.InnerDialogProps.isShowTextArea = false
+
+            break
          
         }
       },
@@ -1386,12 +1525,20 @@
            case 'point_puncture':
             this.assessmentBeforeDislysis.point_puncture = val.value.join(',')
             break
+           case 'catheter_evaluation_program':
+            this.assessmentBeforeDislysis.catheter_evaluation_program = val.value.join(',')
+            break
+          case 'skin_site_catheterization':
+            this.assessmentBeforeDislysis.skin_site_catheterization = val.value.join(',')
+            break
+            
         }
       },
       innerDialogCancle: function() {
         this.InnerDialogProps.visibility = false
       }, 
       handleComfirm(formName) {
+        console.log("提交日期",this.record_date)
         var arr = this.assessmentBeforeDislysis
         for (let i = 0; i < this.machineType.length; i++) {
           if (arr.machine_type == this.machineType[i].id) {
@@ -1420,6 +1567,9 @@
           }
         }
          console.log("params",ParamsQuery)
+
+         ParamsQuery.whether_unobstructed = parseInt(ParamsQuery.whether_unobstructed)
+         ParamsQuery.lien_necessary =  parseInt(ParamsQuery.lien_necessary)
          
         postAssessmentBeforeDislysis(ParamsQuery).then(response => {
           
@@ -1569,17 +1719,47 @@
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:2,
+          module:3,
           remark:this.remark,
         }
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })
+      },
+      getTimeOne(val) {
+        if(val == ""){
+        return ""
+        }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+        }
+     },
+     dialysisSummarySelectChange: function (values) {
+   
+      if (this.assessmentBeforeDislysis.befor_symptoms == "") {
+        this.assessmentBeforeDislysis.befor_symptoms = values;
+      } else {
+       
+        if (this.assessmentBeforeDislysis.befor_symptoms.indexOf(values) == -1) {
+          if (
+            this.assessmentBeforeDislysis.befor_symptoms
+              .charAt(this.assessmentBeforeDislysis.befor_symptoms.length - 1)
+              .indexOf("。") == -1
+          ) {
+            this.assessmentBeforeDislysis.befor_symptoms =
+            this.assessmentBeforeDislysis.befor_symptoms+ "," + values;
+          } else {
+            this.assessmentBeforeDislysis.befor_symptoms =
+            this.assessmentBeforeDislysis.befor_symptoms+ "," + values;
+            this.assessmentBeforeDislysis.befor_symptoms =
+            this.assessmentBeforeDislysis.befor_symptoms + values;
+          }
+        }
       }
+    },
       
     },
     created() {
@@ -1615,10 +1795,19 @@
       console.log("针眼",this.pinholings)
       this.catheter_maintenancelist = getDataConfig('hemodialysis','catheter_maintenance')
       console.log("导管维护",this.catheter_maintenancelist)
+
+      this.catheter_evaluation_program_list = getDataConfig('hemodialysis','catheter_evaluation_program')
+
+      this.skin_site_catheterization_list = getDataConfig('hemodialysis','skin_site_catheterization')
        
       console.log("predialysis_evaluation2332323323222323",this.predialysis_evaluation)
 
       this.point_punctures = getDataConfig('hemodialysis','point_puncture')
+
+      this.summary = getDataConfig("befor_symptoms", "befor_symptoms");
+      
+      console.log("hhh32h323h23h23h23h23h23h",getDataConfig("befor_symptoms", "befor_symptoms"))
+      
       // this.weight_adjust.weight = this.dry_weight.dry_weight
 
       // if(this.predialysis_evaluation.id == 0){
@@ -1639,12 +1828,12 @@
 
       },
       'predialysis_evaluation.id': function() {
-         
+        console.log("hhahahahhaah",this.predialysis_evaluation)
        if(this.predialysis_evaluation.thromubus_type == 1){
              this.predialysis_evaluation.thromubus_type = this.predialysis_evaluation.thromubus_type.toString()
              this.thrombuShow = true
         }
-
+       
         if (this.predialysis_evaluation.id > 0) {
           for (var index in this.assessmentBeforeDislysis) {
             this.assessmentBeforeDislysis[index] = this.predialysis_evaluation[index]
@@ -1693,6 +1882,7 @@
           if (this.predialysis_evaluation['pulse_frequency'] == 0) {
             this.assessmentBeforeDislysis['pulse_frequency'] = ''
           }
+          
         }
       },
       'assessmentBeforeDislysis.weight_before': {

src/xt_pages/dialysis/details/dialog/computer_dialog.vue

@@ -952,8 +952,7 @@ export default {
       ParamsQuery["puncture_nurse"] = this.form.puncture_nurse_id;
       ParamsQuery["washpipe_nurse"] = this.form.washpipe_nurse;
       ParamsQuery["change_nurse"] = this.form.change_nurse;
-      ParamsQuery["difficult_puncture_nurse"] =
-        this.form.difficult_puncture_nurse;
+      ParamsQuery["difficult_puncture_nurse"] =this.form.difficult_puncture_nurse;
       ParamsQuery["new_fistula_nurse"] = this.form.new_fistula_nurse;
       ParamsQuery["blood_drawing"] = this.form.blood_drawing;
       ParamsQuery["quality_nurse"] = this.form.quality_nurse_id;
@@ -984,7 +983,7 @@ export default {
           }
         } else {
           this.$message.error(resp.msg);
-          if(response.data.code == 600000008){
+          if(resp.code == 600000008){
             this.infoDialogVisible = true
           }
         }
@@ -1146,13 +1145,13 @@ export default {
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:2,
+          module:6,
           remark:this.remark,
         }
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

src/xt_pages/dialysis/details/dialog/dialysisPrescriptionDialog.vue

@@ -10,13 +10,16 @@
         >
             <el-button style="position: absolute;left: 12%;top: 2%" @click="handlePatientInfo">{{ patient.name }}</el-button>
             <span style="position: absolute;left: 22%;top: 3%">
-              透前体重： --kg
+              透前体重：{{predialysis&&predialysis.weight_before?predialysis.weight_before:"" }} kg
             </span>
             <span style="position: absolute;left: 35%;top: 3%">
-              干体重：--kg
+              干体重：{{predialysis&&predialysis.dry_weight?predialysis.dry_weight:""}}kg
             </span>
+            <!-- <span style="position: absolute;left: 48%;top: 3%">
+              衣物重：{{predialysis&&predialysis.additional_weight?predialysis.additional_weight:""}}kg
+            </span> -->
             <span style="position: absolute;left: 48%;top: 3%">
-              衣物重：--kg
+              上次透后体重：{{last_record&&last_record.weight_after?last_record.weight_after:""}}kg
             </span>
             <div class="warnTxt" v-if="showTxt != ''">{{ showTxt }}</div>
             <el-form
@@ -137,6 +140,14 @@
                         </el-form-item>
                     </el-col>
 
+                    <el-col :span="8"
+                            v-if="isShows('加糖')">
+                        <el-form-item label="加糖：" prop="prescription_water" :rules="isCheckmust('加糖')">
+                            <el-input v-model="dialysisPrescription.chaptalization"
+                            ></el-input>
+                        </el-form-item>
+                    </el-col>
+
                    <el-col :span="8" v-if="isShows('带水上机')">
                         <el-form-item label="带水上机:" prop="water_machine" :rules="isCheckmust('带水上机')">
                            <el-select v-model="dialysisPrescription.water_machine">
@@ -1661,6 +1672,7 @@
           sodium_bicarbonate_flow:"",
           prescription_water:"",
           dialysis_strainer:"",
+          chaptalization:"",
         },
 
         anticoagulant: {
@@ -1709,7 +1721,9 @@
         zongliang:"",
         educationList:[],
         value:"",
-        infoDialogVisible:false
+        infoDialogVisible:false,
+        selected_date:"",
+        remark:"",
       }
 
     },
@@ -2480,7 +2494,7 @@ mu
           if (minites < 10) {
             minites = '0' + minites
           }
-          if (this.$store.getters.xt_user.org.id == 10016 || this.$store.getters.xt_user.org.id == 10121 || this.$store.getters.xt_user.org.id == 4 || this.$store.getters.xt_user.org.id == 10013 || this.$store.getters.xt_user.org.id == 10014 ) {
+          if (this.$store.getters.xt_user.org.id == 10016 || this.$store.getters.xt_user.org.id == 10121 || this.$store.getters.xt_user.org.id == 4 || this.$store.getters.xt_user.org.id == 10013 || this.$store.getters.xt_user.org.id == 10014 ||  this.$store.getters.xt_user.org.id == 9970) {
             this.start_time = year + '-' + month + '-' + day + ' ' + hours + ':' + minites
           }else if(this.$store.getters.xt_user.org.id == 10234 || this.$store.getters.xt_user.org.id == 9990 || this.$store.getters.xt_user.org.id==10432){
             if (schedual.schedule_type == 1) {
@@ -2538,6 +2552,14 @@ mu
             } else if (schedual.schedule_type == 3) {
               this.start_time = year + '-' + month + '-' + day + ' ' + '15:00'
             }
+           }else if(this.$store.getters.xt_user.org.id == 10517){
+              if (schedual.schedule_type == 1) {
+              this.start_time = year + '-' + month + '-' + day + ' ' + '7:00'
+            } else if (schedual.schedule_type == 2) {
+              this.start_time = year + '-' + month + '-' + day + ' ' + '11:00'
+            } else if (schedual.schedule_type == 3) {
+              this.start_time = year + '-' + month + '-' + day + ' ' + '15:00'
+            }
            } else {
             if (schedual.schedule_type == 1) {
               this.start_time = year + '-' + month + '-' + day + ' ' + '07:00'
@@ -2631,6 +2653,7 @@ mu
             this.dialysisPrescription.package = last.package
             this.dialysisPrescription.a_liquid = last.a_liquid
             this.zongliang = last.anticoagulant_zongliang
+            this.dialysisPrescription.chaptalization = last.chaptalization
             if(this.$store.getters.xt_user.template_info.org_id!=10013  && this.$store.getters.xt_user.template_info.org_id!=10014){
               this.remark = last.remark
             }
@@ -2756,24 +2779,24 @@ mu
               this.dialysisPrescription.anticoagulant_shouji = '0'
               this.dialysisPrescription.anticoagulant_zongliang = '0'
             }
-            if (this.$store.getters.xt_user.template_info.template_id == 6) {
-              if (this.dialysisPrescription.mode_id == 2) {
-                if (
-                  this.dialysisPrescription.displace_liqui_part == 0 ||
-                  this.dialysisPrescription.displace_liqui_part == -2 ||
-                  this.dialysisPrescription.displace_liqui_value == 0 ||
-                  this.dialysisPrescription.displace_liqui_value == ''
-                  || this.dialysisPrescription.replacement_total == 0 ||
-                  this.dialysisPrescription.replacement_total == '' ||
-                  this.dialysisPrescription.displace_speed == 0 ||
-                  this.dialysisPrescription.displace_speed == ''
-                ) {
-                  this.$message.error('HDF模式下置换液和置换液总量不能为空!')
-                  return
-                }
-              }
-
-            }
+            // if (this.$store.getters.xt_user.template_info.template_id == 6) {
+            //   if (this.dialysisPrescription.mode_id == 2) {
+            //     if (
+            //       this.dialysisPrescription.displace_liqui_part == 0 ||
+            //       this.dialysisPrescription.displace_liqui_part == -2 ||
+            //       this.dialysisPrescription.displace_liqui_value == 0 ||
+            //       this.dialysisPrescription.displace_liqui_value == ''
+            //       || this.dialysisPrescription.replacement_total == 0 ||
+            //       this.dialysisPrescription.replacement_total == '' ||
+            //       this.dialysisPrescription.displace_speed == 0 ||
+            //       this.dialysisPrescription.displace_speed == ''
+            //     ) {
+            //       this.$message.error('HDF模式下置换液和置换液总量不能为空!')
+            //       return
+            //     }
+            //   }
+
+            // }
             if(this.dialysisPrescription.mode_id!=2 && this.dialysisPrescription.mode_id!=5 && this.dialysisPrescription.mode_id!=12){
               this.dialysisPrescription.displace_liqui_part = 0
               this.dialysisPrescription.displace_liqui_value = 0
@@ -3298,35 +3321,35 @@ mu
                 this.dialysisPrescription.anticoagulant_shouji = '0'
                 this.dialysisPrescription.anticoagulant_zongliang = '0'
               }
-              if (this.$store.getters.xt_user.template_info.template_id == 6) {
-                if (this.dialysisPrescription.mode_id == 2) {
-                  if (
-                    this.dialysisPrescription.displace_liqui_part == 0 ||
-                    this.dialysisPrescription.displace_liqui_part == -2 ||
-                    this.dialysisPrescription.displace_liqui_value == 0 ||
-                    this.dialysisPrescription.displace_liqui_value == ''
-                    || this.dialysisPrescription.replacement_total == 0 ||
-                    this.dialysisPrescription.replacement_total == ''||
-                    this.dialysisPrescription.displace_speed == 0 ||
-                    this.dialysisPrescription.displace_speed == ''
-                  ) {
-                    this.$message.error('HDF模式下置换液和置换液总量不能为空!')
-                    return
-                  }
-                }
-                if(this.dialysisPrescription.mode_id!=2 && this.dialysisPrescription.mode_id!=5 && this.dialysisPrescription.mode_id!=12){
-                  this.dialysisPrescription.displace_liqui_part == 0
-                  this.dialysisPrescription.displace_liqui_value == 0
-                  this.dialysisPrescription.replacement_total == 0
-                  this.dialysisPrescription.displace_speed == 0
-                  console.log('this.dialysisPrescription.displace_liqui_part',this.dialysisPrescription.displace_liqui_part);
-                  console.log('this.dialysisPrescription.replacement_total',this.dialysisPrescription.replacement_total);
-                  // this.dialysisPrescription.displace_liqui_part = 0
-                  // this.dialysisPrescription.displace_liqui_value = 0
-                  // this.dialysisPrescription.replacement_total = 0
-                  // this.dialysisPrescription.displace_speed = 0
-                }
-              }
+              // if (this.$store.getters.xt_user.template_info.template_id == 6) {
+              //   if (this.dialysisPrescription.mode_id == 2) {
+              //     if (
+              //       this.dialysisPrescription.displace_liqui_part == 0 ||
+              //       this.dialysisPrescription.displace_liqui_part == -2 ||
+              //       this.dialysisPrescription.displace_liqui_value == 0 ||
+              //       this.dialysisPrescription.displace_liqui_value == ''
+              //       || this.dialysisPrescription.replacement_total == 0 ||
+              //       this.dialysisPrescription.replacement_total == ''||
+              //       this.dialysisPrescription.displace_speed == 0 ||
+              //       this.dialysisPrescription.displace_speed == ''
+              //     ) {
+              //       this.$message.error('HDF模式下置换液和置换液总量不能为空!')
+              //       return
+              //     }
+              //   }
+              //   if(this.dialysisPrescription.mode_id!=2 && this.dialysisPrescription.mode_id!=5 && this.dialysisPrescription.mode_id!=12){
+              //     this.dialysisPrescription.displace_liqui_part == 0
+              //     this.dialysisPrescription.displace_liqui_value == 0
+              //     this.dialysisPrescription.replacement_total == 0
+              //     this.dialysisPrescription.displace_speed == 0
+              //     console.log('this.dialysisPrescription.displace_liqui_part',this.dialysisPrescription.displace_liqui_part);
+              //     console.log('this.dialysisPrescription.replacement_total',this.dialysisPrescription.replacement_total);
+              //     // this.dialysisPrescription.displace_liqui_part = 0
+              //     // this.dialysisPrescription.displace_liqui_value = 0
+              //     // this.dialysisPrescription.replacement_total = 0
+              //     // this.dialysisPrescription.displace_speed = 0
+              //   }
+              // }
 
           this.is_pre = 2
 
@@ -3711,13 +3734,13 @@ mu
                             advice_doctor: this.waitUploadAdvices[0].advice_doctor,
                             advice_type: this.waitUploadAdvices[0].advice_type,
                             parent_id: this.patient_id,
-                            // start_time: uParseTime(this.$route.query.date, '{y}-{m}-{d} {h}{i}'),
-                            start_time:
-                              uParseTime(this.$route.query.date, '{y}-{m}-{d}') +
-                              ' ' +
-                              hour +
-                              ':' +
-                              minute,
+                            start_time: uParseTime(this.$route.query.date, '{y}-{m}-{d} {h}{i}'),
+                            // start_time:
+                            //   uParseTime(this.$route.query.date, '{y}-{m}-{d}') +
+                            //   ' ' +
+                            //   hour +
+                            //   ':' +
+                            //   minute,
 
                             remark: ''
                           }
@@ -4265,6 +4288,23 @@ mu
       }
     }
     },
+
+    saveInformation(){
+      var params = {
+        selected_date:this.selected_date,
+        patient_id:this.$route.query.patient_id,
+        record_date:this.$route.query.date,
+        module:1,
+        remark:this.remark,
+      }
+      saveInformation(params).then(response=>{
+          if(response.data.state == 1){
+            var information = response.data.data.information
+            this.$message.success("提交成功!")
+            this.infoDialogVisible = false
+          }
+      })
+     }
   },
 
     watch: {

src/xt_pages/dialysis/details/dialog/doubleCheckDialog.vue

@@ -1299,6 +1299,22 @@ export default {
         }
       });
     },
+    saveInformation(){
+        var params = {
+          selected_date:this.selected_date,
+          patient_id:this.$route.query.patient_id,
+          record_date:this.$route.query.date,
+          module:5,
+          remark:this.remark,
+        }
+        saveInformation(params).then(response=>{
+           if(response.data.state == 1){
+             var information = response.data.data.information
+             this.$message.success("提交成功!")
+             this.infoDialogVisible = false
+           }
+        })
+      }
   },
 
   props: {
@@ -1889,22 +1905,7 @@ export default {
       }
     },
 
-   saveInformation(){
-        var params = {
-          selected_date:this.selected_date,
-          patient_id:this.$route.query.patient_id,
-          record_date:this.$route.query.date,
-          module:5,
-          remark:this.remark,
-        }
-        saveInformation(params).then(response=>{
-           if(response.data.state == 1){
-             var information = response.data.data.information
-             this.$message.success("审核成功!")
-             this.infoDialogVisible = false
-           }
-        })
-      }
+  
   },
   created() {
     var date = this.$route.query && this.$route.query.date;

src/xt_pages/dialysis/details/dialog/finish_dialog.vue

@@ -478,7 +478,7 @@
 
               } else {
                 this.$message.error(resp.msg)
-               if(response.data.code == 600000008){
+               if(response.code == 600000008){
                   this.infoDialogVisible = true
                 }
               }
@@ -577,14 +577,14 @@
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:1,
+          module:8,
           remark:this.remark,
         }
-        console.log("params32222222222----",params)
+      
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

src/xt_pages/dialysis/details/dialog/monitor_dialog.vue

@@ -363,7 +363,8 @@
                 org_id == 10432 ||
                 org_id == 10445 ||
                 org_id == 10410 ||
-                org_id == 10495)
+                org_id == 10495 
+                || org_id == 10485)
                 && org_id!=10387
             "
           >
@@ -414,7 +415,8 @@
               template_id != 60 &&
               org_id!=10432 &&
               org_id!=10445 &&
-              org_id!=10410 && org_id!=10495) ||
+              org_id!=10410 && org_id!=10495
+              && org_id!=10485) ||
               org_id == 10387
             "
           >
@@ -536,6 +538,7 @@
               ((template_id == 6 &&
                 org_id != 9919 &&
                 org_id != 10191 &&
+                org_id!=10478 &&
                 template_id != 43 &&
                 template_id != 47) ||
                 org_id == 9779 ||
@@ -568,7 +571,7 @@
             width="100"
             v-if="
               isShow('置换量') &&
-              (template_id != 6 || org_id == 9919 || org_id == 10191) &&
+              (template_id != 6 || org_id == 9919 || org_id == 10191 || org_id == 10478) &&
               template_id != 9779 &&
               template_id != 11 &&
               template_id != 20 &&
@@ -1132,7 +1135,8 @@
                 template_id == 60 ||
                 org_id== 10432 ||
                 org_id== 10445 ||
-                org_id== 10410) &&
+                org_id== 10410 ||
+                org_id == 10485) &&
                 org_id!=10387
             "
           >
@@ -1177,7 +1181,8 @@
               template_id != 60 &&
               org_id!=10432 &&
               org_id!=10445 &&
-              org_id!=10410)
+              org_id!=10410 &&
+              org_id!=10485)
               || org_id == 10387
             "
           >
@@ -2440,6 +2445,8 @@ export default {
         this.form.filter_pressure = monitor.filter_pressure
         ? monitor.filter_pressure
         : "";
+        this.form.replacement_speed = monitor.replacement_speed?monitor.replacement_speed:""
+        this.form.dicarbonate = monitor.dicarbonate?monitor.dicarbonate:""
         // 设置三个下拉框的值，直接调用事件偷懒
         this.symptomTextareaBlur();
         this.disposeTextareaBlur();
@@ -2754,7 +2761,7 @@ export default {
                 : parseFloat(this.form.heparin_amount);
             this.$message.error(resp.msg);
             if(resp.code == 600000008){
-              this.infoDialogVisible = false
+              this.infoDialogVisible = true
             }
           }
         }
@@ -2918,7 +2925,7 @@ export default {
         saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })

src/xt_pages/dialysis/details/dialog/treatmentSummaryDialog.vue

@@ -59,7 +59,9 @@
           </el-form-item>
         </el-col>
       </el-row>
+      <el-button type="primary" size="small" @click="autoClick" style="margin-top: 5px;margin-bottom: 5px;" v-if="org_id ==9671 || org_id==10440 || org_id == 10495">自动生成</el-button>
       <el-row :gutter="20">
+
         <el-col v-if="isShow('透析小结')">
           <el-form-item
             :prop="isName('透析小结')"
@@ -219,6 +221,42 @@ export default {
         return { id: 0 };
       },
     },
+    prescription:{
+      type:Object,
+      default: () => {
+        return { id: 0 };
+      },
+    },
+    predialysis_evaluation:{
+      type:Object,
+      default: () => {
+        return { id: 0 };
+      },
+    },
+    doctor_advices:{
+      type:Array,
+      default: () => {
+        return { id: 0 };
+      },
+    },
+    dialysis_order:{
+      type:Object,
+      default: () => {
+        return { id: 0 };
+      },
+    },
+    monitors:{
+      type:Array,
+      default: () => {
+        return { id: 0 };
+      },
+    },
+    assessment_after_dislysis:{
+      type:Object,
+      default: () => {
+        return { id: 0 };
+      },
+    }
   },
   data() {
     return {
@@ -254,7 +292,8 @@ export default {
           return time.getTime() > Date.now()
         }
       },
-      remark:""
+      remark:"",
+      org_id:0,
     };
   },
   methods: {
@@ -486,18 +525,234 @@ export default {
           selected_date:this.selected_date,
           patient_id:this.$route.query.patient_id,
           record_date:this.$route.query.date,
-          module:1,
+          module:10,
           remark:this.remark,
         }
        
       saveInformation(params).then(response=>{
            if(response.data.state == 1){
              var information = response.data.data.information
-             this.$message.success("审核成功!")
+             this.$message.success("提交成功!")
              this.infoDialogVisible = false
            }
         })
-     }
+     },
+     autoClick(){
+      var str_one = ""
+      if(this.dialysis_order!=null){
+        if(this.dialysis_order.puncture_nurse_id >0){
+          str_one = "护士穿刺成功!"
+        }
+      }
+    
+      var total =0 
+      if(this.predialysis_evaluation!=null){
+        total = (this.predialysis_evaluation.weight_before - this.predialysis_evaluation.dry_weight).toFixed(1)
+      }
+  
+
+      var monitor_one =[]
+      var monitor_two = []
+      var monitor_three = []
+
+      if(this.monitors!=null && this.monitors.length > 0){
+        var monitor_one =  this.monitors.sort(function (a,b) {
+     	     return b.systolic_bp - a.systolic_bp
+        })
+        var monitor_two =  this.monitors.sort(function (a,b) {
+           return b.diastolic_bp - a.diastolic_bp
+        })
+
+        var monitor_three = this.monitors.sort(function (a,b) {
+              return b.pulse_frequency - a.pulse_frequency
+        })
+
+      }
+  
+
+    
+     
+     
+     var doc_str = ""
+      console.log("医嘱2333333333333",this.predialysis_evaluation)
+      if(this.doctor_advices!=null && this.doctor_advices.length > 0){
+       
+        
+        for(let i=0;i<this.doctor_advices.length;i++){
+          doc_str +=this.doctor_advices[i].advice_name +" "+this.doctor_advices[i].prescribing_number+this.doctor_advices[i].prescribing_number_unit+" "+this.doctor_advices[i].delivery_way
+        }
+      }
+
+      if(this.predialysis_evaluation.blood_access_part_id == -2){
+        this.predialysis_evaluation.blood_access_part_id = ""
+      }
+     
+       var str = " 患者今日来我科行血液透析治疗,血管通路选择:"+this.predialysis_evaluation.blood_access_part_id+ " "+this.QueryOperaById(this.predialysis_evaluation.blood_access_part_opera_id) +",透析模式:"+this.getModeId(this.prescription.mode_id)+
+       ",透前检查:"+this.predialysis_evaluation.internal_fistula +this.predialysis_evaluation.catheter + str_one +" "+ ",透析器:"+this.prescription.dialyzer_perfusion_apparatus + ",抗凝剂:"+this.GetAnticoagulant(this.prescription.anticoagulant) +",总量:"+this.prescription.anticoagulant_zongliang+"iu"+
+      ",透前体重:"+this.predialysis_evaluation.weight_before+"kg"+",间期体重增长:"+total +"kg"+",目标脱水量:"+this.prescription.target_ultrafiltration +"ml" +",血流量:"+this.prescription.blood_flow_volume+"ml/min" + ",透析开始时间:"+this.getTime(this.dialysis_order.start_time) +",透析过程中血压波动,"+"最大收缩压:"+monitor_one[0].systolic_blood_pressure+"mmHg"+",最小收缩压:"+monitor_one[monitor_one.length-1].systolic_blood_pressure
+      +"mmHg" +",最小舒张压:" +monitor_two[0].diastolic_blood_pressure+"mmHg" + ",最大舒张压:" + monitor_two[monitor_two.length-1].diastolic_blood_pressure +"mmHg" + ",最大脉搏:"+monitor_three[0].pulse_frequency+"次/分"+",最小脉搏:"+monitor_three[monitor_three.length-1].pulse_frequency+"次/分"+",透析结束时间:"+this.getTime(this.dialysis_order.end_time) +
+      ",实际治疗时长:"+ this.assessment_after_dislysis.actual_treatment_hour +"时"+this.assessment_after_dislysis.actual_treatment_minute+"分" +",实际超滤量:"+this.assessment_after_dislysis.actual_ultrafiltration+"ml"+",透后体重:"+this.assessment_after_dislysis.weight_after+"kg"+",透析过程顺利，安全下机" + " "
+      +",今日使用药品:"+doc_str +",患者下机后测血压,"+"收缩压:"+this.assessment_after_dislysis.systolic_blood_pressure+"mmHg"+",舒张压:"+this.assessment_after_dislysis.diastolic_blood_pressure+"mmHg"+",脉搏:"+this.assessment_after_dislysis.pulse_frequency +"次/分"
+
+       console.log("str000000000000000000222o2o2",str)
+       this.treatmentSummary.dialysis_summary = ""
+       this.treatmentSummary.dialysis_summary = str
+    },
+    QueryOperaById(val){
+       var blood_access_part_opera = getDataConfig('hemodialysis', 'vascular_access_desc')
+       var name = ""
+       for(let i=0;i<blood_access_part_opera.length;i++){
+         if(val == blood_access_part_opera[i].id){
+            name = blood_access_part_opera[i].name
+         }
+       }
+       return name
+    },
+    getModeId(mode_id){
+      var mode_name = ""
+      if(mode_id == 1){
+         mode_name ="HD"
+      }
+      if(mode_id == 2){
+         mode_name ="HDF"
+      }
+      if(mode_id == 3){
+         mode_name ="HD+HP"
+      }
+      if(mode_id == 4){
+         mode_name ="HP"
+      }
+      if(mode_id == 5){
+         mode_name ="HF"
+      }
+      if(mode_id == 6){
+         mode_name ="SCUF"
+      }
+      if(mode_id == 7){
+         mode_name ="IUF"
+      }
+      if(mode_id == 8){
+         mode_name ="HFHD"
+      }
+      if(mode_id == 9){
+         mode_name ="HFHD+HP"
+      }
+      if(mode_id == 10){
+         mode_name ="PHF"
+      }
+      if(mode_id == 11){
+         mode_name ="HFR"
+      }
+      if(mode_id == 12){
+         mode_name ="HDF+HP"
+      }
+      if(mode_id == 13){
+         mode_name ="CRRT"
+      }
+      if(mode_id == 14){
+         mode_name ="腹水回输"
+      }
+      if(mode_id == 19){
+         mode_name ="IUF+HD"
+      }
+      if(mode_id == 20){
+         mode_name ="UF"
+      }
+      if(mode_id == 21){
+         mode_name ="HD+"
+      }
+      if(mode_id == 22){
+         mode_name ="血浆胆红素吸附+HDF"
+      }
+      if(mode_id == 23){
+         mode_name ="血浆胆红素吸附"
+      }
+      if(mode_id == 24){
+         mode_name ="I-HDF"
+      }
+      if(mode_id == 25){
+         mode_name ="HD高通"
+      }
+      if(mode_id == 26){
+         mode_name ="CVVH"
+      }
+      if(mode_id == 27){
+         mode_name ="CVVHD"
+      }
+      if(mode_id == 28){
+         mode_name ="CVVHDF"
+      }
+      if(mode_id == 29){
+         mode_name ="PE"
+      }
+      if(mode_id == 30){
+         mode_name ="血浆胆红素吸附+HP"
+      }
+      if(mode_id == 31){
+         mode_name ="HPD"
+      }
+      if(mode_id == 32){
+         mode_name ="HDP"
+      }
+      return mode_name
+    },
+    GetAnticoagulant(id){
+      var  anticoagulant_name = ""
+      if(id == 1){
+       anticoagulant_name = "无肝素"
+      }
+      if(id == 2){
+         anticoagulant_name = "普通肝素"
+      }
+      if(id == 3){
+        anticoagulant_name = "低分子肝素"
+      } 
+      if(id == 4){
+        anticoagulant_name = "阿加曲班"
+      } 
+
+      if(id == 5){
+       anticoagulant_name = "枸橼酸钠"
+      }
+      if(id == 6){
+         anticoagulant_name = "低分子肝素钙"
+      }
+      if(id == 7){
+        anticoagulant_name = "低分子肝素钠"
+      } 
+      if(id == 8){
+        anticoagulant_name = "依诺肝素"
+      } 
+
+      if(id == 9){
+        anticoagulant_name = "达肝素"
+      } 
+      if(id == 10){
+        anticoagulant_name = "体外抗凝"
+      } 
+
+      if(id == 11){
+        anticoagulant_name = "那屈肝素"
+      } 
+      if(id == 12){
+        anticoagulant_name = "无抗凝剂"
+      } 
+
+      if(id == 13){
+        anticoagulant_name = "那屈肝素钙"
+      } 
+      if(id == 14){
+        anticoagulant_name = "肝素钙注射液"
+      } 
+      if(id == 15){
+        anticoagulant_name = "甲磺酸萘莫司他"
+      } 
+
+      return anticoagulant_name
+    },
+    getTime (time) {
+     return uParseTime(time, '{y}-{m}-{d} {h}:{i}')
+    },
   },
   watch: {
     isVisibility(val) {},
@@ -545,6 +800,7 @@ export default {
         }
       },
     },
+  
   },
   created() {
     this.education = getDataConfig("education", "education");
@@ -562,6 +818,7 @@ export default {
       this.record_date = uParseTime(date, "{y}-{m}-{d}");
     }
     
+    this.org_id = this.$store.getters.xt_user.template_info.org_id
   },
 };
 </script>

src/xt_pages/dialysis/details/dialysisMonitoring.vue

@@ -16,15 +16,15 @@
           <th v-if="isShow('跨膜压')" width="76px">跨膜压({{monitores[0]&&monitores[0]['transmembrane_pressure_type'] == 2 ? 'kpa' : 'mmHg'}})</th>
           <th v-if=" isShow('超滤量') &&(template_id == 6 || template_id == 9 || template_id == 10 || template_id == 11 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 27 || template_id == 28 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 32 || template_id == 34 || template_id == 35 || template_id == 36 || template_id == 38 || template_id == 39 || template_id == 40  || template_id == 41 || template_id == 43 || template_id == 44 || template_id == 46 || template_id == 47 || template_id == 48 || this.$store.getters.xt_user.template_info.org_id == 9555 || template_id == 53 || template_id == 54 || template_id == 56 || template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10340  || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410 || this.$store.getters.xt_user.template_info.org_id == 10485) &&this.$store.getters.xt_user.template_info.org_id!=10387 " width="76px" > 超滤量(ml)</th>
           <th v-if=" isShow('超滤量') && (template_id != 6 && template_id != 9 && template_id != 10 && template_id != 11 && template_id != 13 && template_id != 17 && template_id != 18 && template_id != 19 && template_id != 20 && template_id != 21 && template_id != 22 && template_id != 23 && template_id != 24 && template_id != 26 && template_id !=27 && template_id!=28 && template_id!=29 && template_id!=30 && template_id!=31 && template_id!=32 && template_id!=34 && template_id!=35 && template_id!=36 && template_id!=38 && template_id != 39 && template_id != 40  && template_id != 41 && template_id != 43 && template_id != 44 && template_id != 46  && template_id != 47 && template_id != 48 && template_id != 53  && template_id != 54  && template_id != 56  && template_id != 60 && this.$store.getters.xt_user.template_info.org_id != 9555 &&  this.$store.getters.xt_user.template_info.org_id != 10340 && this.$store.getters.xt_user.template_info.org_id!=10432  && this.$store.getters.xt_user.template_info.org_id!=10445 && this.$store.getters.xt_user.template_info.org_id!=10410 && this.$store.getters.xt_user.template_info.org_id!=10485) || this.$store.getters.xt_user.template_info.org_id == 10387"  width="76px"> 超滤量(L) </th>
-          <th v-if="isShow('超滤率') && (template_id ==6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 34 || template_id == 35 || template_id == 38 || template_id == 41 || template_id == 43 || template_id == 44 || template_id == 46 || template_id == 47  || template_id == 48  || template_id == 53 || template_id == 54 || template_id == 56  || template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410) && this.$store.getters.xt_user.template_info.org_id!=10387" width="50px"> 超滤率 <br />(ml/h) </th>
-          <th v-if="isShow('超滤率') && (template_id !=6 && template_id !=10 && template_id !=11 && template_id !=12 && template_id !=13 && template_id !=17 && template_id !=18 && template_id !=19 && template_id !=20 && template_id !=21 && template_id !=22 && template_id !=23 && template_id !=24 && template_id !=26 && template_id !=29 && template_id !=30 && template_id !=31 && template_id !=34 && template_id !=35 && template_id !=38  && template_id !=41 && template_id !=43 && template_id !=44 && template_id !=46 && template_id !=47 &&  template_id !=48 &&  template_id !=53 &&  template_id !=54 &&  template_id !=56 &&  template_id !=60 && this.$store.getters.xt_user.template_info.org_id!=10432  && this.$store.getters.xt_user.template_info.org_id!=10445 && this.$store.getters.xt_user.template_info.org_id!=10410) || this.$store.getters.xt_user.template_info.org_id==10387" width="50px"> 超滤率 <br />(L/h) </th>
+          <th v-if="isShow('超滤率') && (template_id ==6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 34 || template_id == 35 || template_id == 38 || template_id == 41 || template_id == 43 || template_id == 44 || template_id == 46 || template_id == 47  || template_id == 48  || template_id == 53 || template_id == 54 || template_id == 56  || template_id == 60 || this.$store.getters.xt_user.template_info.org_id == 10432 || this.$store.getters.xt_user.template_info.org_id == 10445 || this.$store.getters.xt_user.template_info.org_id == 10410 || this.$store.getters.xt_user.template_info.org_id == 10485) && this.$store.getters.xt_user.template_info.org_id!=10387" width="50px"> 超滤率 <br />(ml/h) </th>
+          <th v-if="isShow('超滤率') && (template_id !=6 && template_id !=10 && template_id !=11 && template_id !=12 && template_id !=13 && template_id !=17 && template_id !=18 && template_id !=19 && template_id !=20 && template_id !=21 && template_id !=22 && template_id !=23 && template_id !=24 && template_id !=26 && template_id !=29 && template_id !=30 && template_id !=31 && template_id !=34 && template_id !=35 && template_id !=38  && template_id !=41 && template_id !=43 && template_id !=44 && template_id !=46 && template_id !=47 &&  template_id !=48 &&  template_id !=53 &&  template_id !=54 &&  template_id !=56 &&  template_id !=60 && this.$store.getters.xt_user.template_info.org_id!=10432  && this.$store.getters.xt_user.template_info.org_id!=10445 && this.$store.getters.xt_user.template_info.org_id!=10410 &&this.$store.getters.xt_user.template_info.org_id!=10485 ) || this.$store.getters.xt_user.template_info.org_id==10387" width="50px"> 超滤率 <br />(L/h) </th>
           <th v-if="isShow('钠浓度')" width="92px">钠浓度(mmol/L)</th>
           <th v-if="isShow('透析液温度')" width="92px">透析液温度(℃)</th>
           <th v-if=" isShow('置换率') && (template_id == 6 || template_id == 10 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29 || template_id == 46  || template_id == 48 || template_id == 53  || template_id == 54 || template_id == 56 || org_id == 10432 || org_id == 10445 || org_id == 10410) " width="92px" > 置换率(ml/min) </th>
           <th v-if=" isShow('置换率') && template_id != 6 && template_id != 10 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29 && template_id != 46 && template_id != 48 && template_id != 53 && template_id != 54 && template_id != 56 && org_id!=10432 && org_id!=10445 && org_id!=10410" width="92px" > 置换率(L/h)  </th>
           <th v-if=" isShow('置换量') && (template_id == 43)" width="92px"> 置换量(ml/h)  </th>
-          <th v-if=" isShow('置换量') && ((template_id == 6 && org_id != 9919 && org_id !=10191) || org_id == 9779 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29 || template_id == 46 || template_id == 48 || template_id == 53 || template_id == 54 || template_id == 56 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 10432  || this.$store.getters.xt_user.template_info.org_id == 10445 )" width="92px"  > 置换量(ml)  </th>
-          <th v-if=" isShow('置换量') && ((template_id != 6 || org_id == 9919 || org_id == 10191) && org_id != 9779 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29 && template_id != 46 && template_id != 48 && template_id != 53 && template_id != 54 && template_id != 56 && this.$store.getters.xt_user.template_info.org_id != 10340 && this.$store.getters.xt_user.template_info.org_id != 10432  && this.$store.getters.xt_user.template_info.org_id != 10445)" width="92px" > 置换量(L) </th>
+          <th v-if=" isShow('置换量') && ((template_id == 6 && org_id != 9919 && org_id !=10191 && org_id!=10478) || org_id == 9779 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29 || template_id == 46 || template_id == 48 || template_id == 53 || template_id == 54 || template_id == 56 || this.$store.getters.xt_user.template_info.org_id == 10340 || this.$store.getters.xt_user.template_info.org_id == 10432  || this.$store.getters.xt_user.template_info.org_id == 10445 )" width="92px"  > 置换量(ml)  </th>
+          <th v-if=" isShow('置换量') && ((template_id != 6 || org_id == 9919 || org_id == 10191 || org_id == 10478) && org_id != 9779 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29 && template_id != 46 && template_id != 48 && template_id != 53 && template_id != 54 && template_id != 56 && this.$store.getters.xt_user.template_info.org_id != 10340 && this.$store.getters.xt_user.template_info.org_id != 10432  && this.$store.getters.xt_user.template_info.org_id != 10445)" width="92px" > 置换量(L) </th>
           <th v-if=" isShow('SpO₂') && template_id != 6 && template_id != 10 && template_id != 11  " width="92px" > SpO₂(%) </th>
           <th v-if="isShow('电导度')" width="92px">电导度(mS/m)</th>
           <th v-if="isShow('置换液流量') && template_id != 27" width="92px">置换液流量(ml/h)</th>

src/xt_pages/dialysis/details/index.vue

@@ -676,6 +676,7 @@
         :lastOrder="lastOrder"
         :dryWeightList="dryWeightList"
         :docList="docList"
+       
       >
       </nav-igation>
 

src/xt_pages/dialysis/dialysisFlow.vue

@@ -135,7 +135,19 @@
                {{ scope.row.patient.name }}
              </template>
           </el-table-column>
-          <el-table-column prop="mode_name" label="透析处方" align="center"  width="100">
+          <el-table-column
+          align="center"
+          prop="name"
+          v-for="(item,index) in moduleList"
+          :key="index"
+          :label="item.name"
+        >
+          <template slot-scope="scope">
+            <span>{{getModeFinish(scope.row.dialysis_finish,item.id)}}</span>
+          </template>
+
+        </el-table-column>
+          <!-- <el-table-column prop="mode_name" label="透析处方" align="center"  width="100">
             <template slot-scope="scope">
                 <span v-if="scope.row.dialysis_finish!=null && scope.row.dialysis_finish.module == 1">
                    √
@@ -304,7 +316,7 @@
                   ×
                 </span>
            </template>
-         </el-table-column>
+         </el-table-column> -->
   
 
         </el-table>
@@ -356,6 +368,19 @@
           { value: 2, label: "下午" },
           { value: 3, label: "晚上" }
         ],
+        moduleList:[
+        {id:1,name:"透析处方"},
+        {id:2,name:"接诊评估"},
+        {id:3,name:"透前评估"},
+        {id:4,name:"临时医嘱"},  
+        {id:5,name:"双人核对"}, 
+        {id:6,name:"透析上机"}, 
+        {id:7,name:"透析监测"},
+        {id:8,name:"透析下机"},
+        {id:9,name:"透后评估"},
+        {id:10,name:"治疗小结"},
+        {id:11,name:"耗材出库"},
+        ],
         template_id: 0,
   
         partitionType: 0,
@@ -749,135 +774,19 @@
         this.listQuery.limit = val;
         this.getSchedualPatientList();
       },
-      batchPrintAction: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        // 模板ID为6
-        var sch_ids = [];
-  
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        console.log("sch_ids",sch_ids)
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/other" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 3) {
-          this.$router.push({ path: "/dialysis/print/batch/three" });
-        } else if (this.template_id == 4) {
-          this.$router.push({ path: "/dialysis/print/batch/four" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/five" });
-        } else if (this.template_id == 6) {
-          this.$router.push({ path: "/dialysis/print/batch/six" });
-        } else if (this.template_id == 7) {
-          this.$router.push({ path: "/dialysis/print/batch/seven" });
-        } else if (this.template_id == 8) {
-          this.$router.push({ path: "/dialysis/print/batch/eight" });
-        } else if (this.template_id == 9) {
-          this.$router.push({ path: "/dialysis/print/batch/nine" });
-        } else if (this.template_id == 12) {
-          this.$router.push({ path: "/dialysis/print/batch/twelve" });
-        } else if (this.template_id == 13) {
-          this.$router.push({ path: "/dialysis/print/batch/thirteen" });
-        } else if (this.template_id == 15) {
-          this.$router.push({ path: "/dialysis/print/batch/fifteen" });
-        } else if (this.template_id == 17) {
-          this.$router.push({ path: "/dialysis/print/batch/seventeen" });
-        } else if (this.template_id == 20) {
-          this.$router.push({ path: "/dialysis/print/batch/twenty" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo" });
-        } else if (this.template_id == 25) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyFive" });
-        }else if (this.template_id == 27) {
-          this.$router.push({ path: "/dialysis/print/batch/twentySeven" });
-        } else if(this.template_id == 28){
-           this.$router.push({path:"/dialysis/print/batch/twentyEight"})
-        } else if (this.template_id == 30) {
-          this.$router.push({ path: "/dialysis/print/batch/thirty" });
-        } else if (this.template_id == 32) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyTwo" });
-        } else if (this.template_id == 33) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree" });
-        } else if (this.template_id == 37) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtySeven" });
-        } else if (this.template_id == 38) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyEight" });
-        } else if (this.template_id == 39) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyNine" });
-        } else if (this.template_id == 40) {
-          this.$router.push({ path: "/dialysis/print/batch/forty" });
-        } else if (this.template_id == 41) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyOne" });
-        } else if (this.template_id == 43) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
-        } else if (this.template_id == 47) {
-          this.$router.push({ path: "/dialysis/print/batch/fortyThree" });
-        } else if (this.template_id == 48) {
-          this.$router.push({ path: "/dialysis/print/batch/six" });
-        }else if (this.template_id == 51) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftyOne" });
-        }else if (this.template_id == 53) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftyThree" });
-        }else if (this.template_id == 59) {
-          this.$router.push({ path: "/dialysis/print/batch/fiftynine" });
-        }else if (this.template_id == 60) {
-          this.$router.push({ path: "/dialysis/print/batch/sixty" });
-        }else if (this.template_id == 61) {
-          this.$router.push({ path: "/dialysis/print/batch/sixtyOne" });
-        }else if (this.template_id == 62) {
-          this.$router.push({ path: "/dialysis/print/batch/sixtyTwo" });
-        }
-      },
-      batchPrintActionOne: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        var sch_ids = [];
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/otherone" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/fiveone" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo_one" });
-        } else if(this.template_id == 33){
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree_one" });
-        }
-      },
-      batchPrintActionTwo: function() {
-        if (this.selecting_schs.length === 0) {
-          this.$message.error("请至少选择一条需要打印的内容");
-          return false;
-        }
-        var sch_ids = [];
-        for (let index = 0; index < this.selecting_schs.length; index++) {
-          sch_ids.push(this.selecting_schs[index].sch_id);
-        }
-        this.$store.dispatch("SetBatchPrintDialysisRecordIDs", sch_ids);
-        if (this.template_id == 2 || this.template_id == 0) {
-          this.$router.push({ path: "/dialysis/print/batch/othertwo" });
-        } else if (this.template_id == 1) {
-          this.$router.push({ path: "/dialysis/print/batch" });
-        } else if (this.template_id == 5) {
-          this.$router.push({ path: "/dialysis/print/batch/fivetwo" });
-        } else if (this.template_id == 22) {
-          this.$router.push({ path: "/dialysis/print/batch/twentyTwo_two" });
-        } else if (this.template_id == 33) {
-          this.$router.push({ path: "/dialysis/print/batch/thirtyThree_two" });
-        }
-      }
+     getModeFinish(val,id){
+      var name = "×"
+       if(val!=null){
+         for(let i=0;i<val.length;i++){
+            if(val[i].module == id){
+               name = "√"
+            }
+         }
+       }
+       return name
+     }
+      
+      
     },
     components: {
       BreadCrumb

src/xt_pages/dialysis/dialysisPrintOrder.vue

@@ -112,7 +112,6 @@
           org_template_info.template_id == 52 ||
           org_template_info.template_id == 53  ||
           org_template_info.template_id == 64)
-          && $store.getters.xt_user.org.id != 0
         "
       >
       <div>
@@ -403,8 +402,7 @@
       </template>
       <template
         v-if="
-          org_template_info.template_id == 27 ||
-          org_template_info.template_id == 0
+          org_template_info.template_id == 27
         "
       >
         <div>
@@ -971,7 +969,7 @@
                                   
           <DialysisPrintOrderSix
             v-bind:childResponse="childResponse"
-            v-if="org_template_info.template_id == 6 && $store.getters.xt_user.org.id!=0"
+            v-if="org_template_info.template_id == 6"
           >
           </DialysisPrintOrderSix>
 
@@ -1260,7 +1258,7 @@
 
           <DialysisPrintOrderSixtyFive
               v-bind:childResponse="childResponse"
-            v-if="org_template_info.template_id == 65 || $store.getters.xt_user.org.id ==0">
+            v-if="org_template_info.template_id == 65">
 
           </DialysisPrintOrderSixtyFive>
         </div>

src/xt_pages/dialysis/doctorLongNewAdvicePrint.vue

@@ -0,0 +1,687 @@
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+        <el-row style="float:right;">
+          <el-col :span="24">
+            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
+          </el-col>
+        </el-row>
+      </div>
+      <div class="app-container" style="background-color: white;">
+  
+        <div id="print_content">
+          <div class="print_main_content">
+            <div class="order_title_panl">
+              <span class="main_title"> &nbsp;
+                药品统计
+              </span>
+              <span  style="float:right;">打印日期: &nbsp;
+                 {{$route.query.schedule_date}}
+              </span>
+            </div>
+            <div class="table_panel">
+  
+              <table class="table">
+                <thead>
+                <tr>
+                  <td width="50">序号</td>
+                  <td width="100">区域</td>
+                  <!-- <td width="100">责护</td> -->
+                  <td width="100">透析模式</td>
+                  <td  v-for="(item,index) in tabHead"  :key="index" :label="item.advice_name" width="200">
+                     {{item.advice_name}}
+                  </td>
+                </tr>
+                </thead>
+                <tbody>
+                 <tr v-for="(item,index) in tableDataList" :key="i">
+                  <td>
+                    <span v-if="item.is_total ==1"> {{index+1}}</span>
+                    <span v-if="item.is_total ==0">总计</span>
+                  </td>
+                  <td>
+                    <span v-if="item.is_total == 1">
+                      <!-- {{getZoneName(item.child)}} -->
+                      {{item.zone_name}}
+                    </span> 
+                  </td>
+                  <!-- <td>
+                    <span v-if="item.is_total == 1"> {{getAdminUserName(item.execution_staff)}}</span>
+                  </td> -->
+                  <td>
+                    <span v-if="item.is_total == 1"> {{getModeId(item.child)}}</span>
+                  </td>
+                  <td v-for="(it,i) in tabHead"  :key="i">
+                    <span v-if="item.is_total == 1">
+                      <span v-if="item.child[i]!=null">
+                        {{getDrugCount(item.child,it.advice_name)}}
+                      </span>
+                      <span v-if="it&&it.advice_name == '肝素钠注射剂'">
+                        {{getDrugAdviceCount(it.advice_name,item.zone_name)}}  
+                      </span>
+                    </span>
+                    <span v-if="item.is_total == 0">
+                      {{getAllSumCount(it.advice_name)}}
+                    </span>
+                  </td>
+
+                 </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+  
+  <script>
+    import { getLongDialysisAdviceToday } from '@/api/dialysis'
+    import { parseTime } from '@/utils'
+    import { uParseTime } from '@/utils/tools'
+    import BreadCrumb from '@/xt_pages/components/bread-crumb'
+    import print from 'print-js'
+    import { getDataConfig } from '@/utils/data'
+    export default {
+      name: 'SchedulePrint',
+      data() {
+        return {
+          crumbs: [
+            { path: false, name: '排班管理' },
+            { path: false, name: '排班打印' }
+          ],
+          td_1_width: '8%',
+          td_2_width: '8%',
+          td_3_width: '64%',
+          td_4_width: '20%',
+          month: 1,
+          begin_day: 1,
+          total:[],
+          list:[],
+          schedule_date:"",
+          schedule_type:0,
+          partition_type:0,
+          keywords:"",
+          loading:false,
+          tableData:[],
+          numberList:[],
+          partitionArr:[],
+          his_config:{},
+          typeList:[],
+          rowList:[],
+          dialysate_formulation:[],
+          body_fluid_option:[],
+          displace_liqui_part_option:[],
+          blood_access_option:[],
+          hemodialysisPipelinesOptions:[],
+          tableList:[],
+          druglist:[],
+          config:{},
+          tabHead:[],
+          tableDataList:[],
+          adminUserList:[],
+          doctorMap:[],
+        }
+      },
+      components: {
+        BreadCrumb
+      },
+      created() {
+        this.getDialysisAdviceSchedudeList()
+      },
+      methods: {
+        getDialysisAdviceSchedudeList() {
+            var params = {
+              schedule_type:this.$route.query.schedule_type,
+              partion_type:this.$route.query.partion_type,
+              selected_date:this.$route.query.schedule_date,
+            }
+          console.log("params2332232wo",params)
+          getLongDialysisAdviceToday(params).then(response=>{
+            if(response.data.state == 1){
+             var doctorList = []
+             var druglist = response.data.data.drug
+             this.druglist = druglist
+             this.startdialogVisibleOne = true
+             var list = response.data.data.list
+             if(list!=null && list.length>0){
+                for(let i=0;i<list.length;i++){
+                  list[i].new_doctor_advice = []
+                  for(let j=0;j<list[i].xt_doctor_advice.length;j++){
+                    if((list[i].xt_doctor_advice[j].frequency_type == 1) || (list[i].xt_doctor_advice[j].frequency_type == 3 && list[i].xt_doctor_advice[j].week_day.indexOf(this.getweekday(this.$route.query.schedule_date))!=-1)){
+                        list[i].new_doctor_advice.push(list[i].xt_doctor_advice[j])
+                    }
+                  }
+                }
+              }
+          
+             this.adminUserList = response.data.data.doctorList
+             
+             if(list!=null && list.length > 0){
+                
+               for(let i=0;i<list.length;i++){
+                for(let j=0;j<list[i].new_doctor_advice.length;j++){
+                  list[i].new_doctor_advice[j].mode_id = list[i].mode_id
+                  list[i].new_doctor_advice[j].zone_name = list[i].device_number.zone.name
+                  list[i].new_doctor_advice[j].sort = list[i].device_number.zone.sort
+                  doctorList.push(list[i].new_doctor_advice[j])
+                }
+               }
+             }
+          
+
+             
+              if(doctorList!=null && doctorList.length > 0){
+
+                let dataInfo = {}
+                  doctorList.forEach((item, index) => {
+                  item.advice_name = item.advice_name.replace(/\s/g,"")  
+                  let { advice_name } = item
+                  if (!dataInfo[advice_name]) {
+                    dataInfo[advice_name] = {
+                      advice_name:item.advice_name,
+                      child: [],
+                      count:0,
+                      execution_staff:item.execution_staff,
+                      specification_name:item.advice_desc +item.drug_spec_unit,
+                      patient_id:item.patient_id,
+                    }
+                  }
+                })
+                let arr = Object.values(dataInfo)
+                for(let i=0;i<arr.length;i++){
+                  for(let j=0;j<doctorList.length;j++){
+                    if(arr[i].advice_name == doctorList[j].advice_name){
+                        arr[i].child.push(doctorList[j])
+                    }
+                  }
+                }
+                this.tabHead = arr
+                console.log("arr---------------------",this.tabHead)
+              }
+              
+              this.doctorMap = []
+              if(doctorList!=null && doctorList.length > 0){
+                let dataInfo = {}
+                  doctorList.forEach((item, index) => {
+                  if(item.advice_name == "肝素钠注射剂"){
+                    this.doctorMap.push(item)
+                  } 
+                  let { zone_name } = item
+                  if (!dataInfo[zone_name])  {
+                    dataInfo[zone_name] = {
+                      zone_name:item.zone_name,
+                      child: [],
+                      count:0,
+                      sort:item.sort,
+                    }
+                  }
+                })
+                let newArr = Object.values(dataInfo)
+                if(newArr!=null && newArr.length >0){
+                  for(let i=0;i<newArr.length;i++){
+                    for(let j=0;j<doctorList.length;j++){
+                      if(newArr[i].zone_name == doctorList[j].zone_name){
+                         newArr[i].child.push(doctorList[j])
+                      }
+                    }
+                  }
+
+                }
+                var newList = newArr.sort(this.compareList('sort'))
+                if(newList!=null && newList.length >0){
+                  for(let i=0;i<newList.length;i++){
+                    newList[i].is_total = 1
+                  }
+                }
+
+                var obj = {is_total:0,count:0,execution_staff:0,child:[]}
+                newList.push(obj)
+                this.tableDataList = newList
+                console.log("999999999999999999-------",this.tableDataList)
+              }
+
+             
+             
+             
+              
+              
+            }
+          })
+        },
+       getTimeOne(val) {
+          if(val == ""){
+          return ""
+          }else {
+          return uParseTime(val, '{y}-{m}-{d}')
+          }
+       },
+       getCount(val){
+         var count = 0
+         if(val!=null && val.length > 0){
+          for(let i=0;i<val.length;i++){
+            count += parseInt(val[i].prescribing_number)
+          }
+         }
+         if(count > 0){
+          return count
+         }else{
+          return 0
+         }
+       },
+      printAction: function() {
+      const style = '@media print { .print_main_content { background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0; } .order_title_panl { text-align: center; } .main_title { font-size: 18px; line-height: 40px; font-weight: 500; } .table_panel { } .table { width: 100%; border: 1px solid; border-collapse: collapse; padding: 2px; } thead tr td { border: 1px solid; text-align: center; font-size: 20px; padding: 15px 5px; } tbody tr td { border: 1px solid; text-align: center; font-size: 18px; padding: 10px 5px; } .proj { padding: 5px 0; text-align: left; } .proj_title { font-size: 16px; font-weight: 500; line-height: 25px; } .proj_item { font-size: 15px; line-height: 20px; } .zone_name { font-weight: 500; } }'
+  
+      printJS({
+          printable: 'print_content',
+          type: 'html',
+          documentTitle: '  ',
+          style: style,
+          scanStyles: false
+       })
+      },
+      getSpecification(id){
+          var specification_name = ""
+          for(let i=0;i<this.druglist.length;i++){
+            if(id == this.druglist[i].id){
+              specification_name = this.druglist[i].dose+this.druglist[i].dose_unit +"*"+this.druglist[i].min_number+this.druglist[i].min_unit +"/"+this.druglist[i].max_unit
+            }
+          }
+          return specification_name
+        },
+       getHisCount(val,max_unit,min_unit,min_number){
+          var total = 0
+          var max_str = "";
+          var min_str = "";
+          for(let i=0;i<val.length;i++){
+            total+=parseInt(val[i].prescribing_number)
+          }
+          if (total < min_number) {
+          min_str = total + min_unit;
+        }
+        if (total == 0) {
+          min_str = "";
+          max_str = "";
+        }
+        if (total >= min_number) {
+          if (parseInt(total / min_number) != 0) {
+            max_str = parseInt(total / min_number) + max_unit;
+          }
+          if (total % min_number != 0) {
+            min_str = (total % min_number) + min_unit;
+          }
+        }
+        return max_str + min_str;
+          
+        },
+
+        getModeId(val){
+        if(val!=null && val.length > 0){
+          let dataInfo = {}
+            val.forEach((item, index) => {
+            let { patient_id } = item
+            if (!dataInfo[patient_id])  {
+              dataInfo[patient_id] = {
+                patient_id:item.patient_id,
+                child: [],
+                count:0,
+                mode_id:item.mode_id,
+              }
+            }
+        })
+          let newArr = Object.values(dataInfo)
+        
+          if(newArr!=null && newArr.length >0){
+            let dataInfo = {}
+            newArr.forEach((item, index) => {
+              let { mode_id } = item
+              if (!dataInfo[mode_id])  {
+                dataInfo[mode_id] = {
+                  mode_id:item.mode_id,
+                  child: [],
+                  count:0,
+                }
+              }
+           })
+           let hisNewArr = Object.values(dataInfo)
+          
+           if(hisNewArr!=null && hisNewArr.length >0){
+             for(let i=0;i<hisNewArr.length;i++){
+               for(let j=0;j<newArr.length;j++){
+                 if(hisNewArr[i].mode_id == newArr[j].mode_id){
+                    hisNewArr[i].child.push(newArr[j])
+                 }
+               }
+             }
+           }
+         
+           
+           var str = ""
+           for(let i=0;i<hisNewArr.length;i++){
+             if(hisNewArr[i].mode_id == 1){
+                hisNewArr[i].mode_id = "HD"
+             }
+             if(hisNewArr[i].mode_id == 2){
+                hisNewArr[i].mode_id = "HDF"
+             }
+             if(hisNewArr[i].mode_id == 3){
+                hisNewArr[i].mode_id = "HD+HP"
+             }
+             if(hisNewArr[i].mode_id == 4){
+                hisNewArr[i].mode_id = "HP"
+             }
+             if(hisNewArr[i].mode_id == 5){
+                hisNewArr[i].mode_id = "HF"
+             }
+             if(hisNewArr[i].mode_id == 6){
+                hisNewArr[i].mode_id = "SCUF"
+             }
+             if(hisNewArr[i].mode_id == 7){
+                hisNewArr[i].mode_id = "IUF"
+             }
+             if(hisNewArr[i].mode_id == 8){
+                hisNewArr[i].mode_id = "HFHD"
+             }
+             if(hisNewArr[i].mode_id == 9){
+                hisNewArr[i].mode_id = "HFHD+HP"
+             }
+             if(hisNewArr[i].mode_id == 10){
+                hisNewArr[i].mode_id = "PHF"
+             }
+             if(hisNewArr[i].mode_id == 11){
+                hisNewArr[i].mode_id = "HFR"
+             }
+             if(hisNewArr[i].mode_id == 12){
+                hisNewArr[i].mode_id = "HDF+HP"
+             }
+             if(hisNewArr[i].mode_id == 13){
+                hisNewArr[i].mode_id = "CRRT"
+             }
+             if(hisNewArr[i].mode_id == 14){
+                hisNewArr[i].mode_id = "腹水回输"
+             }
+             if(hisNewArr[i].mode_id == 15){
+                hisNewArr[i].mode_id = "IUF+HD"
+             }
+             if(hisNewArr[i].mode_id == 20){
+                hisNewArr[i].mode_id = "UF"
+             }
+             if(hisNewArr[i].mode_id == 21){
+                hisNewArr[i].mode_id = "HD+"
+             }
+             if(hisNewArr[i].mode_id == 22){
+                hisNewArr[i].mode_id = "血浆胆红素吸附+HDF"
+             }
+             if(hisNewArr[i].mode_id == 23){
+                hisNewArr[i].mode_id = "血浆胆红素吸附"
+             }
+             if(hisNewArr[i].mode_id == 24){
+                hisNewArr[i].mode_id = "I-HDF"
+             }
+             if(hisNewArr[i].mode_id == 25){
+                hisNewArr[i].mode_id = "HD高通"
+             }
+             if(hisNewArr[i].mode_id == 26){
+                hisNewArr[i].mode_id = "CVVH"
+             }
+             if(hisNewArr[i].mode_id == 27){
+                hisNewArr[i].mode_id = "CVVHD"
+             }
+             if(hisNewArr[i].mode_id == 28){
+                hisNewArr[i].mode_id = "CVVHDF"
+             }
+             if(hisNewArr[i].mode_id == 29){
+                hisNewArr[i].mode_id = "PE"
+             }
+             if(hisNewArr[i].mode_id == 30){
+                hisNewArr[i].mode_id = "血浆胆红素吸附+HP"
+             }
+             if(hisNewArr[i].mode_id == 31){
+                hisNewArr[i].mode_id = "HPD"
+             }
+             if(hisNewArr[i].mode_id == 32){
+                hisNewArr[i].mode_id = "HDP"
+             }
+             str += hisNewArr[i].mode_id +"("+hisNewArr[i].child.length+")" +"\n" 
+           }
+          
+           return str
+         }
+
+          // return newArr.length
+        }
+      },
+      getDrugCount(val,advice_name){
+        
+        if(val!=null){
+          for(let i=0;i<val.length;i++){
+           val[i].advice_name = val[i].advice_name.replace(/\s/g,"")
+          }
+        }
+       
+        if(val!=null && val.length >0){
+            let dataInfo = {}
+            val.forEach((item, index) => {
+            
+            let { advice_name } = item
+            if (!dataInfo[advice_name])  {
+              dataInfo[advice_name] = {
+                advice_name:item.advice_name,
+                child: [],
+                count:0,
+              }
+            }
+          })
+       
+          let newArr = Object.values(dataInfo) 
+         
+         
+          if(newArr!=null && newArr.length >0){
+            for(let i=0;i<newArr.length;i++){
+              for(let j=0;j<val.length;j++){
+                if(newArr[i].advice_name == val[j].advice_name){
+                   newArr[i].child.push(val[j])
+                }
+              }
+            }
+          }
+          
+          var total = 0
+          var newHisArr =[]
+          if(newArr!=null && newArr.length >0){
+            for(let i=0;i<newArr.length;i++){
+               if(newArr[i].advice_name == advice_name){
+                  newHisArr.push(newArr[i])
+               }
+            }
+          }
+
+          if(newHisArr!=null && newHisArr.length>0){
+            
+            for(let i=0;i<newHisArr.length;i++){
+              for(let j=0;j<newHisArr[i].child.length;j++){
+                total += parseInt(newHisArr[i].child[j].prescribing_number)
+              }
+            }
+          }
+           
+          return total
+        }
+
+      },
+      getAdminUserName(id){
+        var name = ""
+        for(let i=0;i<this.adminUserList.length;i++){
+          if(id == this.adminUserList[i].id){
+             name = this.adminUserList[i].name
+          }
+        }
+        return name
+      },
+      getZoneName(val){
+        var zone_name = ""
+        if(val!=null && val.length >0){
+          zone_name = val[0].zone_name
+        }
+        return zone_name
+      },
+      compareList: function (k) {
+        return function (a, b) {
+          var M = a[k]
+          var N = b[k]
+          return M - N // 从低向高排
+          // return N - M;   // 从高向低排
+        }
+      },
+
+      getAllSumCount(advice_name){
+       
+        var hisNewArr =[]
+        if(this.tabHead.length!=null && this.tabHead.length >0){
+          for(let i=0;i<this.tabHead.length;i++){
+            if(this.tabHead[i].advice_name == advice_name){
+              hisNewArr.push(this.tabHead[i])
+            }
+          }
+        }
+        
+        var total = 0
+        if(hisNewArr!=null && hisNewArr.length > 0){
+          for(let i=0;i<hisNewArr.length;i++){
+          for(let j=0;j<hisNewArr[i].child.length;j++){
+              total += parseInt(hisNewArr[i].child[j].prescribing_number)
+          }
+          }
+        }
+        if (total > 0) {
+          return total
+        }else{
+          return 0
+        }
+
+     },
+     getDrugAdviceCount(advice_name,zone_name){
+        var str = ""
+        var arr =[]
+        var arrOne = []
+        if(this.doctorMap!=null && this.doctorMap.length>0){
+
+           for(let i=0;i<this.doctorMap.length;i++){
+            if(this.doctorMap[i].advice_name!="" || this.doctorMap[i].advice_name!=undefined){
+                this.doctorMap[i].advice_name = this.doctorMap[i].advice_name.replace(/\s/g,"")
+            }
+             if(this.doctorMap[i].advice_name == advice_name && this.doctorMap[i].zone_name == zone_name && this.doctorMap[i].delivery_way =="导管封管"){
+                arr.push(this.doctorMap[i])
+             }
+
+             if(this.doctorMap[i].advice_name == advice_name && this.doctorMap[i].zone_name == zone_name && this.doctorMap[i].delivery_way.indexOf("泵入")!=-1){
+                arrOne.push(this.doctorMap[i])
+             }
+           }
+        }
+
+        if(arr!=null && arr.length >0){
+            var total = 0
+           for(let i=0;i<arr.length;i++){
+              total +=arr[i].prescribing_number
+           }
+          str =  "封管" +"("+total+")"
+        }
+        if(arrOne!=null && arrOne.length >0){
+            var total_one = 0
+           for(let i=0;i<arrOne.length;i++){
+             total_one +=arrOne[i].prescribing_number
+           }
+          str = str + "泵入" +"("+total_one+")"
+        }
+        return str
+      },
+      getweekday(date){
+        var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
+
+        var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date
+
+        return week;
+      }
+     }
+    }
+  </script>
+  
+  <style rel="stylesheet/scss" lang="scss" scoped>
+    .print_main_content {
+      background-color: white;
+      width: 960px;
+      margin: 0 auto;
+      padding: 0 0 20px 0;
+  
+    .order_title_panl {
+      text-align: center;
+  
+    .main_title {
+      font-size: 18px;
+      line-height: 40px;
+      font-weight: 500;
+    }
+  
+    }
+    .table_panel {
+  
+    .table {
+      width: 100%;
+      border: 1px solid;
+      border-collapse: collapse;
+      padding: 2px;
+  
+    thead {
+  
+    tr {
+  
+    td {
+      border: 1px solid;
+      text-align: center;
+      font-size: 20px;
+      padding: 15px 5px;
+    }
+  
+    }
+    }
+    tbody {
+  
+    tr {
+  
+    td {
+      border: 1px solid;
+      text-align: center;
+      font-size: 18px;
+      padding: 10px 5px;
+  
+    .proj {
+      padding: 5px 0;
+      text-align: left;
+  
+    .proj_title {
+      font-size: 16px;
+      font-weight: 500;
+      line-height: 25px;
+    }
+  
+    .proj_item {
+      font-size: 15px;
+      line-height: 20px;
+  
+    .zone_name {
+      font-weight: 500;
+    }
+  
+    }
+    }
+    }
+    }
+    }
+    }
+    }
+    }
+  </style>
+  
+  

src/xt_pages/dialysis/longDoctorAdvicePrint.vue

@@ -0,0 +1,617 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+        <el-row style="float:right;">
+            <el-col :span="24">
+            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
+            </el-col>
+        </el-row>
+        </div>
+        <div class="app-container" style="background-color: white;" v-show="show">
+            <div id="dialysisTable">
+                <div class="order_title_panl">
+                    <span class="main_title">透析医嘱</span>
+                </div>
+                <p style="width: 960px;text-align: right;margin: 0 auto 10px;">日期：{{ time }}</p>
+                <table class="table dialysisTable" border="1" cellspacing="0" cellpadding="0">
+                    <tr>
+                    <th width="20px">姓名</th>
+                    <th width="100px">医嘱内容</th>
+                     <th width="50px">执行护士</th>
+                    </tr>
+                    <template v-for="(schedules, zone_name, index) in scheduleMap">
+                    <tr ><!--:key="index"-->
+                        <td>{{ zone_name }}</td>
+                        <td></td>
+                        <td></td>
+                       
+                    </tr>
+                    <template v-for="schedule in schedules">
+                        <template v-for="(group, group_index) in schedule.new_advice">
+                        <tr v-for="(advice, advice_index) in group.advices" :key="advice_index">
+                            <td
+                            v-if="advice_index == 0"
+                            :rowspan="group.advices.length"
+                            >{{ advice.parent_id == 0 ? schedule.patient.name : "" }}
+                            <br>
+                            （{{ advice.parent_id == 0 ? schedule.dialysis_no : ""}}）
+                             {{getAge(schedule) }}岁
+                            <br>
+                            <span v-if="schedule.mode_id == 1">(HD)</span>
+                            <span v-if="schedule.mode_id == 2">(HDF)</span>
+                            <span v-if="schedule.mode_id == 3">(HD+HP)</span>
+                            <span v-if="schedule.mode_id == 4">(HP)</span>
+                            <span v-if="schedule.mode_id == 5">(HF)</span>
+                            <span v-if="schedule.mode_id == 6">(SCUF)</span>
+                            <span v-if="schedule.mode_id == 7">(IUF)</span>
+                            <span v-if="schedule.mode_id == 8">(HFHD)</span>
+                            <span v-if="schedule.mode_id == 9">(HFHD+HP)</span>
+                            <span v-if="schedule.mode_id == 10">(PHF)</span>
+                            <span v-if="schedule.mode_id == 11">(HFR)</span>
+                            <span v-if="schedule.mode_id == 12">(HDF+HP)</span>
+                            <span v-if="schedule.mode_id == 13">(CRRT)</span>
+                            <span v-if="schedule.mode_id == 14">(腹水回输)</span>
+                            <span v-if="schedule.mode_id == 24">I-HDF</span>
+                            </td>
+                          
+                   
+                            <td
+                            :class="
+                                advice.parent_id == 0
+                                ? 'advice_content'
+                                : 'subadvice_content'
+                            "
+                            >
+                            <span>{{ advice.advice_name }}</span>
+                           
+                            <span v-if="advice.single_dose">
+                                单次用量 {{ advice.single_dose
+                                }}{{ advice.single_dose_unit }}
+                            </span>
+                            <span v-if="advice.prescribing_number>0">总量:</span>
+                            <span v-if="advice.prescribing_number">
+                                {{ advice.prescribing_number
+                                }}{{ advice.prescribing_number_unit }}
+                            </span>
+                            <span>{{ advice.delivery_way }}</span>
+                            <span>{{ advice.execution_frequency }}</span>
+                           
+                            </td>
+                            <td>{{ getName(advice.execution_staff) }}</td>
+                           
+                        </tr>
+                        </template>
+                    </template>
+                    </template>
+                </table>
+            </div>
+        </div>
+
+          <div class="app-container" style="background-color: white;" v-show="showOne">
+            <div id="dialysisTable">
+                <div class="order_title_panl">
+                    <span class="main_title">透析医嘱</span>
+                </div>
+                <p style="width: 960px;text-align: right;margin: 0 auto 10px;">日期：{{ time }}</p>
+                <table class="table dialysisTable" border="1" cellspacing="0" cellpadding="0">
+                    <tr>
+                    <th width="20px">姓名</th>
+                    <th width="100px">医嘱内容</th>
+                    <th width="20px">执行护士</th>
+                    </tr>
+                    <template v-for="(schedules, zone_name, index) in scheduleMap">
+                    <tr ><!--:key="index"-->
+                        <td>{{ zone_name }}</td>
+                        <td></td>
+                        <td></td>
+                    </tr>
+                    <template v-for="schedule in schedules">
+                        <template v-for="(group, group_index) in schedule.new_advice">
+                        <tr v-for="(advice, advice_index) in group.advices" :key="advice_index">
+                            <td
+                            v-if="advice_index == 0"
+                            :rowspan="group.advices.length"
+                            >{{ advice.parent_id == 0 ? schedule.patient.name : "" }}
+                            <br>
+                            （{{ advice.parent_id == 0 ? schedule.dialysis_no : ""}}）
+                            {{getAge(schedule) }}岁
+                            <br>
+                            <span v-if="schedule.mode_id == 1">(HD)</span>
+                            <span v-if="schedule.mode_id == 2">(HDF)</span>
+                            <span v-if="schedule.mode_id == 3">(HD+HP)</span>
+                            <span v-if="schedule.mode_id == 4">(HP)</span>
+                            <span v-if="schedule.mode_id == 5">(HF)</span>
+                            <span v-if="schedule.mode_id == 6">(SCUF)</span>
+                            <span v-if="schedule.mode_id == 7">(IUF)</span>
+                            <span v-if="schedule.mode_id == 8">(HFHD)</span>
+                            <span v-if="schedule.mode_id == 9">(HFHD+HP)</span>
+                            <span v-if="schedule.mode_id == 10">(PHF)</span>
+                            <span v-if="schedule.mode_id == 11">(HFR)</span>
+                            <span v-if="schedule.mode_id == 12">(HDF+HP)</span>
+                            <span v-if="schedule.mode_id == 13">(CRRT)</span>
+                            <span v-if="schedule.mode_id == 14">(腹水回输)</span>
+                            <span v-if="schedule.mode_id == 24">I-HDF</span>
+                            </td>
+                           
+                           
+                            <td v-if="advice_index == 0" :rowspan="group.advices.length">
+                            {{
+                            advice.parent_id == 0
+                            ? parseTime(advice.start_time, "{m}-{d} {h}:{i}")
+                            : ""
+                            }}
+                            </td>
+                            <td
+                            :class="
+                                advice.parent_id == 0
+                                ? 'advice_content'
+                                : 'subadvice_content'
+                            "
+                            >
+                            <span>{{ advice.advice_name }}</span>
+                            
+                            <span v-if="advice.single_dose">
+                                单次用量 {{ advice.single_dose
+                                }}{{ advice.single_dose_unit }}
+                            </span>
+                            <span v-if="advice.prescribing_number>0">总量:</span>
+                            <span v-if="advice.prescribing_number">
+                                {{ advice.prescribing_number
+                                }}{{ advice.prescribing_number_unit }}
+                            </span>
+                            <span>{{ advice.delivery_way }}</span>
+                            <span>{{ advice.execution_frequency }}</span>
+                           
+                            </td>
+                            <td>{{ getName(advice.execution_staff) }}</td>
+                        </tr>
+                        </template>
+                    </template>
+                    </template>
+                </table>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getNewLongSchedualDoctors } from '@/api/advice'
+import { parseTime } from '@/utils'
+import { jsGetAge } from "@/utils/tools";
+import print from 'print-js'
+const moment = require('moment')
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '药品' },
+                { path: false, name: '打印' }
+            ],
+            tableData:[],
+            start_time:"",
+            end_time:"",
+            print_time:moment(new Date()).add('year', 0).format('YYYY-MM-DD'),
+
+            zone_selected: 0,
+            scheduleMap:[],
+            time:'',
+            show:true,
+            showOne:false,
+            delivery_way:"",
+            org_id:0,
+        }
+    },
+    methods:{
+        getAge: function (val) {
+            var thisLen = val.patient.id_card_no.length;
+            var birth = "";
+            if (thisLen == 15) {
+                birth = "19" + val.patient.id_card_no.substr(6, 6);
+            } else {
+                birth = val.patient.id_card_no.substr(6, 8);
+            }
+            var birthtwo =
+                birth.substr(0, 4) +
+                "-" +
+                birth.substr(4, 2) +
+                "-" +
+                birth.substr(6, 2);
+
+            var age = jsGetAge(birthtwo, "-");
+            return age;
+        },
+        printAction: function() {
+            const style = '@media print { .dialysisTable{width:960px;margin: 0 auto;text-align: center;border-collapse: collapse;}.order_title_panl {text-align: center;.main_title {font-size: 18px;line-height: 40px;font-weight: 500;}}.dialysisTable tr{padding: 10px 0;}.dialysisTable th {color: #000;padding: 0;margin: 0;height: 30px;}.dialysisTable tr td {padding: 12px 0;}.subadvice_content {text-align: left;padding-left: 25px !important;padding-right: 5px !important;}.advice_content {text-align: left;padding-left: 5px !important;padding-right: 5px !important;padding: 15px 5px !important;} }'
+
+            printJS({
+            printable: 'dialysisTable',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+            })
+        },
+        requestSchedualDoctors (time) {
+            let newTime =  moment(time).format('YYYY-MM-DD')
+            getNewLongSchedualDoctors({
+            date: newTime,
+            patient_type: 0,
+            advice_type: 1,
+            delivery_way:this.delivery_way,
+            }).then(rs => {
+                var resp = rs.data
+                if (resp.state == 1) {
+                   this.admin_user = resp.data.adminUser
+                   var schedulesArr = resp.data.scheduals
+                   console.log("schedulesArr",schedulesArr)
+                   if(schedulesArr!=null && schedulesArr.length >0){
+                     for(let i=0;i<schedulesArr.length;i++){
+                        schedulesArr[i].new_doctor_advice = []
+                       for(let j=0;j<schedulesArr[i].doctor_advice.length;j++){
+                        if((schedulesArr[i].doctor_advice[j].frequency_type == 1) || (schedulesArr[i].doctor_advice[j].frequency_type == 3 && schedulesArr[i].doctor_advice[j].week_day.indexOf(this.getweekday(time))!=-1)){
+                            schedulesArr[i].new_doctor_advice.push(schedulesArr[i].doctor_advice[j])
+                        }
+                       }
+                     }
+                   }
+                   let schedules = []
+                   var ids = this.$store.getters.temp_params.advice_ids
+                   console.log('ids',ids)
+                   schedulesArr.map(item => {
+                    if(ids.indexOf(item.patient_id) > -1){
+                        schedules.push(item)
+                    }
+
+                })
+                console.log("schedules2333333333333w",schedules)
+                for (let i = 0; i < schedules.length; i++) {
+                    schedules[i].dialysis_no = schedules[i].patient.dialysis_no
+                }
+
+
+                var arr = []
+                for (let j = 0; j < schedules.length; j++) {
+                    arr.push(schedules[j].dialysis_no)
+                }
+                arr.sort(function (a, b) {
+                    return a - b
+                })
+
+
+                var arrTwo = []
+                for (let i = 0; i < arr.length; i++) {
+                    for (let j = 0; j < schedules.length; j++) {
+                    if (arr[i] == schedules[j].dialysis_no) {
+                        arrTwo.push(schedules[j])
+                    }
+                    }
+                }
+
+                arrTwo.map((item, index) => {
+
+                    item.new_doctor_advice.sort(this.compare('start_time'))
+                })
+
+
+                const res = new Map()
+                let a = arrTwo.filter(
+                    a => !res.has(a.dialysis_no) && res.set(a.dialysis_no, 1)
+                )
+
+
+
+                schedules = a
+                var zoneMap = {}
+                var scheduleMap = {}
+                for (let index = 0; index < schedules.length; index++) {
+                    const schedule = schedules[index]
+                    if (schedule.new_doctor_advice.length == 0) {
+                    continue
+                    }
+                    if (scheduleMap[schedule.device_number.zone.name] == null) {
+                    scheduleMap[schedule.device_number.zone.name] = []
+                    }
+                    scheduleMap[schedule.device_number.zone.name].push(schedule)
+                    if (zoneMap[schedule.device_number.zone.name] == null) {
+                    zoneMap[schedule.device_number.zone.name] =
+                        schedule.device_number.zone
+                    }
+                }
+
+                var zones = []
+                zones.push({ value: 0, text: '全部分区' })
+                for (var zoneName in zoneMap) {
+                    zones.push({ value: zoneMap[zoneName].id, text: zoneName })
+                }
+
+                zones = zones.sort(function (a, b) {
+                    return a.value > b.value
+                })
+                this.zones = zones
+                for (var key in scheduleMap) {
+                    let mapArr = scheduleMap[key]
+                    for (let i = 0; i < mapArr.length; i++) {
+                    mapArr[i]['new_advice'] = []
+                    }
+                }
+
+                for (var key in scheduleMap) {
+                    let mapArr = scheduleMap[key]
+                    for (let i = 0; i < mapArr.length; i++) {
+                    var maps = mapArr[i]
+                    var resp_advices = maps.new_doctor_advice
+                    if (resp_advices.length > 0) {
+                        var newGroupObject = function () {
+                        return Object.assign(
+                            {},
+                            {
+                            group_no: 0,
+                            advices: []
+                            }
+                        )
+                        }
+                        var initGroupBlock = function (group, advice) {
+                        group.group_no = advice.groupno
+                        }
+
+                        var advice_groups = []
+                        var group = newGroupObject()
+                        for (let index = 0; index < resp_advices.length; index++) {
+                        const advice = resp_advices[index]
+                        if (advice.groupno == 0) {
+                            // 老版本的医嘱
+                            if (advice.parent_id > 0) {
+                            if (advice_groups.length > 0) {
+                                var parent_group = advice_groups[advice_groups.length - 1]
+                                if (parent_group.advices.length > 0) {
+                                if (parent_group.advices[0].id == advice.parent_id) {
+                                    parent_group.advices.push(advice)
+                                }
+                                }
+                            }
+                            continue
+                            } else {
+                            if (group.group_no > 0) {
+                                advice_groups.push(group)
+                                group = newGroupObject()
+                            }
+
+                            initGroupBlock(group, advice)
+                            group.advices.push(advice)
+                            advice_groups.push(group)
+                            group = newGroupObject()
+                            continue
+                            }
+                        } else {
+                            if (group.group_no > 0 && group.group_no != advice.groupno) {
+                            advice_groups.push(group)
+                            group = newGroupObject()
+                            }
+                            if (group.group_no == 0) {
+                            initGroupBlock(group, advice)
+                            }
+                            if (group.group_no == advice.groupno) {
+                            group.advices.push(advice)
+                            }
+                        }
+                        }
+                        if (group.group_no > 0) {
+                        // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加
+                        advice_groups.push(group)
+                        }
+                        advice_groups = advice_groups
+                    } else {
+                        advice_groups = []
+                    }
+                    maps.new_advice = advice_groups
+                    }
+                 }
+
+
+                 this.scheduleMap = scheduleMap
+                
+
+               
+
+                }
+            })
+        },
+        compare (property) {
+            return function (a, b) {
+                var value1 = a[property]
+                var value2 = b[property]
+                return value1 - value2
+            }
+        },
+        parseTime: function (time, layout) {
+            if (time == 0) {
+                return ''
+            }
+            return parseTime(time, layout)
+        },
+        getName (val) {
+            for (let i = 0; i < this.admin_user.length; i++) {
+                if (this.admin_user[i].id == val) {
+                    return this.admin_user[i].name
+                }
+            }
+        },
+        getweekday(date){
+            var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
+
+            var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date
+
+            return week;
+      }
+    },
+    computed: {
+     filtedScheduals: function () {
+        var scheduleMap = new Object()
+        if (this.zone_selected == 0) {
+            for (const key in this.scheduleMap) {
+            scheduleMap[key] = this.scheduleMap[key]
+            }
+        } else {
+            var zone_name = this.zones[this.zone_selected].text
+            scheduleMap[zone_name] = this.scheduleMap[zone_name]
+        }
+
+        if (this.schedule_type_selected != 0) {
+            var _scheduleMap = {}
+            for (const key in scheduleMap) {
+            var origin_schedules = scheduleMap[key]
+            var schedules = []
+            for (let index = 0; index < origin_schedules.length; index++) {
+                const schedule = origin_schedules[index]
+                if (schedule.schedule_type == this.schedule_type_selected) {
+                schedules.push(schedule)
+                }
+            }
+            if (schedules.length > 0) {
+                _scheduleMap[key] = schedules
+            }
+            }
+
+            scheduleMap = _scheduleMap
+        }
+        for (var key in scheduleMap) {
+            let mapArr = scheduleMap[key]
+            for (let i = 0; i < mapArr.length; i++) {
+            mapArr[i]['new_advice'] = []
+            }
+        }
+
+        for (var key in scheduleMap) {
+            let mapArr = scheduleMap[key]
+            for (let i = 0; i < mapArr.length; i++) {
+            var maps = mapArr[i]
+            var resp_advices = maps.new_doctor_advice
+            if (resp_advices.length > 0) {
+                var newGroupObject = function () {
+                return Object.assign(
+                    {},
+                    {
+                    group_no: 0,
+                    advices: []
+                    }
+                )
+                }
+                var initGroupBlock = function (group, advice) {
+                group.group_no = advice.groupno
+                }
+
+                var advice_groups = []
+                var group = newGroupObject()
+                for (let index = 0; index < resp_advices.length; index++) {
+                const advice = resp_advices[index]
+                if (advice.groupno == 0) {
+                    // 老版本的医嘱
+                    if (advice.parent_id > 0) {
+                    if (advice_groups.length > 0) {
+                        var parent_group = advice_groups[advice_groups.length - 1]
+                        if (parent_group.advices.length > 0) {
+                        if (parent_group.advices[0].id == advice.parent_id) {
+                            parent_group.advices.push(advice)
+                        }
+                        }
+                    }
+                    continue
+                    } else {
+                    if (group.group_no > 0) {
+                        advice_groups.push(group)
+                        group = newGroupObject()
+                    }
+
+                    initGroupBlock(group, advice)
+                    group.advices.push(advice)
+                    advice_groups.push(group)
+                    group = newGroupObject()
+                    continue
+                    }
+                } else {
+                    if (group.group_no > 0 && group.group_no != advice.groupno) {
+                    advice_groups.push(group)
+                    group = newGroupObject()
+                    }
+                    if (group.group_no == 0) {
+                    initGroupBlock(group, advice)
+                    }
+                    if (group.group_no == advice.groupno) {
+                    group.advices.push(advice)
+                    }
+                }
+                }
+                if (group.group_no > 0) {
+                // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加
+                advice_groups.push(group)
+                }
+                advice_groups = advice_groups
+            } else {
+                advice_groups = []
+            }
+            maps.new_advice = advice_groups
+            }
+        }
+        console.log("222222",scheduleMap)
+        return scheduleMap
+        },
+       
+    },
+    created(){
+      var time = this.$route.query.time
+      var delivery_way = this.$route.query.delivery_way
+      this.delivery_way = delivery_way
+      this.time = moment(time).format('YYYY-MM-DD')
+      console.log(11,this.$route.query)
+      this.requestSchedualDoctors(time)
+      this.org_id = this.$store.getters.xt_user.template_info.org_id;
+    }
+}
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.dialysisTable{
+    width:960px;
+    margin: 0 auto;
+    text-align: center;
+    border-collapse: collapse;
+}
+.order_title_panl {
+    text-align: center;
+
+    .main_title {
+      font-size: 18px;
+      line-height: 40px;
+      font-weight: 500;
+    }
+}
+.dialysisTable tr{
+    padding: 10px 0;
+}
+.dialysisTable th {
+    color: #000;
+    padding: 0;
+    margin: 0;
+    height: 30px;
+}
+.dialysisTable tr td {
+    padding: 12px 0;
+}
+.subadvice_content {
+    text-align: left;
+    padding-left: 25px !important;
+    padding-right: 5px !important;
+}
+.advice_content {
+    text-align: left;
+    padding-left: 5px !important;
+    padding-right: 5px !important;
+    padding: 15px 5px !important;
+}
+</style>

src/xt_pages/dialysis/longSignPrint.vue

@@ -0,0 +1,632 @@
+<template>
+    <div class="main-contain">
+        <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+        <el-row style="float:right;">
+            <el-col :span="24">
+            <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印</el-button>
+            </el-col>
+        </el-row>
+        </div>
+        <div class="app-container" style="background-color: white;" v-show="show">
+            <div id="dialysisTable">
+                <div v-for="(item, index) in list" :key="index">
+                    <div class="signPrint" v-for="it in item.parent_advice" style="page-break-after: always;">
+                       
+                        <div v-if="org_id!=10278">分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</div>  
+                        <div>姓名:{{item.patient.name}}</div>  
+
+                        <div>
+                            <div>医嘱内容:{{ it.advice_name }} 
+                            <span v-if="it.prescribing_number>0 && org_id !=0 && org_id!=10440">
+                                {{it.prescribing_number}}{{ it.prescribing_number_unit }}
+                            
+                            
+                            </span> 
+                            </div>  
+                            <div v-if="org_id ==0 || org_id == 10138 || org_id == 10278">
+                            规格:{{getSpecialName(it.drug_id)}} 
+                            
+                            </div>  
+                            <div v-if="(org_id ==0 || org_id==10440 || org_id == 10478) && org_id!=10278">单次用量:{{it.single_dose}}{{it.single_dose_unit }}</div>  
+                            <div v-if="org_id!=0 && org_id!=10278 && org_id!=10138">执行频率:{{it.execution_frequency}}</div>  
+                            <div v-if="org_id!=10278">给药途径:{{it.delivery_way}}</div>  
+                             
+                        </div>
+                         
+                       <span v-if="it.childAdvice.length >0">&nbsp;</span>  
+                       <div v-for="its in it.childAdvice">
+                            <div>医嘱内容:{{ its.advice_name }} 
+                            <span v-if="its.prescribing_number>0 && org_id !=0 && org_id!=10440">
+                                {{its.prescribing_number}}{{ its.prescribing_number_unit }}
+                            </span> 
+                            </div>  
+                            <div v-if="org_id ==0 || org_id == 10138 || org_id == 10278">
+                            规格:{{getSpecialName(its.drug_id)}} 
+                            
+                            </div>  
+                            <div v-if=" org_id ==0 || org_id==10440 || org_id == 10478">单次用量:{{its.single_dose}}{{its.single_dose_unit }}</div>  
+                            <div v-if="org_id!=0 && org_id!=10278 && org_id!=10138">执行频率:{{its.execution_frequency}}</div>  
+                            <div>给药途径:{{its.delivery_way}}</div>  
+                        </div>
+                        <div>打印时间:{{time}}</div> 
+                    </div>  
+                </div>
+            </div>
+        </div>
+
+          <!-- <div class="app-container" style="background-color: white;" v-show="showOne">
+            <div id="dialysisTable">
+                <div v-for="(item, index) in list" :key="index">
+                    <div class="signPrint" v-for="it in item.doctor_advice" style="page-break-after: always;">
+                        <div>分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</div>  
+                        <div>姓名:{{item.patient.name}}</div>  
+                        <div>医嘱内容:{{getAdvice(item.doctor_advice)}} 
+                           <span v-if="it.prescribing_number >0&& org_id !=0 && org_id!=10440"> {{it.prescribing_number}}{{ it.prescribing_number_unit }}</span>
+                        </div>  
+                        <div v-if="org_id ==0 || org_id == 10138 || org_id == 10278">
+                          规格:{{getSpecialName(it.drug_id)}} 
+                         
+                        </div>  
+                        <div v-if=" org_id ==0 || org_id==10440">单次用量:{{it.single_dose}}&nbsp;{{it.single_dose_unit }}</div>
+                        <div>给药途径:{{item.doctor_advice[0].execution_frequency}}</div>  
+                        <div v-if="org_id!=0 && org_id!=10278 && org_id!=10138">执行频率:{{item.doctor_advice[0].delivery_way}}</div>  
+                        <div>打印时间:{{time}}</div>   
+                    </div>  
+                  
+                </div>
+            </div>
+        </div> -->
+    </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import { getNewLongSchedualDoctors } from '@/api/advice'
+import { parseTime } from '@/utils'
+import print from 'print-js'
+const moment = require('moment')
+export default {
+    components:{
+        BreadCrumb
+    },
+    data(){
+        return{
+            crumbs: [
+                { path: false, name: '耗材药品' },
+                { path: false, name: '打印' }
+            ],
+            tableData:[],
+            start_time:"",
+            end_time:"",
+            print_time:moment(new Date()).add('year', 0).format('YYYY-MM-DD'),
+
+            zone_selected: 0,
+            scheduleMap:[],
+            time:'',
+            show:true,
+            showOne:false,
+            delivery_way:"",
+            list:[],
+            execution_frequency:"",
+            org_id:0,
+            drugList:[],
+        }
+    },
+    methods:{
+        printAction: function() {
+            const style = '@media print { .dialysisTable{width:960px;margin: 0 auto;text-align: center;border-collapse: collapse;}.order_title_panl {text-align: center;.main_title {font-size: 18px;line-height: 40px;font-weight: 500;}}.dialysisTable tr{padding: 10px 0;}.dialysisTable th {color: #000;padding: 0;margin: 0;height: 30px;}.dialysisTable tr td {padding: 12px 0;}.subadvice_content {text-align: left;padding-left: 25px !important;padding-right: 5px !important;}.advice_content {text-align: left;padding-left: 5px !important;padding-right: 5px !important;padding: 15px 5px !important;} }'
+
+            printJS({
+            printable: 'dialysisTable',
+            type: 'html',
+            documentTitle: '  ',
+            style: style,
+            scanStyles: false
+            })
+        },
+        requestSchedualDoctors (time) {
+            let newTime =  moment(time).format('YYYY-MM-DD')
+            getNewLongSchedualDoctors({
+            date: newTime,
+            patient_type: 0,
+            advice_type: 1,
+            delivery_way:this.delivery_way,
+            execution_frequency:this.execution_frequency,
+            patient_id:this.$route.query.patient_id,
+            }).then(rs => {
+                var resp = rs.data
+                if (resp.state == 1) {
+                this.admin_user = resp.data.adminUser
+             
+                var schedulesArr = resp.data.scheduals
+                if(schedulesArr!=null && schedulesArr.length >0){
+                    for(let i=0;i<schedulesArr.length;i++){
+                     schedulesArr[i].new_doctor_advice = []
+                    for(let j=0;j<schedulesArr[i].doctor_advice.length;j++){
+                        if((schedulesArr[i].doctor_advice[j].frequency_type == 1) || (schedulesArr[i].doctor_advice[j].frequency_type == 3 && schedulesArr[i].doctor_advice[j].week_day.indexOf(this.getweekday(time))!=-1)){
+                            schedulesArr[i].new_doctor_advice.push(schedulesArr[i].doctor_advice[j])
+                        }
+                      }
+                    }
+                }
+                let schedules = []
+                var ids = this.$store.getters.temp_params.advice_ids
+                console.log('ids',ids)
+                schedulesArr.map(item => {
+                if(ids.indexOf(item.patient_id) > -1){
+                    schedules.push(item)
+                }
+                    
+                })
+               
+                for (let i = 0; i < schedules.length; i++) {
+                    schedules[i].dialysis_no = schedules[i].patient.dialysis_no
+                }
+           
+
+                var arr = []
+                for (let j = 0; j < schedules.length; j++) {
+                    arr.push(schedules[j].dialysis_no)
+                }
+                arr.sort(function (a, b) {
+                    return a - b
+                })
+               
+
+                var arrTwo = []
+                for (let i = 0; i < arr.length; i++) {
+                    for (let j = 0; j < schedules.length; j++) {
+                    if (arr[i] == schedules[j].dialysis_no) {
+                        arrTwo.push(schedules[j])
+                    }
+                    }
+                }
+
+                arrTwo.map((item, index) => {
+                  
+                    item.new_doctor_advice.sort(this.compare('start_time'))
+                })
+                
+
+                const res = new Map()
+                let a = arrTwo.filter(
+                    a => !res.has(a.dialysis_no) && res.set(a.dialysis_no, 1)
+                )
+
+               
+
+                schedules = a
+                var zoneMap = {}
+                var scheduleMap = {}
+                for (let index = 0; index < schedules.length; index++) {
+                    const schedule = schedules[index]
+                    if (schedule.new_doctor_advice.length == 0) {
+                    continue
+                    }
+                    if (scheduleMap[schedule.device_number.zone.name] == null) {
+                    scheduleMap[schedule.device_number.zone.name] = []
+                    }
+                    scheduleMap[schedule.device_number.zone.name].push(schedule)
+                    if (zoneMap[schedule.device_number.zone.name] == null) {
+                    zoneMap[schedule.device_number.zone.name] =schedule.device_number.zone}
+                }
+
+                var zones = []
+                zones.push({ value: 0, text: '全部分区' })
+                for (var zoneName in zoneMap) {
+                    zones.push({ value: zoneMap[zoneName].id, text: zoneName })
+                }
+
+                zones = zones.sort(function (a, b) {
+                    return a.value > b.value
+                })
+                this.zones = zones
+                for (var key in scheduleMap) {
+                    let mapArr = scheduleMap[key]
+                    for (let i = 0; i < mapArr.length; i++) {
+                    mapArr[i]['new_advice'] = []
+                    }
+                }
+
+                for (var key in scheduleMap) {
+                    let mapArr = scheduleMap[key]
+                    for (let i = 0; i < mapArr.length; i++) {
+                    var maps = mapArr[i]
+                    var resp_advices = maps.new_doctor_advice
+                    if (resp_advices.length > 0) {
+                        var newGroupObject = function () {
+                        return Object.assign(
+                            {},
+                            {
+                            group_no: 0,
+                            advices: []
+                            }
+                        )
+                        }
+                        var initGroupBlock = function (group, advice) {
+                        group.group_no = advice.groupno
+                        }
+
+                        var advice_groups = []
+                        var group = newGroupObject()
+                        for (let index = 0; index < resp_advices.length; index++) {
+                        const advice = resp_advices[index]
+                        if (advice.groupno == 0) {
+                            // 老版本的医嘱
+                            if (advice.parent_id > 0) {
+                            if (advice_groups.length > 0) {
+                                var parent_group = advice_groups[advice_groups.length - 1]
+                                if (parent_group.advices.length > 0) {
+                                if (parent_group.advices[0].id == advice.parent_id) {
+                                    parent_group.advices.push(advice)
+                                }
+                                }
+                            }
+                            continue
+                            } else {
+                            if (group.group_no > 0) {
+                                advice_groups.push(group)
+                                group = newGroupObject()
+                            }
+
+                            initGroupBlock(group, advice)
+                            group.advices.push(advice)
+                            advice_groups.push(group)
+                            group = newGroupObject()
+                            continue
+                            }
+                        } else {
+                            if (group.group_no > 0 && group.group_no != advice.groupno) {
+                            advice_groups.push(group)
+                            group = newGroupObject()
+                            }
+                            if (group.group_no == 0) {
+                            initGroupBlock(group, advice)
+                            }
+                            if (group.group_no == advice.groupno) {
+                            group.advices.push(advice)
+                            }
+                        }
+                        }
+                        if (group.group_no > 0) {
+                        // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加
+                        advice_groups.push(group)
+                        }
+                        advice_groups = advice_groups
+                    } else {
+                        advice_groups = []
+                    }
+                    maps.new_advice = advice_groups
+                    }
+                 }
+               
+                 for(let i=0;i<schedules.length;i++){
+                    schedules[i].parent_advice = []
+                   for(let j=0;j<schedules[i].new_doctor_advice.length;j++){
+                      if(schedules[i].new_doctor_advice[j].parent_id== 0){
+                         schedules[i].parent_advice.push(schedules[i].new_doctor_advice[j])
+                      }
+                   }
+                  }
+                  for(let i=0;i<schedules.length;i++){
+                    schedules[i].sort = 0
+                    schedules[i].sort = schedules[i].device_number.sort
+                    for(let j=0;j<schedules[i].parent_advice.length;j++){
+                      schedules[i].parent_advice[j].childAdvice = []
+                      for(let z=0;z<schedules[i].new_doctor_advice.length;z++){
+                         if(schedules[i].parent_advice[j].id == schedules[i].new_doctor_advice[z].parent_id){
+                            schedules[i].parent_advice[j].childAdvice.push(schedules[i].new_doctor_advice[z])
+                         }
+                      }
+                    }
+                  }
+                  console.log("scheduleMap999999999999",schedules)
+                  this.list = schedules.sort(this.compare('sort'))
+                
+               
+              
+                console.log("this.list",this.list)
+                
+                }
+            })
+        },
+        compare (property) {
+            return function (a, b) {
+                var value1 = a[property]
+                var value2 = b[property]
+                return value1 - value2
+            }
+        },
+        parseTime: function (time, layout) {
+            if (time == 0) {
+                return ''
+            }
+            return parseTime(time, layout)
+        },
+        getName (val) {
+            for (let i = 0; i < this.admin_user.length; i++) {
+                if (this.admin_user[i].id == val) {
+                    return this.admin_user[i].name
+                }
+            }
+        },
+        getAdvice: function(doctor_advice) {
+          if (doctor_advice.length > 0) {
+            let name = "";
+            for (let i = 0; i < doctor_advice.length; i++) {
+            let prescribing_number = "";
+            let single_dose = "";
+            let drug_spec = "";
+
+            if (doctor_advice[i].prescribing_number > 0) {
+                prescribing_number =
+                doctor_advice[i].prescribing_number +
+                doctor_advice[i].prescribing_number_unit;
+            }
+            if (doctor_advice[i].single_dose > 0) {
+                single_dose =
+                " 单次用量 " +
+                doctor_advice[i].single_dose +
+                doctor_advice[i].single_dose_unit;
+            }
+
+            if (doctor_advice[i].drug_spec > 0) {
+                drug_spec =
+                doctor_advice[i].drug_spec + doctor_advice[i].drug_spec_unit;
+            }
+
+            name =
+                name +
+                doctor_advice[i].advice_name +
+                " " +
+                drug_spec +
+                " " +
+                prescribing_number +
+                " " +
+                single_dose +
+                " " +
+                doctor_advice[i].delivery_way +
+                " " +
+                doctor_advice[i].execution_frequency +
+                " " +
+                doctor_advice[i].remark +
+                "\n";
+
+            // if (doctor_advice[i].child.length > 0) {
+            //     for (let a = 0; a < doctor_advice[i].child.length; a++) {
+            //     if (doctor_advice[i].child[a].prescribing_number > 0) {
+            //         doctor_advice[i].child[a]["presc"] =
+            //         doctor_advice[i].child[a].prescribing_number +
+            //         doctor_advice[i].child[a].prescribing_number_unit;
+            //     } else {
+            //         doctor_advice[i].child[a]["presc"] = "";
+            //     }
+
+            //     if (doctor_advice[i].child[a].single_dose > 0) {
+            //         doctor_advice[i].child[a]["single"] =
+            //         " " +
+            //         " 单次用量 " +
+            //         " " +
+            //         doctor_advice[i].child[a].single_dose +
+            //         doctor_advice[i].child[a].single_dose_unit;
+            //     } else {
+            //         doctor_advice[i].child[a]["single"] = "";
+            //     }
+
+            //     name =
+            //         name +
+            //         "▲" +
+            //         doctor_advice[i].child[a].advice_name +
+            //         "" +
+            //         doctor_advice[i].child[a].advice_desc +
+            //         doctor_advice[i].child[a].drug_spec_unit +
+            //         doctor_advice[i].child[a].presc +
+            //         doctor_advice[i].child[a].single +
+            //         "\n";
+            //     }
+            // }
+        }
+        return name;
+      }else{
+        return ""
+      }
+    },
+    getSpecialName(drug_id){
+        var name = ""
+        for(let i=0;i<this.drugList.length;i++){
+            if(drug_id == this.drugList[i].id){
+            name = this.drugList[i].dose + this.drugList[i].dose_unit + "*" + this.drugList[i].min_number + this.drugList[i].min_unit +"/"+this.drugList[i].max_unit
+            }
+        }
+        return name
+     },
+
+     getweekday(date){
+        var weekArray = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
+
+        var week = weekArray[new Date(date).getDay()];//注意此处必须是先new一个Date
+
+        return week;
+      }
+
+    },
+    computed: {
+    filtedScheduals: function () {
+        var scheduleMap = new Object()
+        if (this.zone_selected == 0) {
+            for (const key in this.scheduleMap) {
+            scheduleMap[key] = this.scheduleMap[key]
+            }
+        } else {
+            var zone_name = this.zones[this.zone_selected].text
+            scheduleMap[zone_name] = this.scheduleMap[zone_name]
+        }
+
+        if (this.schedule_type_selected != 0) {
+            var _scheduleMap = {}
+            for (const key in scheduleMap) {
+            var origin_schedules = scheduleMap[key]
+            var schedules = []
+            for (let index = 0; index < origin_schedules.length; index++) {
+                const schedule = origin_schedules[index]
+                if (schedule.schedule_type == this.schedule_type_selected) {
+                schedules.push(schedule)
+                }
+            }
+            if (schedules.length > 0) {
+                _scheduleMap[key] = schedules
+            }
+            }
+
+            scheduleMap = _scheduleMap
+        }
+        for (var key in scheduleMap) {
+            let mapArr = scheduleMap[key]
+            for (let i = 0; i < mapArr.length; i++) {
+            mapArr[i]['new_advice'] = []
+            }
+        }
+
+        for (var key in scheduleMap) {
+            let mapArr = scheduleMap[key]
+            for (let i = 0; i < mapArr.length; i++) {
+            var maps = mapArr[i]
+            var resp_advices = maps.new_doctor_advice
+            if (resp_advices.length > 0) {
+                var newGroupObject = function () {
+                return Object.assign(
+                    {},
+                    {
+                    group_no: 0,
+                    advices: []
+                    }
+                )
+                }
+                var initGroupBlock = function (group, advice) {
+                group.group_no = advice.groupno
+                }
+
+                var advice_groups = []
+                var group = newGroupObject()
+                for (let index = 0; index < resp_advices.length; index++) {
+                const advice = resp_advices[index]
+                if (advice.groupno == 0) {
+                    // 老版本的医嘱
+                    if (advice.parent_id > 0) {
+                    if (advice_groups.length > 0) {
+                        var parent_group = advice_groups[advice_groups.length - 1]
+                        if (parent_group.advices.length > 0) {
+                        if (parent_group.advices[0].id == advice.parent_id) {
+                            parent_group.advices.push(advice)
+                        }
+                        }
+                    }
+                    continue
+                    } else {
+                    if (group.group_no > 0) {
+                        advice_groups.push(group)
+                        group = newGroupObject()
+                    }
+
+                    initGroupBlock(group, advice)
+                    group.advices.push(advice)
+                    advice_groups.push(group)
+                    group = newGroupObject()
+                    continue
+                    }
+                } else {
+                    if (group.group_no > 0 && group.group_no != advice.groupno) {
+                    advice_groups.push(group)
+                    group = newGroupObject()
+                    }
+                    if (group.group_no == 0) {
+                    initGroupBlock(group, advice)
+                    }
+                    if (group.group_no == advice.groupno) {
+                    group.advices.push(advice)
+                    }
+                }
+                }
+                if (group.group_no > 0) {
+                // 上述的算法会导致最后一组没有加到advice_groups，这里要手动加
+                advice_groups.push(group)
+                }
+                advice_groups = advice_groups
+            } else {
+                advice_groups = []
+            }
+            maps.new_advice = advice_groups
+            }
+        }
+        console.log("222222",scheduleMap)
+        return scheduleMap
+        },
+       
+    
+      
+    
+    },
+    created(){
+      var time = this.$route.query.time
+      var delivery_way = this.$route.query.delivery_way
+      this.org_id = this.$store.getters.xt_user.org.id
+      console.log("delivery_Way",delivery_way)
+      this.delivery_way = delivery_way
+      var execution_frequency = this.$route.query.execution_frequency
+      this.execution_frequency = execution_frequency
+      this.time = moment(time).format('YYYY-MM-DD')
+      console.log(11,this.$route.query)
+      this.requestSchedualDoctors(time)
+    }
+}
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+.signPrint{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding: 20px 10px;
+}
+.dialysisTable{
+    width:960px;
+    margin: 0 auto;
+    text-align: center;
+    border-collapse: collapse;
+}
+.order_title_panl {
+    text-align: center;
+
+    .main_title {
+      font-size: 18px;
+      line-height: 40px;
+      font-weight: 500;
+    }
+}
+.dialysisTable tr{
+    padding: 10px 0;
+}
+.dialysisTable th {
+    color: #000;
+    padding: 0;
+    margin: 0;
+    height: 30px;
+}
+.dialysisTable tr td {
+    padding: 12px 0;
+}
+.subadvice_content {
+    text-align: left;
+    padding-left: 25px !important;
+    padding-right: 5px !important;
+}
+.advice_content {
+    text-align: left;
+    padding-left: 5px !important;
+    padding-right: 5px !important;
+    padding: 15px 5px !important;
+}
+</style>

src/xt_pages/dialysis/template/DialysisPrintOrderFortyOne.vue

@@ -1658,20 +1658,42 @@ export default {
       }
       return ''
     },
+    // getAge: function(val) {
+    //   if (
+    //     this.org_template_info.template_id == 2 ||
+    //     this.org_template_info.template_id == 0
+    //   ) {
+    //     if (val.age == 0) {
+    //       return jsGetAge(val.birth, '-')
+    //     } else {
+    //       return val.age
+    //     }
+    //   } else {
+    //     return jsGetAge(val.birth, '-')
+    //   }
+    // },
     getAge: function(val) {
-      if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0
-      ) {
-        if (val.age == 0) {
-          return jsGetAge(val.birth, '-')
-        } else {
-          return val.age
-        }
-      } else {
-        return jsGetAge(val.birth, '-')
-      }
-    },
+     
+     if (val.id_card_no) {
+       var thisLen = val.id_card_no.length
+
+       var birth = ''
+       if (thisLen == 15) {
+         birth = '19' + val.id_card_no.substr(6, 6)
+       } else {
+         birth = val.id_card_no.substr(6, 8)
+       }
+       var birthtwo =
+         birth.substr(0, 4) +
+         '-' +
+         birth.substr(4, 2) +
+         '-' +
+         birth.substr(6, 2)
+
+       var age = jsGetAge(birthtwo, '-')
+       return age
+     }
+   },
     newAdviceGroupObject: function() {
       return Object.assign(
         {},

src/xt_pages/dialysis/template/DialysisPrintOrderSix.vue

@@ -65,12 +65,18 @@
             </div>
             岁
           </div>
-          <div class="inline_block">
+          <div class="inline_block" v-if="receiverTreatmentAccess.condition!=1">
             门诊：
             <div class="under_line" style="width: 30px; text-align: center">
               <check-box :checked="patientInfo_source_1"></check-box>
             </div>
           </div>
+          <div class="inline_block" v-if="receiverTreatmentAccess.condition==1">
+            住院：
+            <div class="under_line" style="width: 30px; text-align: center">
+              <check-box :checked="receiverTreatmentAccess.condition == 1"></check-box>
+            </div>
+          </div>
           <div class="inline_block">
             病区：
             <div class="under_line" style="width: 50px; text-align: center">
@@ -745,6 +751,7 @@
                       </div>
                     </div>
                     <div
+                     
                       class="inline_block"
                       style="margin-left: 10px; flex: 1"
                     >
@@ -1447,20 +1454,14 @@
                         <td width="60" v-if="org_id == 9671">血温(°C)</td>
                         <td width="60" v-if="org_id!=9836&&org_id!=9919&&org_id!=9671">透析液温度(°C)</td>
                         <td width="50" v-if="org_id != 10121">
-                          <span v-if="org_id != 0 && org_id !=10469"> 电导度<br />(ms/cm)</span> 
-                          <span v-if="org_id == 0 || org_id ==10469"> 钠浓度<br />(mmol/L)</span> 
+                          <span v-if="org_id != 0 && org_id !=10469 && org_id!=10490"> 电导度<br />(ms/cm)</span> 
+                          <span v-if="org_id ==10469"> 钠浓度<br />(mmol/L)</span> 
+                          <span v-if="org_id == 0 || org_id == 10490"> 置换液的速度<br />(ml/h)</span> 
                         </td>
                         <td width="50" v-if="org_id == 10121">SpO₂<br />(%)</td>
                         <td width="50" v-if="org_id != 3877 && org_id != 10449 && org_id != 0">超滤量<br />(ml)</td>
                         <td width="50" v-if="org_id ==3877 || org_id == 10449 || org_id ==0">累计超滤量<br />(ml)</td>
-                        <td
-                          v-if="
-                            prescription.mode_id == 2 ||
-                            prescription.mode_id == 5 ||
-                            prescription.mode_id == 12
-                          "
-                          width="50"
-                        >
+                        <td v-if="(prescription.mode_id == 2 ||prescription.mode_id == 5 ||prescription.mode_id == 12) &&org_id!=10478 && org_id!=0" width="50">
                           置换量<br />(ml)
                         </td>
                         <td width="50" v-if="org_id == 3877 || org_id == 0 || org_id == 10449">滤前压(mmHg)</td>
@@ -1468,6 +1469,7 @@
                         <td width="50" v-if="org_id == 9919">在线尿素监测</td>  
                         <td width="50" v-if="org_id == 9671">在线尿素监测</td>  
                         <td width="50" v-if="org_id == 9538 || org_id == 9919 || org_id== 9671">血容量<br />(L)</td>
+                        <td width="50" v-if="org_id == 10490 || org_id == 0">碳酸氢钠<br />(ml)</td>
                         <td width="200">病情变化及处理</td>
                       </tr>
 
@@ -1542,9 +1544,9 @@
 
 
                         <td v-if="org_id != 9538 &&org_id != 10121">
-                          <span v-if="org_id!=0&&org_id!=10469"> {{ monitor.conductivity ? monitor.conductivity : "" }}</span>
-                          <span v-if="org_id==0||org_id==10469"> {{ monitor.sodium_concentration ? monitor.sodium_concentration : "" }}</span>
-                          
+                          <span v-if="org_id!=0&&org_id!=10469 && org_id!=10490"> {{ monitor.conductivity ? monitor.conductivity : "" }}</span>
+                          <span v-if="org_id==10469"> {{ monitor.sodium_concentration ? monitor.sodium_concentration : "" }}</span>
+                          <span v-if="org_id==0||org_id==10490"> {{ monitor.replacement_speed ? monitor.replacement_speed : "" }}</span>
                         </td>
 
                       
@@ -1563,9 +1565,10 @@
                         </td> -->
                         <td
                           v-if="
-                            prescription.mode_id == 2 ||
+                            (prescription.mode_id == 2 ||
                             prescription.mode_id == 5 ||
-                            prescription.mode_id == 12
+                            prescription.mode_id == 12)
+                            && org_id!=0 && org_id!=10478
                           "
                           style="width: 50px"
                         >
@@ -1584,6 +1587,9 @@
                         <td width="50" v-if="org_id == 9538 || org_id == 9919 || org_id == 9671">
                           {{ monitor.accumulated_blood_volume }}
                         </td>
+                        <td width="50" v-if="org_id ==10490 || org_id == 0">
+                          {{ monitor.dicarbonate }}
+                        </td>
                         <td style="line-height: 16px; padding: 0px">
                           <div
                             style="
@@ -1638,14 +1644,15 @@
                         <td v-if="org_id == 9671 || org_id == 9919"></td>
                         <td
                           v-if="
-                            prescription.mode_id == 2 ||
+                            (prescription.mode_id == 2 ||
                             prescription.mode_id == 5 ||
-                            prescription.mode_id == 12
+                            prescription.mode_id == 12) && org_id!=10478
                           "
                           width="50"
                         ></td>
                         <td v-if="org_id == 9919||org_id == 9538 || org_id == 9671"></td>
                         <td v-if="org_id == 9538"></td>
+                        <td v-if="org_id == 10490 || org_id == 0"></td>
                         <td style="line-height: 16px; padding: 0px">
                           <div
                             style="
@@ -1872,12 +1879,18 @@
               </div>
               岁
             </div>
-            <div class="inline_block">
-              门诊：
-              <div class="under_line" style="width: 30px; text-align: center">
-                <check-box :checked="patientInfo_source_1"></check-box>
-              </div>
+            <div class="inline_block" v-if="receiverTreatmentAccess.condition!=1">
+            门诊：
+            <div class="under_line" style="width: 30px; text-align: center">
+              <check-box :checked="patientInfo_source_1"></check-box>
+            </div>
+          </div>
+          <div class="inline_block" v-if="receiverTreatmentAccess.condition==1">
+            住院：
+            <div class="under_line" style="width: 30px; text-align: center">
+              <check-box :checked="receiverTreatmentAccess.condition == 1"></check-box>
             </div>
+          </div>
             <div class="inline_block">
               病区：
               <div class="under_line" style="width: 50px; text-align: center">
@@ -3921,18 +3934,40 @@ export default {
       }
       return "";
     },
-    getAge: function (val) {
-      if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0
-      ) {
-        if (val.age == 0) {
-          return jsGetAge(val.birth, "-");
+    // getAge: function (val) {
+    //   if (
+    //     this.org_template_info.template_id == 2 ||
+    //     this.org_template_info.template_id == 0
+    //   ) {
+    //     if (val.age == 0) {
+    //       return jsGetAge(val.birth, "-");
+    //     } else {
+    //       return val.age;
+    //     }
+    //   } else {
+    //     return this.getoldAge();
+    //   }
+    // },
+    getAge: function(val) {
+     
+      if (val.id_card_no) {
+        var thisLen = val.id_card_no.length
+
+        var birth = ''
+        if (thisLen == 15) {
+          birth = '19' + val.id_card_no.substr(6, 6)
         } else {
-          return val.age;
+          birth = val.id_card_no.substr(6, 8)
         }
-      } else {
-        return this.getoldAge();
+        var birthtwo =
+          birth.substr(0, 4) +
+          '-' +
+          birth.substr(4, 2) +
+          '-' +
+          birth.substr(6, 2)
+
+        var age = jsGetAge(birthtwo, '-')
+        return age
       }
     },
     newAdviceGroupObject: function () {

src/xt_pages/dialysis/template/DialysisPrintOrderSixtyfour.vue

@@ -20,7 +20,9 @@
           <h1 style="text-align: center;">血液透析(滤过)记录表单</h1>
           <div>
             <div>
-              <div style="display:inline-block; ;">病历号：</div>
+              <div style="display:inline-block; ;">病历号：
+                {{patientInfo.record_number?patientInfo.record_number:"" }}
+              </div>
               <div style="display:inline-block;margin-left: 90px;">
                 姓名：{{ patientInfo.name }}
               </div>
@@ -54,7 +56,8 @@
                 <td colspan="3" style="border:1px solid black">
                   <div style="display: inline-block; word-break: break-all;word-wrap: break-word;">
                     上机前病情：
-                    {{ predialysis.symptom_before_dialysis ? predialysis.symptom_before_dialysis : "/" }}
+                    <!-- {{ predialysis.symptom_before_dialysis ? predialysis.symptom_before_dialysis : "/" }} -->
+                    {{ predialysis.befor_symptoms? predialysis.befor_symptoms:"" }}
                   </div>
 
                 </td>
@@ -63,7 +66,7 @@
                 <td colspan="3">
                   <div style="display: inline-block; word-break: break-all;word-wrap: break-word;">
                     疾病诊断：
-                    {{ patientInfo.diagnose }}
+                    {{ getDiagnosis(prescriptionInfo.patient_diagnosis) }}
                   </div>
                 </td>
               </tr>
@@ -74,30 +77,31 @@
                     <span v-else-if="prescription.mode_id == 1">HD</span>
                     <span v-else-if="prescription.mode_id == 2">HDF</span>
                     <span v-else-if="prescription.mode_id == 3">HD+HP</span>
-                    <span v-else-if="prescription.mode_id == 4">HF</span>
-                    <span v-else-if="prescription.mode_id == 5">SCUF</span>
-                    <span v-else-if="prescription.mode_id == 6">IUF</span>
-                    <span v-else-if="prescription.mode_id == 7">HFHD</span>
-                    <span v-else-if="prescription.mode_id == 8">HFHD+HP</span>
-                    <span v-else-if="prescription.mode_id == 9">PHF</span>
-                    <span v-else-if="prescription.mode_id == 10">HFR</span>
-                    <span v-else-if="prescription.mode_id == 11">HDF+HP</span>
-                    <span v-else-if="prescription.mode_id == 12">CRRT</span>
-                    <span v-else-if="prescription.mode_id == 13">腹水回输</span>
-                    <span v-else-if="prescription.mode_id == 14">IUF+HD</span>
-                    <span v-else-if="prescription.mode_id == 15">UF</span>
-                    <span v-else-if="prescription.mode_id == 16">HD+</span>
-                    <span v-else-if="prescription.mode_id == 17">血浆胆红素吸附+HDF</span>
-                    <span v-else-if="prescription.mode_id == 18">血浆胆红素吸附</span>
-                    <span v-else-if="prescription.mode_id == 19">I-HDF</span>
-                    <span v-else-if="prescription.mode_id == 20">HD高通</span>
-                    <span v-else-if="prescription.mode_id == 21">CVVH</span>
-                    <span v-else-if="prescription.mode_id == 22">CVVHD</span>
-                    <span v-else-if="prescription.mode_id == 23">CVVHDF</span>
-                    <span v-else-if="prescription.mode_id == 24">PE</span>
-                    <span v-else-if="prescription.mode_id == 25">血浆胆红素吸附+HP</span>
-                    <span v-else-if="prescription.mode_id == 26">HPD</span>
-                    <span v-else-if="prescription.mode_id == 27">HDP</span>
+                    <span v-else-if="prescription.mode_id == 4">HP</span>
+                    <span v-else-if="prescription.mode_id == 5">HF</span>
+                    <span v-else-if="prescription.mode_id == 6">SCUF</span>
+                    <span v-else-if="prescription.mode_id == 7">IUF</span>
+                    <span v-else-if="prescription.mode_id == 8">HFHD</span>
+                    <span v-else-if="prescription.mode_id == 9">HFHD+HP</span>
+                    <span v-else-if="prescription.mode_id == 10">PHF</span>
+                    <span v-else-if="prescription.mode_id == 11">HFR</span>
+                    <span v-else-if="prescription.mode_id == 12">HDF+HP</span>
+                    <span v-else-if="prescription.mode_id == 13">CRRT</span>
+                  
+                    <span v-else-if="prescription.mode_id == 19">IUF+HD</span>
+                    <span v-else-if="prescription.mode_id == 20">UF</span>
+                    <span v-else-if="prescription.mode_id == 21">HD+</span>
+                    <span v-else-if="prescription.mode_id == 22">血浆胆红素吸附+HDF</span>
+                    <span v-else-if="prescription.mode_id == 23">血浆胆红素吸附</span>
+                    <span v-else-if="prescription.mode_id == 24">I-HDF</span>
+                    <span v-else-if="prescription.mode_id == 25">HD高通</span>
+                    <span v-else-if="prescription.mode_id == 26">CVVH</span>
+                    <span v-else-if="prescription.mode_id == 27">CVVHD</span>
+                    <span v-else-if="prescription.mode_id == 28">CVVHDF</span>
+                    <span v-else-if="prescription.mode_id == 29">PE</span>
+                    <span v-else-if="prescription.mode_id == 30">血浆胆红素吸附+HP</span>
+                    <span v-else-if="prescription.mode_id == 31">HPD</span>
+                    <span v-else-if="prescription.mode_id == 32">HDP</span>
                 </td>
                 <td>
                   <span
@@ -765,7 +769,9 @@ export default {
       adminUser: [],
       bloodAccessParOpera: {},
       lastafterdialysis: {},
-      projects:[]
+      projects:[],
+      prescriptionInfo:{},
+      patientDiagnose:[]
     };
   },
   computed: {},
@@ -886,7 +892,8 @@ export default {
         // this.receiverTreatmentAccess =
         //     response.data.data.receiverTreatmentAccess;
         this.assessmentafter = response.data.data.assessmentAfterDislysis;
-
+        this.prescriptionInfo = response.data.data.prescriptionInfo
+        this.patientDiagnose = response.data.data.patientDiagnose
         // this.sick_condition_arr.forEach((o) => {
         //     if (this.receiverTreatmentAccess.sick_condition == o.id) {
         //     this.sick_condition = o.name;
@@ -981,11 +988,12 @@ export default {
 
         let projects = [];
         response.data.data.projects.map((item) => {
-          if (item.type == 2) {
+          if (item.type == 2 && item.project.is_print == 1) {
             projects.push(item);
           }
         });
         this.projects = projects;
+
         if (this.doctor_advices.length + this.projects.length <= 6) {
           var nl = 6 - (this.doctor_advices.length + this.projects.length);
           this.print_length = 6;
@@ -1004,20 +1012,22 @@ export default {
         console.log("advices",this.advices)
         console.log("this.projects", this.projects);
 
-        var objProject = {advice_name:"",start_time:"",single_dose:"",single_dose_unit:"",}
+        // var objProject = {advice_name:"",start_time:"",single_dose:"",single_dose_unit:"",}
         if(this.projects!=null && this.projects.length >0){
            for(let i=0;i<this.projects.length;i++){
-              if(this.projects[i].project_id ==  7620){
-                 objProject.advice_name = this.projects[i].project.project_name
-                 objProject.start_time = this.projects[i].start_time
-                 objProject.single_dose = this.projects[i].single_dose
-                 objProject.single_dose_unit = this.projects[i].unit
-                 objProject.execution_time = this.projects[i].execution_time
-                 objProject.execution_staff= this.projects[i].execution_staff
-              }
+             if(this.projects[i].type== 2){
+              this.projects[i].advice_name = this.projects[i].project.project_name
+              this.projects[i].start_time = this.projects[i].start_time
+              this.projects[i].single_dose = this.projects[i].single_dose
+              this.projects[i].single_dose_unit = this.projects[i].unit
+              this.projects[i].execution_time = this.projects[i].execution_time
+              this.projects[i].execution_staff= this.projects[i].execution_staff 
+              this.advices.push(this.projects[i])
+             }
+             
            }
         }
-        this.advices.push(objProject)
+        
 
         var tableAdvice = this.advices;
 
@@ -1098,6 +1108,8 @@ export default {
           this.advices = tableAdvice;
         }
 
+        console.log("advices-----------------",this.advices)
+
  
          
 
@@ -1164,20 +1176,52 @@ export default {
       }
       return ''
     },
+    // getAge: function (val) {
+    //   if (
+    //     this.org_template_info.template_id == 2 ||
+    //     this.org_template_info.template_id == 0
+    //   ) {
+    //     if (val.age == 0) {
+    //       return jsGetAge(val.birth, "-");
+    //     } else {
+    //       return val.age;
+    //     }
+    //   } else {
+    //     return jsGetAge(val.birth, "-");
+    //   }
+    // },
     getAge: function (val) {
-      if (
-        this.org_template_info.template_id == 2 ||
-        this.org_template_info.template_id == 0
-      ) {
-        if (val.age == 0) {
-          return jsGetAge(val.birth, "-");
+      if(val!=undefined){
+        var thisLen = val.id_card_no.length;
+        var birth = "";
+        if (thisLen == 15) {
+          birth = "19" + val.id_card_no.substr(6, 6);
         } else {
-          return val.age;
+          birth = val.id_card_no.substr(6, 8);
         }
-      } else {
-        return jsGetAge(val.birth, "-");
+        var birthtwo =
+          birth.substr(0, 4) +
+          "-" +
+          birth.substr(4, 2) +
+          "-" +
+          birth.substr(6, 2);
+
+        var age = jsGetAge(birthtwo, "-");
+        return age;
       }
+    
     },
+   
+    getDiagnosis(id) {
+      let arr = id.split(',')
+      var name = ''
+      for (let i = 0; i < this.patientDiagnose.length; i++) {
+        if (arr.indexOf(String(this.patientDiagnose[i].id)) > -1) {
+          name += this.patientDiagnose[i].class_name + ' '
+        }
+      }
+      return name
+    }
   },
   created() {
     var bloodAccessParOpera = getDataConfig(

src/xt_pages/dialysis/template/DialysisPrintOrderThirteen.vue

@@ -129,10 +129,19 @@
             </div>
             <div class="inline_block" style="margin-right:30px;">
               透析液配方
-              <div class="inline_block under_line" style="width:150px;text-align: center;">
+              <div class="inline_block under_line" style="width:100px;text-align: center;">
                   {{ prescription.dialysate_formulation_name ? prescription.dialysate_formulation_name : ''}}
               </div>
             </div>
+           
+            <div class="inline_block" style="margin-right:30px;">
+              通路形成时间
+              <div class="inline_block under_line" style="width:100px;text-align: center;">
+                {{getTimeOne(predialysis.pathway_formation_time) }}
+              </div>
+            </div>
+          
+         
         </div>
         <div class="row">
           血管通路
@@ -162,17 +171,42 @@
             <label-box :isChecked="predialysis.blood_access_part_id.indexOf('其他')>-1?true:false" showValue="其他"></label-box>
             &nbsp;
           </div>
+        
         </div>
         <div class="row">
           导管
-          <div class="inline_block under_line" style="width:200px;text-align: left;">
+          <div class="inline_block under_line" style="width:95%;text-align: left;">
             {{ predialysis.catheter ? predialysis.catheter : "" }}
           </div>
+        
+         
+        </div>
+        <div class="row">
           内瘘
-          <div class="inline_block under_line" style="width:200px;text-align: left;">
+          <div class="inline_block under_line" style="width:95%;text-align: left;">
             {{ predialysis.internal_fistula ? predialysis.internal_fistula : "" }}
           </div>
         </div>
+        <div class="row">
+          <!-- 导管评估项目
+          <div class="inline_block under_line" style="width:200px;text-align: left;">
+            {{ predialysis.catheter_evaluation_program ? predialysis.catheter_evaluation_program : "" }}
+          </div>
+          置管部位皮肤
+          <div class="inline_block under_line" style="width:200px;text-align: left;">
+            {{ predialysis.skin_site_catheterization ? predialysis.skin_site_catheterization : "" }}
+          </div>
+          是否通畅
+          <div class="inline_block under_line" style="width:100px;text-align: left;">
+             <span v-if="predialysis.whether_unobstructed ==1">是</span>
+             <span v-if="predialysis.whether_unobstructed ==2">否</span>
+          </div> -->
+          <!-- 留置必要
+          <div class="inline_block under_line" style="width:100px;text-align: left;">
+            <span v-if="predialysis.lien_necessary ==1">是</span>
+            <span v-if="predialysis.lien_necessary ==2">否</span>
+          </div> -->
+        </div>
         <div class="row">
           抗凝药物
           <div class="inline_block under_line" style="width:92%;text-align: left;">
@@ -913,6 +947,17 @@ export default {
       }
       return ''
     },
+
+    getTimeOne(val) {
+        if(val < 0){
+          return ""
+        }
+        if(val == ""){
+        return ""
+        }else {
+        return uParseTime(val, '{y}-{m}-{d}')
+        }
+     },
     printThisPage() {
       var ptime = Math.round(new Date().getTime() / 1000)
       this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')

src/xt_pages/dialysis/template/DialysisPrintOrderTwentySeven.vue

@@ -2277,11 +2277,32 @@ export default {
       }
       return ''
     },
+    // getAge: function(val) {
+    //   if (val.birthday != 0) {
+    //     return jsGetAge(val.birth, '-')
+    //   }
+    //   return ''
+    // },
     getAge: function(val) {
-      if (val.birthday != 0) {
-        return jsGetAge(val.birth, '-')
+      if (val.id_card_no == undefined) {
+        return false
       }
-      return ''
+      var thisLen = val.id_card_no.length
+      var birth = ''
+      if (thisLen == 15) {
+        birth = '19' + val.id_card_no.substr(6, 6)
+      } else {
+        birth = val.id_card_no.substr(6, 8)
+      }
+      var birthtwo =
+        birth.substr(0, 4) +
+        '-' +
+        birth.substr(4, 2) +
+        '-' +
+        birth.substr(6, 2)
+
+      var age = jsGetAge(birthtwo, '-')
+      return age
     },
     checkIdCardNo(val) {
       var thisLen = val.length

src/xt_pages/home/index.vue

@@ -87,13 +87,18 @@
 
             <el-table-column label="检查日期" align="center">
               <template slot-scope="scope">
+                
                 <span
                   v-if="dateCompare(scope.row.infectious_next_record_time) == 1"
-                >{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
+                >
+                <span v-if="parseInt(scope.row.infectious_next_record_time)>100000000">{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span> 
+                </span>
                 <span
                   v-if="dateCompare(scope.row.infectious_next_record_time) == 2"
                   style="color: red"
-                >{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span>
+                >
+                <span v-if="parseInt(scope.row.infectious_next_record_time)>100000000">{{ scope.row.infectious_next_record_time | parseTime('{y}-{m}-{d}')}}</span> 
+              </span>
               </template>
             </el-table-column>
 

src/xt_pages/hospitalStation/batchStatementTemplate/hospitalBatchPrint.vue

@@ -1,421 +1,420 @@
 <template>
-    <div id="statement-print" class="statement-print">
-      <div  v-for="(info,index) in infos">
-      <div class="statementTitle">广东省社会医疗保险医疗费用结算单</div>
-      <table class="statementTable" border="1">
-        <tr>
-          <td width="80">机构名称</td>
-          <td colspan="4">{{info.fixmedins_name}}</td>
-          <td width="80">机构编码</td>
-          <td colspan="4">{{info.fixmedins_code}}</td>
-          <td width="100">医保结算级别</td>
-          <td width="100" v-if="info.hosp_lv == '1'">三级特等</td>
-          <td width="100" v-if="info.hosp_lv == '2'">三级甲等</td>
-          <td width="100" v-if="info.hosp_lv == '3'">三级乙等</td>
-          <td width="100" v-if="info.hosp_lv == '4'">三级丙等</td>
-          <td width="100" v-if="info.hosp_lv == '5'">二级甲等</td>
-          <td width="100" v-if="info.hosp_lv == '6'">二级乙等</td>
-          <td width="100" v-if="info.hosp_lv == '7'">二级丙等</td>
-          <td width="100" v-if="info.hosp_lv == '8'">一级甲等</td>
-          <td width="100" v-if="info.hosp_lv == '9'">一级乙等</td>
-          <td width="100" v-if="info.hosp_lv == '10'">一级丙等</td>
-          <td width="100" v-if="info.hosp_lv == '11'">无等级</td>
-          <td width="100" v-else></td>
-  
-        </tr>
-        <tr>
-          <td width="90">就医登记号</td>
-          <td colspan="11">{{info.mdtrt_id}}</td>
-        </tr>
-        <tr>
-          <td width="80">姓名</td>
-          <td width="80">{{info.psn_name}}</td>
-          <td width="80">性别</td>
-          <td width="50" v-if="info.gend == '1'">男</td>
-          <td width="50" v-if="info.gend == '2'">女</td>
-  
-          <td width="80">出生日期</td>
-          <td width="100">{{info.brdy}}</td>
-          <td width="90">个人电脑号</td>
-          <td width="110">{{info.psn_no}}</td>
-          <td width="80">人员类别</td>
-          <td colspan="3" v-if="info.psn_type == '11'">在职</td>
-          <td colspan="3" v-if="info.psn_type == '1101'">职工在职</td>
-          <td colspan="3" v-if="info.psn_type == '1102'">公务员在职</td>
-          <td colspan="3" v-if="info.psn_type == '1103'">灵活就业人员在职</td>
-          <td colspan="3" v-if="info.psn_type == '1160'">地方其他扩展人员</td>
-  
-  
-          <td colspan="3" v-if="info.psn_type == '12'">退休人员</td>
-          <td colspan="3" v-if="info.psn_type == '1201'">职工退休</td>
-          <td colspan="3" v-if="info.psn_type == '1202'">公务员退休</td>
-          <td colspan="3" v-if="info.psn_type == '1203'">灵活就业人员退休</td>
-          <td colspan="3" v-if="info.psn_type == '1260'">地方其他扩展人员</td>
-  
-  
-          <td colspan="3" v-if="info.psn_type == '13'">离休</td>
-          <td colspan="3" v-if="info.psn_type == '1300'">离休人员</td>
-          <td colspan="3" v-if="info.psn_type == '1360'">地方其他扩展人员</td>
-  
-          <td colspan="3" v-if="info.psn_type == '14'">居民(未成年)</td>
-          <td colspan="3" v-if="info.psn_type == '1401'">新生儿</td>
-          <td colspan="3" v-if="info.psn_type == '1402'">学龄前儿童</td>
-          <td colspan="3" v-if="info.psn_type == '1403'">中小学生</td>
-          <td colspan="3" v-if="info.psn_type == '1404'">大学生</td>
-          <td colspan="3" v-if="info.psn_type == '1405'">未成年(未入学)</td>
-  
-  
-          <td colspan="3" v-if="info.psn_type == '15'">居民(成年)</td>
-          <td colspan="3" v-if="info.psn_type == '1501'">普通居民(成年)</td>
-          <td colspan="3" v-if="info.psn_type == '1560'">地方其他扩展身份</td>
-  
-          <td colspan="3" v-if="info.psn_type == '16'">居民(老年)</td>
-  
-  
-  
-        </tr>
-        <tr>
-          <td>单位名称</td>
-          <td colspan="5">{{info.emp_name}}</td>
-          <td width="80">联系电话</td>
-          <td width="110">{{info.patient.phone}}</td>
-          <td width="80">身份证号</td>
-          <td colspan="3">{{info.certno}}</td>
-        </tr>
-        <tr>
-          <td>住院号</td>
-          <td>{{info.number}}</td>
-          <td>科别</td>
-          <td width="100"></td>
-          <td>床号</td>
-          <td></td>
-          <td>入院日期</td>
-          <td>{{info.begndate}}</td>
-          <td>出院日期</td>
-          <td width="100">{{info.enddate}}</td>
-          <td>住院天数</td>
-          <td>{{getDay(info.begndate,info.enddate)}}</td>
-  
-        </tr>
-        <tr>
-          <td>险种</td>
-          <td colspan="2" v-if="info.insutype == '310'">职工基本医疗保险</td>
-          <td colspan="2" v-if="info.insutype == '320'">公务员医疗补助</td>
-          <td colspan="2" v-if="info.insutype == '330'">大额医疗费用补助</td>
-          <td colspan="2" v-if="info.insutype == '340'">离休人员医疗保障</td>
-          <td colspan="2" v-if="info.insutype == '390'">城乡居民基本医疗保险</td>
-          <td colspan="2" v-if="info.insutype == '392'">城乡居民大病医疗保险</td>
-          <td colspan="2" v-if="info.insutype == '510'">生育保险</td>
-          <td>入院第一诊断</td>
-          <td colspan="3">{{info.diagnosis}}</td>
-          <td>出院第一诊断</td>
-          <td colspan="4">{{info.diagnosis}}</td>
-  
-  
-        </tr>
-        <tr>
-          <td>业务类别</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '11'">普通门诊</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '12'">门诊挂号</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '13'">急诊</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '14'">门诊慢性病</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '15'">门诊统筹</td>
-          <!--        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '16'">门诊慢性病</td>-->
-          <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '21'">普通住院</td>
-  
-          <td>结算时间</td>
-          <td colspan="5" style="text-align:left;padding-left:10px;">{{info.setl_time.split(' ')[0]}}</td>
-        </tr>
-        <tr>
-          <td colspan="12" style="text-align:left;padding-left:10px;">
-            本次就医：总费用{{info.medfee_sumamt}}元，基金支付{{info.fund_pay_sumamt}}元，个人支付{{info.psn_pay}}元。
-            (起付线 {{info.act_pay_dedc}}元, 先自付 {{info.preselfpay_amt}}元, 段内自付 {{(info.psn_pay - info.preselfpay_amt).toFixed(2)}} )
-  
-          </td>
-        </tr>
-        <tr>
-          <td>费用名称</td>
-          <td colspan="2">总费用</td>
-          <td>自费</td>
-          <td colspan="2">部分项目自付</td>
-          <td>费用名称</td>
-          <td colspan="2">总费用</td>
-          <td>自费</td>
-          <td colspan="2">部分项目自付</td>
-        </tr>
-        <tr>
-          <td>床位费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.bed_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_part_self_total}}</td>
-          <td>西成药</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_part_self_total}}</td>
-        </tr>
-        <tr>
-          <td>中药费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td>中成药</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_total}}
-          </td>
-          <td style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">
-            {{info.chinese_traditional_medicine_cost_part_self_total}}
-          </td>
-        </tr>
-        <tr>
-          <td>中草药</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td>检查费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.check_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_part_self_total}}</td>
-        </tr>
-        <tr>
-          <td>治疗费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.treat_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_part_self_total}}</td>
-          <td>放射费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-        </tr>
-        <tr>
-          <td>手术费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.operation_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_part_self_total}}</td>
-          <td>化验费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.laboratory_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_part_self_total}}</td>
-        </tr>
-        <tr>
-          <td>输血费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td>输氧费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-        </tr>
-        <tr>
-          <td>其他</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.other_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_part_self_total}}</td>
-          <td>麻醉费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-        </tr>
-        <tr>
-          <td>材料费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_total}}</td>
-          <td style="text-align:right;padding-right:10px;">{{info.material_cost_self_total}}</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_part_self_total}}</td>
-          <td>特殊检查费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-        </tr>
-        <tr>
-          <td>特殊治疗费</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;">0</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
-          <td style="text-align:right;padding-right:10px;"></td>
-          <td colspan="2" style="text-align:right;padding-right:10px;"></td>
-          <td style="text-align:right;padding-right:10px;"></td>
-          <td colspan="2" style="text-align:right;padding-right:10px;"></td>
-        </tr>
-        <tr>
-          <td>合计</td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_total) +
-            parseFloat(info.operation_cost_total) + parseFloat(info.other_cost_total) +
-            parseFloat(info.material_cost_total) + parseFloat(info.western_medicine_cost_total) +
-            parseFloat(info.chinese_traditional_medicine_cost_total) + parseFloat(info.check_cost_total) +
-            parseFloat(info.laboratory_cost_total) + parseFloat(info.treat_cost_total)).toFixed(2) }}
-          </td>
-          <td style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_self_total )+
-            parseFloat(info.operation_cost_self_total) + parseFloat(info.other_cost_self_total) +
-            parseFloat(info.material_cost_self_total) + parseFloat(info.western_medicine_cost_self_total) +
-            parseFloat(info.chinese_traditional_medicine_cost_self_total) + parseFloat(info.check_cost_self_total) +
-            parseFloat(info.laboratory_cost_self_total) + parseFloat(info.treat_cost_self_total)).toFixed(2)}}
-          </td>
-          <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_part_self_total) +
-            parseFloat(info.operation_cost_part_self_total) + parseFloat(info.other_cost_part_self_total) +
-            parseFloat(info.material_cost_part_self_total) + parseFloat(info.western_medicine_cost_part_self_total) +
-            parseFloat(info.chinese_traditional_medicine_cost_part_self_total) +
-            parseFloat(info.check_cost_part_self_total) + parseFloat(info.laboratory_cost_part_self_total) +
-            parseFloat(info.treat_cost_part_self_total)).toFixed(2)}}
-          </td>
-          <td style="text-align:right;padding-right:10px;"></td>
-          <td colspan="2" style="text-align:right;padding-right:10px;"></td>
-          <td style="text-align:right;padding-right:10px;"></td>
-          <td colspan="2" style="text-align:right;padding-right:10px;"></td>
-        </tr>
-        <tr>
-          <td colspan="3" style="text-align:left;padding-left:10px;">基本医疗保险统筹基金支付</td>
-          <td colspan="3">{{info.hifp_pay}}</td>
-          <td colspan="3" style="text-align:left;padding-left:10px;">大额基金支付</td>
-          <td colspan="3">{{info.hifob_pay}}</td>
-        </tr>
-        <tr>
-          <td colspan="3" style="text-align:left;padding-left:10px;">大病基金支付</td>
-          <td colspan="3">{{info.hifmi_pay}}</td>
-          <td colspan="3" style="text-align:left;padding-left:10px;">补充保险基金支付</td>
-          <td colspan="3">{{info.hifes_pay}}</td>
-        </tr>
-        <tr>
-          <td colspan="3" style="text-align:left;padding-left:10px;">医疗救助基金支付</td>
-          <td colspan="3">{{info.maf_pay}}</td>
-          <td colspan="3" style="text-align:left;padding-left:10px;">公务员基金支付</td>
-          <td colspan="3">{{info.cvlserv_pay}}</td>
-        </tr>
-  
-        <tr>
-          <td colspan="3" style="text-align:left;padding-left:10px;">其他基金支付</td>
-          <td colspan="3">{{info.oth_pay}}</td>
-          <td colspan="3" style="text-align:left;padding-left:10px;">个人账户支付</td>
-          <td colspan="3">{{info.acct_pay}}</td>
-        </tr>
-        <tr>
-          <td>收款人:</td>
-          <td colspan="2">{{info.charge_admin.user_name}}</td>
-          <td>审核人:</td>
-          <td colspan="2">{{info.p_admin.user_name}}</td>
-          <td>制单人:</td>
-          <td colspan="2">{{info.p_admin.user_name}}</td>
-          <td>打印日期</td>
-          <td colspan="2">{{getNowTime()}}</td>
-        </tr>
-        <tr>
-          <td colspan="12" style="text-align:left;padding-left:10px;line-height:20px;">
-            注: 1、部分项目自付金额是指基本医疗保险范围内的项目需参保人先按规定比例自付的金额。<br/>
-            &ensp;&ensp;&ensp;2、此表由医院打印。<br/>
-            &ensp;&ensp;&ensp;3、此表一式两份，医院、参保人各一份。
-          </td>
-        </tr>
-        <tr>
-          <td colspan="12" style="text-align:left;padding-left:10px;">
-            病人家属签字:
-          </td>
-        </tr>
-      </table>
-    </div>
-    </div>
-  </template>
-  <script>
-  
-  export default {
-    name: 'hospitalBatchPrint',
-    props: {
-      infos:{
-        type: Array,
-        default: function() {
-          return []
-        }
-      },
-      info: {
-        type: Object,
-        default: function() {
-          return {}
-        }
-      }, p_admin: {
-        type: Object,
-        default: function() {
-          return {}
-        }
-      }, charge_admin: {
-        type: Object,
-        default: function() {
-          return {}
-        },
-      },his: {
-        type: Object,
-        default: function() {
-          return {}
-        },
-      },his_record: {
-        type: Object,
-        default: function() {
-          return {}
-        },
-      },patient:{
-        type: Object,
-        default: function() {
-          return {}
-        },
-  
+  <div id="statement-print" class="statement-print">
+    <div  v-for="(info,index) in infos">
+    <div class="statementTitle">广东省社会医疗保险医疗费用结算单</div>
+    <table class="statementTable" border="1">
+      <tr>
+        <td width="80">机构名称</td>
+        <td colspan="4">{{info.fixmedins_name}}</td>
+        <td width="80">机构编码</td>
+        <td colspan="4">{{info.fixmedins_code}}</td>
+        <td width="100">医保结算级别</td>
+        <td width="100" v-if="info.hosp_lv == '1'">三级特等</td>
+        <td width="100" v-if="info.hosp_lv == '2'">三级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '3'">三级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '4'">三级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '5'">二级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '6'">二级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '7'">二级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '8'">一级甲等</td>
+        <td width="100" v-if="info.hosp_lv == '9'">一级乙等</td>
+        <td width="100" v-if="info.hosp_lv == '10'">一级丙等</td>
+        <td width="100" v-if="info.hosp_lv == '11'">无等级</td>
+        <td width="100" v-else></td>
+
+      </tr>
+      <tr>
+        <td width="90">就医登记号</td>
+        <td colspan="11">{{info.mdtrt_id}}</td>
+      </tr>
+      <tr>
+        <td width="80">姓名</td>
+        <td width="80">{{info.psn_name}}</td>
+        <td width="80">性别</td>
+        <td width="50" v-if="info.gend == '1'">男</td>
+        <td width="50" v-if="info.gend == '2'">女</td>
+
+        <td width="80">出生日期</td>
+        <td width="100">{{info.brdy}}</td>
+        <td width="90">个人电脑号</td>
+        <td width="110">{{info.psn_no}}</td>
+        <td width="80">人员类别</td>
+        <td colspan="3" v-if="info.psn_type == '11'">在职</td>
+        <td colspan="3" v-if="info.psn_type == '1101'">职工在职</td>
+        <td colspan="3" v-if="info.psn_type == '1102'">公务员在职</td>
+        <td colspan="3" v-if="info.psn_type == '1103'">灵活就业人员在职</td>
+        <td colspan="3" v-if="info.psn_type == '1160'">地方其他扩展人员</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '12'">退休人员</td>
+        <td colspan="3" v-if="info.psn_type == '1201'">职工退休</td>
+        <td colspan="3" v-if="info.psn_type == '1202'">公务员退休</td>
+        <td colspan="3" v-if="info.psn_type == '1203'">灵活就业人员退休</td>
+        <td colspan="3" v-if="info.psn_type == '1260'">地方其他扩展人员</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '13'">离休</td>
+        <td colspan="3" v-if="info.psn_type == '1300'">离休人员</td>
+        <td colspan="3" v-if="info.psn_type == '1360'">地方其他扩展人员</td>
+
+        <td colspan="3" v-if="info.psn_type == '14'">居民(未成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1401'">新生儿</td>
+        <td colspan="3" v-if="info.psn_type == '1402'">学龄前儿童</td>
+        <td colspan="3" v-if="info.psn_type == '1403'">中小学生</td>
+        <td colspan="3" v-if="info.psn_type == '1404'">大学生</td>
+        <td colspan="3" v-if="info.psn_type == '1405'">未成年(未入学)</td>
+
+
+        <td colspan="3" v-if="info.psn_type == '15'">居民(成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1501'">普通居民(成年)</td>
+        <td colspan="3" v-if="info.psn_type == '1560'">地方其他扩展身份</td>
+
+        <td colspan="3" v-if="info.psn_type == '16'">居民(老年)</td>
+
+
+
+      </tr>
+      <tr>
+        <td>单位名称</td>
+        <td colspan="5">{{info.emp_name}}</td>
+        <td width="80">联系电话</td>
+        <td width="110">{{info.patient.phone}}</td>
+        <td width="80">身份证号</td>
+        <td colspan="3">{{info.certno}}</td>
+      </tr>
+      <tr>
+        <td>住院号</td>
+        <td>{{info.number}}</td>
+        <td>科别</td>
+        <td width="100"></td>
+        <td>床号</td>
+        <td></td>
+        <td>入院日期</td>
+        <td>{{info.begndate}}</td>
+        <td>出院日期</td>
+        <td width="100">{{info.enddate}}</td>
+        <td>住院天数</td>
+        <td>{{getDay(info.begndate,info.enddate)}}</td>
+
+      </tr>
+      <tr>
+        <td>险种</td>
+        <td colspan="2" v-if="info.insutype == '310'">职工基本医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '320'">公务员医疗补助</td>
+        <td colspan="2" v-if="info.insutype == '330'">大额医疗费用补助</td>
+        <td colspan="2" v-if="info.insutype == '340'">离休人员医疗保障</td>
+        <td colspan="2" v-if="info.insutype == '390'">城乡居民基本医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '392'">城乡居民大病医疗保险</td>
+        <td colspan="2" v-if="info.insutype == '510'">生育保险</td>
+        <td>入院第一诊断</td>
+        <td colspan="3">{{info.diagnosis}}</td>
+        <td>出院第一诊断</td>
+        <td colspan="4">{{info.diagnosis}}</td>
+
+
+      </tr>
+      <tr>
+        <td>业务类别</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '11'">普通门诊</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '12'">门诊挂号</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '13'">急诊</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '14'">门诊慢性病</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '15'">门诊统筹</td>
+        <!--        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '16'">门诊慢性病</td>-->
+        <td colspan="5" style="text-align:left;padding-left:10px;" v-if="info.med_type == '21'">普通住院</td>
+
+        <td>结算时间</td>
+        <td colspan="5" style="text-align:left;padding-left:10px;">{{info.setl_time.split(' ')[0]}}</td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;">
+          本次就医：总费用{{info.medfee_sumamt}}元，基金支付{{info.fund_pay_sumamt}}元，个人支付{{info.psn_pay}}元。
+          (起付线 {{info.act_pay_dedc}}元, 先自付 {{info.preselfpay_amt}}元, 段内自付 {{(info.psn_pay - info.preselfpay_amt).toFixed(2)}} )
+
+        </td>
+      </tr>
+      <tr>
+        <td>费用名称</td>
+        <td colspan="2">总费用</td>
+        <td>自费</td>
+        <td colspan="2">部分项目自付</td>
+        <td>费用名称</td>
+        <td colspan="2">总费用</td>
+        <td>自费</td>
+        <td colspan="2">部分项目自付</td>
+      </tr>
+      <tr>
+        <td>床位费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.bed_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.bed_cost_part_self_total}}</td>
+        <td>西成药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.western_medicine_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>中药费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>中成药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_total}}
+        </td>
+        <td style="text-align:right;padding-right:10px;">{{info.chinese_traditional_medicine_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">
+          {{info.chinese_traditional_medicine_cost_part_self_total}}
+        </td>
+      </tr>
+      <tr>
+        <td>中草药</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>检查费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.check_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.check_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>治疗费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.treat_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.treat_cost_part_self_total}}</td>
+        <td>放射费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>手术费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.operation_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.operation_cost_part_self_total}}</td>
+        <td>化验费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.laboratory_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.laboratory_cost_part_self_total}}</td>
+      </tr>
+      <tr>
+        <td>输血费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td>输氧费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>其他</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.other_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.other_cost_part_self_total}}</td>
+        <td>麻醉费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>材料费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_total}}</td>
+        <td style="text-align:right;padding-right:10px;">{{info.material_cost_self_total}}</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{info.material_cost_part_self_total}}</td>
+        <td>特殊检查费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+      </tr>
+      <tr>
+        <td>特殊治疗费</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;">0</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">0</td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+      </tr>
+      <tr>
+        <td>合计</td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_total) +
+          parseFloat(info.operation_cost_total) + parseFloat(info.other_cost_total) +
+          parseFloat(info.material_cost_total) + parseFloat(info.western_medicine_cost_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_total) + parseFloat(info.check_cost_total) +
+          parseFloat(info.laboratory_cost_total) + parseFloat(info.treat_cost_total)).toFixed(2) }}
+        </td>
+        <td style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_self_total )+
+          parseFloat(info.operation_cost_self_total) + parseFloat(info.other_cost_self_total) +
+          parseFloat(info.material_cost_self_total) + parseFloat(info.western_medicine_cost_self_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_self_total) + parseFloat(info.check_cost_self_total) +
+          parseFloat(info.laboratory_cost_self_total) + parseFloat(info.treat_cost_self_total)).toFixed(2)}}
+        </td>
+        <td colspan="2" style="text-align:right;padding-right:10px;">{{(parseFloat(info.bed_cost_part_self_total) +
+          parseFloat(info.operation_cost_part_self_total) + parseFloat(info.other_cost_part_self_total) +
+          parseFloat(info.material_cost_part_self_total) + parseFloat(info.western_medicine_cost_part_self_total) +
+          parseFloat(info.chinese_traditional_medicine_cost_part_self_total) +
+          parseFloat(info.check_cost_part_self_total) + parseFloat(info.laboratory_cost_part_self_total) +
+          parseFloat(info.treat_cost_part_self_total)).toFixed(2)}}
+        </td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+        <td style="text-align:right;padding-right:10px;"></td>
+        <td colspan="2" style="text-align:right;padding-right:10px;"></td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">基本医疗保险统筹基金支付</td>
+        <td colspan="3">{{info.hifp_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">大额基金支付</td>
+        <td colspan="3">{{info.hifob_pay}}</td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">大病基金支付</td>
+        <td colspan="3">{{info.hifmi_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">补充保险基金支付</td>
+        <td colspan="3">{{info.hifes_pay}}</td>
+      </tr>
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">医疗救助基金支付</td>
+        <td colspan="3">{{info.maf_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">公务员基金支付</td>
+        <td colspan="3">{{info.cvlserv_pay}}</td>
+      </tr>
+
+      <tr>
+        <td colspan="3" style="text-align:left;padding-left:10px;">其他基金支付</td>
+        <td colspan="3">{{info.oth_pay}}</td>
+        <td colspan="3" style="text-align:left;padding-left:10px;">个人账户支付</td>
+        <td colspan="3">{{info.acct_pay}}</td>
+      </tr>
+      <tr>
+        <td>收款人:</td>
+        <td colspan="2">{{info.charge_admin.user_name}}</td>
+        <td>审核人:</td>
+        <td colspan="2">{{info.p_admin.user_name}}</td>
+        <td>制单人:</td>
+        <td colspan="2">{{info.p_admin.user_name}}</td>
+        <td>打印日期</td>
+        <td colspan="2">{{getNowTime()}}</td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;line-height:20px;">
+          注: 1、部分项目自付金额是指基本医疗保险范围内的项目需参保人先按规定比例自付的金额。<br/>
+          &ensp;&ensp;&ensp;2、此表由医院打印。<br/>
+          &ensp;&ensp;&ensp;3、此表一式两份，医院、参保人各一份。
+        </td>
+      </tr>
+      <tr>
+        <td colspan="12" style="text-align:left;padding-left:10px;">
+          病人家属签字:
+        </td>
+      </tr>
+    </table>
+  </div>
+  </div>
+</template>
+<script>
+
+export default {
+  name: 'hospitalBatchPrint',
+  props: {
+    infos:{
+      type: Array,
+      default: function() {
+        return []
+      }
+    },
+    info: {
+      type: Object,
+      default: function() {
+        return {}
+      }
+    }, p_admin: {
+      type: Object,
+      default: function() {
+        return {}
       }
-    },methods:{
-      getDay(dateString1,dateString2){
-        var  startDate = Date.parse(dateString1);
-        var  endDate = Date.parse(dateString2);
-        if (startDate>endDate){
-          return 0;
-        }
-        if (startDate==endDate){
-          return 1;
-        }
-        var days=(endDate - startDate)/(1*24*60*60*1000);
-        return  days+1;
-  
+    }, charge_admin: {
+      type: Object,
+      default: function() {
+        return {}
+      },
+    },his: {
+      type: Object,
+      default: function() {
+        return {}
+      },
+    },his_record: {
+      type: Object,
+      default: function() {
+        return {}
       },
-      getNowTime: function () {
-        let dateTime;
-        let yy = new Date().getFullYear();
-        let mm = new Date().getMonth() + 1;
-        let dd = new Date().getDate();
-        // let hh = new Date().getHours();
-        // let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
-        //   :
-        //   new Date().getMinutes();
-        // let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
-        //   :
-        //   new Date().getSeconds();
-        dateTime = yy + '-' + mm + '-' + dd
-        return dateTime
+    },patient:{
+      type: Object,
+      default: function() {
+        return {}
       },
-  
+
     }
+  },methods:{
+    getDay(dateString1,dateString2){
+      var  startDate = Date.parse(dateString1);
+      var  endDate = Date.parse(dateString2);
+      if (startDate>endDate){
+        return 0;
+      }
+      if (startDate==endDate){
+        return 1;
+      }
+      var days=(endDate - startDate)/(1*24*60*60*1000);
+      return  days+1;
+
+    },
+    getNowTime: function () {
+      let dateTime;
+      let yy = new Date().getFullYear();
+      let mm = new Date().getMonth() + 1;
+      let dd = new Date().getDate();
+      // let hh = new Date().getHours();
+      // let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes()
+      //   :
+      //   new Date().getMinutes();
+      // let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds()
+      //   :
+      //   new Date().getSeconds();
+      dateTime = yy + '-' + mm + '-' + dd
+      return dateTime
+    },
+
   }
-  
-  
-  </script>
-  
-  
-  <style lang="scss" scoped>
-  .statement-print {
-    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
-    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-    margin-bottom: 20px;
-    padding: 20px 10px;
-  }
-  
-  .statementTitle {
-    font-size: 28px;
-    text-align: center;
-    font-weight: bold;
-    margin-bottom: 10px;
-  }
-  
-  .statementTable {
-    width: 100%;
-    text-align: center;
-    border-collapse: collapse;
-    line-height: 40px;
-    font-size: 14px;
-    border-color: #000;
-  }
-  </style>
-  
+}
+
+
+</script>
+
+
+<style lang="scss" scoped>
+.statement-print {
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  margin-bottom: 20px;
+  padding: 20px 10px;
+}
+
+.statementTitle {
+  font-size: 28px;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.statementTable {
+  width: 100%;
+  text-align: center;
+  border-collapse: collapse;
+  line-height: 40px;
+  font-size: 14px;
+  border-color: #000;
+}
+</style>

src/xt_pages/hospitalStation/chargeDetailManagement.vue

@@ -114,6 +114,13 @@
                 type="primary">上传费用明细
             </el-button>
 
+            <el-button
+              v-if="( this.hisPatientInfo.balance_accounts_type == 2 && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0 )"
+              size="small"
+              @click="open(1)"
+              type="primary">上传费用明细
+            </el-button>
+
 
             <el-button
                 v-if="( this.hisPatientInfo.balance_accounts_type != 2  && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0)"
@@ -122,6 +129,13 @@
             >撤销明细
             </el-button>
 
+            <el-button
+              v-if="( this.hisPatientInfo.balance_accounts_type == 2  && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0)"
+
+              size="small" @click="open(2)" type="primary"
+            >撤销明细
+            </el-button>
+
           </div>
 
         </div>
@@ -833,25 +847,27 @@ export default {
           }).catch(() => {
           })
         } else {
-          settle_accounts_type = 2
-          var that = this
-          this.$confirm('该操作会撤销此次入院后所有处方明细，是否继续操作？', '撤销明细', {
-            confirmButtonText: '确 定',
-            cancelButtonText: '取 消',
-            type: 'warning'
-          }).then(() => {
 
-            let params = {
-              'settle_accounts_type': settle_accounts_type,
-              'patient_id': that.hisPatientInfo.patient_id,
-              'his_patient_id': that.hisPatientInfo.id,
-              'record_time': that.record_date,
-              'order_id': that.order.id,
-              'admin_user_id': that.$store.getters.xt_user.user.id
-            }
-            axios.get('http://127.0.0.1:9532/zh/api/refunddetail', {
-              params: params
-            })
+          if (this.hisPatientInfo.balance_accounts_type != 2) {
+            settle_accounts_type = 2
+            var that = this
+            this.$confirm('该操作会撤销此次入院后所有处方明细，是否继续操作？', '撤销明细', {
+              confirmButtonText: '确 定',
+              cancelButtonText: '取 消',
+              type: 'warning'
+            }).then(() => {
+
+              let params = {
+                'settle_accounts_type': settle_accounts_type,
+                'patient_id': that.hisPatientInfo.patient_id,
+                'his_patient_id': that.hisPatientInfo.id,
+                'record_time': that.record_date,
+                'order_id': that.order.id,
+                'admin_user_id': that.$store.getters.xt_user.user.id
+              }
+              axios.get('http://127.0.0.1:9532/zh/api/refunddetail', {
+                params: params
+              })
                 .then(function(response) {
                   if (response.data.state == 0) {
                     that.$message.error(response.data.msg)
@@ -878,8 +894,45 @@ export default {
                 .catch(function(error) {
                 })
 
-          }).catch(() => {
-          })
+            }).catch(() => {
+            })
+
+          }else{
+            settle_accounts_type = 2
+            var that = this
+            this.$confirm('该操作会撤销此次入院后所有处方明细，是否继续操作？', '撤销明细', {
+              confirmButtonText: '确 定',
+              cancelButtonText: '取 消',
+              type: 'warning'
+            }).then(() => {
+              let params = {
+                'settle_accounts_type': settle_accounts_type,
+                'patient_id': that.hisPatientInfo.patient_id,
+                'his_patient_id': that.hisPatientInfo.id,
+                'record_time': that.record_date,
+                'admin_user_id': that.$store.getters.xt_user.user.id
+              }
+              refundDetail(params).then(response => {
+                if (response.data.state == 0) {
+                  this.loading = false
+                  this.$message.error(response.data.msg)
+                  return false
+                } else {
+                  that.$message.success('撤销明细成功')
+                  that.radio = 1
+                  that.getPatientList()
+                }
+              })
+
+
+
+            }).catch(() => {
+            })
+
+
+          }
+
+
 
         }
 

src/xt_pages/hospitalStation/components/chargeDialog.vue

@@ -317,13 +317,13 @@
             this.form.pay_price = this.tmp_pay
             return
           }
-          if (parseFloat(this.form.tmp_decimal) > parseFloat(this.form.private_price)) {
-            // alert("押金不得大于自费金额")
-            this.$message.error("押金不得大于自费金额");
-            this.form.tmp_decimal = ""
-            this.form.pay_price = this.tmp_pay
-            return
-          }
+          // if (parseFloat(this.form.tmp_decimal) > parseFloat(this.form.private_price)) {
+          //   // alert("押金不得大于自费金额")
+          //   this.$message.error("押金不得大于自费金额");
+          //   this.form.tmp_decimal = ""
+          //   this.form.pay_price = this.tmp_pay
+          //   return
+          // }
           // this.form.private_price = parseFloat(this.form.tmp_decimal) + parseFloat(this.form.pay_price)
 
           this.form.pay_price = ((parseFloat(this.form.private_price) * 10000 - parseFloat(this.form.tmp_decimal) * 10000) / 10000).toFixed(2)
@@ -340,12 +340,12 @@
           } else {
             //储存临时付款
             this.tmp_pay = this.form.pay_price
-            if (parseFloat(this.form.tmp_decimal) > parseFloat(this.form.private_price)) {
-              this.form.tmp_decimal = 0
-              // alert("押金不得大于自费金额")
-              this.$message.error("押金不得大于自费金额");
-              return
-            }
+            // if (parseFloat(this.form.tmp_decimal) > parseFloat(this.form.private_price)) {
+            //   this.form.tmp_decimal = 0
+            //   // alert("押金不得大于自费金额")
+            //   this.$message.error("押金不得大于自费金额");
+            //   return
+            // }
             // this.form.private_price = parseFloat(this.form.tmp_decimal) + parseFloat(this.form.pay_price)
             this.tmp_pay = this.form.pay_price
             this.form.pay_price = ((parseFloat(this.form.private_price) * 10000 - parseFloat(this.form.tmp_decimal) * 10000) / 10000).toFixed(2)

src/xt_pages/hospitalStation/components/deskPrescription.vue

@@ -2303,6 +2303,7 @@ export default {
                 record_date: this.record_date,
                 his_patient_id: this.hisPatientInfo.id,
                 reg_type: this.register_type,
+                patient_diagnose:""
               }
 
               for (let i = 0; i < this.prescriptions.length; i++) {
@@ -2441,7 +2442,7 @@ export default {
                     if(arr.length > 0){
                       let objInfo = {};
                       arr.forEach((item, index) => {
-                    
+
                       let { id } = item.id;
                       if (!objInfo[id]) {
                           objInfo[id] = {
@@ -2504,7 +2505,7 @@ export default {
                      if(arr_one.length > 0){
                       let objInfo = {};
                       arr_one.forEach((item, index) => {
-                     
+
                       let { id } = item.id;
                       if (!objInfo[id]) {
                           objInfo[id] = {
@@ -2725,7 +2726,8 @@ export default {
                 record_date: this.end_time,
                 his_patient_id: this.hisPatientInfo.id,
                 reg_type: this.register_type,
-                p_type: 1
+                p_type: 1,
+                patient_diagnose:""
               }
 
               var month_prescriptions = this.deepClone(this.month_prescriptions)
@@ -3156,14 +3158,14 @@ export default {
       }
 
       if (this.curStatus == 1 && this.rightTab == 2) {
-        this.$message.error('改处方是药品，无法添加项目')
+        this.$message.error('该处方是药品，无法添加项目')
         this.teamList = []
         this.$refs.tables.clearSelection()
         return
       }
 
       if (this.curStatus == 2 && this.rightTab == 1) {
-        this.$message.error('改处方是项目，无法添加药品')
+        this.$message.error('该处方是项目，无法添加药品')
         this.curDrugs = []
         this.tempDrugs = []
         this.$refs.multipleTable.clearSelection()
@@ -3293,10 +3295,10 @@ export default {
             for (let b = 0; b < temp2.length; b++) {
               let obj = {
                 id: 0,
+                single_dose: temp2[b].single_dose.toString(),
                 project_id: temp2[b].id,
                 project_name: temp2[b].project_name,
                 statistical_classification: '',
-                single_dose: temp2[b].single_dose.toString(),
                 delivery_way: temp2[b].delivery_way,
                 execution_frequency: temp2[b].execution_frequency,
                 number_days: temp2[b].number_days.toString(),
@@ -3311,6 +3313,7 @@ export default {
                 obj['project'] = temp2[b].project
                 obj['unit'] = temp2[b].project.unit
 
+
               } else if (temp2[b].type == 3) {
                 obj['good_info'] = temp2[b].good_info
                 obj['unit'] = temp2[b].good_info.packing_unit
@@ -3449,7 +3452,7 @@ export default {
               cus_total: 1,
               price: good_info[i].packing_price,
               medical_code: good_info[i].medical_insurance_number,
-              unit: this.getGoodUnit(good_info[i].good_unit),
+              unit: good_info[i].packing_unit,
               type: 3,
               total: good_info[i].total,
               is_special_diseases: good_info[i].is_special_diseases,
@@ -3584,7 +3587,7 @@ export default {
                   id: project[i].project_id,
                   project_name: project[i].good_info.good_name,
                   statistical_classification: '',
-                  single_dose: '',
+                  single_dose: project[i].good_info.default_count,
                   delivery_way: '',
                   execution_frequency: '',
                   number_days: '',
@@ -3592,7 +3595,7 @@ export default {
                   price: project[i].good_info.retail_price,
                   remark: '',
                   medical_code: project[i].good_info.medical_insurance_number,
-                  unit: project[i].good_info.unit,
+                  unit: project[i].good_info.packing_unit,
                   type: project[i].type,
                   is_special_diseases: project[i].good_info.is_special_diseases,
                   team_id: team_id,

src/xt_pages/hospitalStation/components/dialysisIndex.vue

@@ -63,6 +63,7 @@
           :stockType="stockType"
           :mode_id="mode_id"
           :is_advice_open="is_advice_open"
+          :record_date="date"
         >
         </nav-igation>
 

src/xt_pages/hospitalStation/components/inquiriesDetail.vue

@@ -10,6 +10,10 @@
     <div style="position: absolute;right:20px;z-index:99">
       <el-button v-if="activeName == 'first'" @click="open(1)" type="primary">打印</el-button>
       <el-button v-if="activeName == 'second'" @click="open(2)" type="primary">打印</el-button>
+
+      <el-button @click="open(3)" type="primary">打印清单</el-button>
+      <el-button @click="open(4)" type="primary">打印汇总</el-button>
+
     </div>
     <el-tabs v-model="activeName">
 
@@ -113,6 +117,25 @@
       <print v-if="activeName == 'first'" :paramsObj='paramsObj' :showBtn='true'></print>
       <recordPrint v-if="activeName == 'second'" :patientid="patientid" :showBtn='true'></recordPrint>
     </el-dialog>
+
+    <div >
+      <el-dialog
+        class="centerDialog"
+        width="900px"
+        title="打印"
+        :visible.sync="listVisible"  append-to-body>
+        <hospital-list-print :paramsObj='paramsObjTwo'></hospital-list-print>
+      </el-dialog>
+    </div>
+    <div >
+      <el-dialog
+        class="centerDialog"
+        width="900px"
+        title="打印"
+        :visible.sync="allListVisible"  append-to-body>
+        <hospital-all-list-print :paramsObj='paramsObjTwo'></hospital-all-list-print>
+      </el-dialog>
+    </div>
   </el-dialog>
 </div>
 </template>
@@ -120,7 +143,6 @@
 
 
 <script>
-  import { getDictionaryDataConfig} from "@/utils/data";
   import { getHisPrescriptionInfo } from '@/api/his/his'
   import NewPrescriptionTable from './newPrescriptionTable'
   import { uParseTime } from '@/utils/tools'
@@ -128,14 +150,19 @@
   import moment from 'moment';
   import print from '../print'
   import recordPrint from '../recordPrint'
+  import HospitalListPrint from '../pastQuiriesPrint/hospitalListPrint.vue'
+  import HospitalAllListPrint from '../pastQuiriesPrint/hospitalAllListPrint.vue'
 
   export default {
-    components: { NewPrescriptionTable,print,recordPrint },
+    components: { HospitalAllListPrint, HospitalListPrint, NewPrescriptionTable,print,recordPrint },
     data() {
       return {
+        listVisible:false,
+        allListVisible:false,
         visible: false,
         activeName: 'first',
         curPrescriptions: {},
+        paramsObjTwo:{},
         prescriptions: [],
         record_date: '',
         editableTabsValue: '处方1',
@@ -188,11 +215,26 @@
            this.innerVisible = true
           //  this.$router.push("/outpatientDoctorStation/print?record="+record_date+"&prescription_id="+prescription_id+"&ids="+ids+"&patient_id="+this.patientInfo.id)
 
-        }else if(index == 2){
+        } else if(index == 2){
           var record_date = this.format(this.case_history.sick_date);
           this.patientid = this.patientInfo.id;
           this.innerVisible = true
           // this.$router.push("/outpatientDoctorStation/recordPrint?record="+record_date+"&patient_id="+this.case_history.patient_id)
+        }else if(index == 3){
+          // var record_date = this.format(this.order.record_date);
+          this.patientid = this.patientInfo.id;
+          this.paramsObjTwo = {
+            record_date:this.order.record_date,
+            patient_id:this.patientid
+          }
+          this.listVisible = true
+        }else if(index == 4){
+          this.patientid = this.patientInfo.id;
+          this.paramsObjTwo = {
+            record_date:this.order.record_date,
+            patient_id:this.patientid
+          }
+          this.allListVisible = true
         }
       },
       getTimes(time,temp) {

src/xt_pages/hospitalStation/components/registerDialog9504.vue

@@ -104,6 +104,28 @@
             </el-form-item>
 
 
+          <el-form-item label="参保地：" prop="id_card_type">
+            <el-autocomplete
+              popper-class="my-autocomplete"
+              v-model="form.insuplc_admdvs"
+              :fetch-suggestions="querySearch"
+              placeholder="请输入内容"
+              @select="handleSelectTwo">
+              <i
+                class="el-icon-edit el-input__icon"
+                slot="suffix"
+                @click="handleIconClick">
+              </i>
+              <template slot-scope="{ item }">
+                <div class="name">{{ item.value }}</div>
+                <span class="addr">{{ item.address }}</span>
+              </template>
+            </el-autocomplete>
+          </el-form-item>
+
+
+
+
             <el-form-item label="读卡类型：" prop="id_card_type">
                 <el-select v-model="form.id_card_type" placeholder="请选择">
                     <el-option
@@ -212,6 +234,7 @@
           id: '',
           settlement_value: '',
           medical_insurance_card: '',
+          insuplc_admdvs:'',
           name: '',
           gender: '',
           certificates: '',
@@ -238,6 +261,384 @@
           value: 2,
           label: '身份证'
         }],
+        area:[
+          {id:110000,name:"北京市"},
+          {id:120000,name:"天津市"},
+          {id:130000,name:"河北省"},
+          {id:130100,name:"石家庄市"},
+          {id:130200,name:"唐山市"},
+          {id:130300,name:"秦皇岛市"},
+          {id:130400,name:"邯郸市"},
+          {id:130500,name:"邢台市"},
+          {id:130600,name:"保定市"},
+          {id:130700,name:"张家口市"},
+          {id:130800,name:"承德市"},
+          {id:130900,name:"沧州市"},
+          {id:131000,name:"廊坊市"},
+          {id:131100,name:"衡水市"},
+          {id:140000,name:"山西省"},
+          {id:140100,name:"太原市"},
+          {id:140200,name:"大同市"},
+          {id:140300,name:"阳泉市"},
+          {id:140400,name:"长治市"},
+          {id:140500,name:"晋城市"},
+          {id:140600,name:"朔州市"},
+          {id:140700,name:"晋中市"},
+          {id:140800,name:"运城市"},
+          {id:140900,name:"忻州市"},
+          {id:141000,name:"临汾市"},
+          {id:141100,name:"吕梁市"},
+          {id:150000,name:"内蒙古自治区"},
+          {id:150100,name:"呼和浩特市"},
+          {id:150200,name:"包头市"},
+          {id:150300,name:"乌海市"},
+          {id:150400,name:"赤峰市"},
+          {id:150500,name:"通辽市"},
+          {id:150600,name:"鄂尔多斯市"},
+          {id:150700,name:"呼伦贝尔市"},
+          {id:150800,name:"巴彦淖尔市"},
+          {id:150900,name:"乌兰察布市"},
+          {id:152200,name:"兴安盟"},
+          {id:152500,name:"锡林郭勒盟"},
+          {id:152900,name:"阿拉善盟"},
+          {id:210000,name:"辽宁省"},
+          {id:210100,name:"沈阳市"},
+          {id:210200,name:"大连市"},
+          {id:210300,name:"鞍山市"},
+          {id:210400,name:"抚顺市"},
+          {id:210500,name:"本溪市"},
+          {id:210600,name:"丹东市"},
+          {id:210700,name:"锦州市"},
+          {id:210800,name:"营口市"},
+          {id:210900,name:"阜新市"},
+          {id:211000,name:"辽阳市"},
+          {id:211100,name:"盘锦市"},
+          {id:211200,name:"铁岭市"},
+          {id:211300,name:"朝阳市"},
+          {id:211400,name:"葫芦岛市"},
+          {id:220000,name:"吉林省"},
+          {id:220100,name:"长春市"},
+          {id:220200,name:"吉林市"},
+          {id:220300,name:"四平市"},
+          {id:220400,name:"辽源市"},
+          {id:220500,name:"通化市"},
+          {id:220600,name:"白山市"},
+          {id:220700,name:"松原市"},
+          {id:220800,name:"白城市"},
+          {id:222400,name:"延边朝鲜族自治州"},
+          {id:230000,name:"黑龙江省"},
+          {id:230100,name:"哈尔滨市"},
+          {id:230200,name:"齐齐哈尔市"},
+          {id:230300,name:"鸡西市"},
+          {id:230400,name:"鹤岗市"},
+          {id:230500,name:"双鸭山市"},
+          {id:230600,name:"大庆市"},
+          {id:230700,name:"伊春市"},
+          {id:230800,name:"佳木斯市"},
+          {id:230900,name:"七台河市"},
+          {id:231000,name:"牡丹江市"},
+          {id:231100,name:"黑河市"},
+          {id:231200,name:"绥化市"},
+          {id:232700,name:"大兴安岭地区"},
+          {id:310000,name:"上海市"},
+          {id:320000,name:"江苏省"},
+          {id:320100,name:"南京市"},
+          {id:320200,name:"无锡市"},
+          {id:320300,name:"徐州市"},
+          {id:320400,name:"常州市"},
+          {id:320500,name:"苏州市"},
+          {id:320600,name:"南通市"},
+          {id:320700,name:"连云港市"},
+          {id:320800,name:"淮安市"},
+          {id:320900,name:"盐城市"},
+          {id:321000,name:"扬州市"},
+          {id:321100,name:"镇江市"},
+          {id:321200,name:"泰州市"},
+          {id:321300,name:"宿迁市"},
+          {id:330000,name:"浙江省"},
+          {id:330100,name:"杭州市"},
+          {id:330200,name:"宁波市"},
+          {id:330300,name:"温州市"},
+          {id:330400,name:"嘉兴市"},
+          {id:330500,name:"湖州市"},
+          {id:330600,name:"绍兴市"},
+          {id:330700,name:"金华市"},
+          {id:330800,name:"衢州市"},
+          {id:330900,name:"舟山市"},
+          {id:331000,name:"台州市"},
+          {id:331100,name:"丽水市"},
+          {id:340000,name:"安徽省"},
+          {id:340100,name:"合肥市"},
+          {id:340200,name:"芜湖市"},
+          {id:340300,name:"蚌埠市"},
+          {id:340400,name:"淮南市"},
+          {id:340500,name:"马鞍山市"},
+          {id:340600,name:"淮北市"},
+          {id:340700,name:"铜陵市"},
+          {id:340800,name:"安庆市"},
+          {id:341000,name:"黄山市"},
+          {id:341100,name:"滁州市"},
+          {id:341200,name:"阜阳市"},
+          {id:341300,name:"宿州市"},
+          {id:341500,name:"六安市"},
+          {id:341600,name:"亳州市"},
+          {id:341700,name:"池州市"},
+          {id:341800,name:"宣城市"},
+          {id:350000,name:"福建省"},
+          {id:350100,name:"福州市"},
+          {id:350200,name:"厦门市"},
+          {id:350300,name:"莆田市"},
+          {id:350400,name:"三明市"},
+          {id:350500,name:"泉州市"},
+          {id:350600,name:"漳州市"},
+          {id:350700,name:"南平市"},
+          {id:350800,name:"龙岩市"},
+          {id:350900,name:"宁德市"},
+          {id:360000,name:"江西省"},
+          {id:360100,name:"南昌市"},
+          {id:360200,name:"景德镇市"},
+          {id:360300,name:"萍乡市"},
+          {id:360400,name:"九江市"},
+          {id:360500,name:"新余市"},
+          {id:360600,name:"鹰潭市"},
+          {id:360700,name:"赣州市"},
+          {id:360800,name:"吉安市"},
+          {id:360900,name:"宜春市"},
+          {id:361000,name:"抚州市"},
+          {id:361100,name:"上饶市"},
+          {id:370000,name:"山东省"},
+          {id:370100,name:"济南市"},
+          {id:370200,name:"青岛市"},
+          {id:370300,name:"淄博市"},
+          {id:370400,name:"枣庄市"},
+          {id:370500,name:"东营市"},
+          {id:370600,name:"烟台市"},
+          {id:370700,name:"潍坊市"},
+          {id:370800,name:"济宁市"},
+          {id:370900,name:"泰安市"},
+          {id:371000,name:"威海市"},
+          {id:371100,name:"日照市"},
+          {id:371300,name:"临沂市"},
+          {id:371400,name:"德州市"},
+          {id:371500,name:"聊城市"},
+          {id:371600,name:"滨州市"},
+          {id:371700,name:"菏泽市"},
+          {id:410000,name:"河南省"},
+          {id:410100,name:"郑州市"},
+          {id:410200,name:"开封市"},
+          {id:410300,name:"洛阳市"},
+          {id:410400,name:"平顶山市"},
+          {id:410500,name:"安阳市"},
+          {id:410600,name:"鹤壁市"},
+          {id:410700,name:"新乡市"},
+          {id:410800,name:"焦作市"},
+          {id:410900,name:"濮阳市"},
+          {id:411000,name:"许昌市"},
+          {id:411100,name:"漯河市"},
+          {id:411200,name:"三门峡市"},
+          {id:411300,name:"南阳市"},
+          {id:411400,name:"商丘市"},
+          {id:411500,name:"信阳市"},
+          {id:411600,name:"周口市"},
+          {id:411700,name:"驻马店市"},
+          {id:420000,name:"湖北省"},
+          {id:420100,name:"武汉市"},
+          {id:420200,name:"黄石市"},
+          {id:420300,name:"十堰市"},
+          {id:420500,name:"宜昌市"},
+          {id:420600,name:"襄阳市"},
+          {id:420700,name:"鄂州市"},
+          {id:420800,name:"荆门市"},
+          {id:420900,name:"孝感市"},
+          {id:421000,name:"荆州市"},
+          {id:421100,name:"黄冈市"},
+          {id:421200,name:"咸宁市"},
+          {id:421300,name:"随州市"},
+          {id:422800,name:"恩施土家族苗族自治州"},
+          {id:430000,name:"湖南省"},
+          {id:430100,name:"长沙市"},
+          {id:430200,name:"株洲市"},
+          {id:430300,name:"湘潭市"},
+          {id:430400,name:"衡阳市"},
+          {id:430500,name:"邵阳市"},
+          {id:430600,name:"岳阳市"},
+          {id:430700,name:"常德市"},
+          {id:430800,name:"张家界市"},
+          {id:430900,name:"益阳市"},
+          {id:431000,name:"郴州市"},
+          {id:431100,name:"永州市"},
+          {id:431200,name:"怀化市"},
+          {id:431300,name:"娄底市"},
+          {id:433100,name:"湘西土家族苗族自治州"},
+          {id:440000,name:"广东省"},
+          {id:440100,name:"广州市"},
+          {id:440200,name:"韶关市"},
+          {id:440300,name:"深圳市"},
+          {id:440400,name:"珠海市"},
+          {id:440500,name:"汕头市"},
+          {id:440600,name:"佛山市"},
+          {id:440700,name:"江门市"},
+          {id:440800,name:"湛江市"},
+          {id:440900,name:"茂名市"},
+          {id:441200,name:"肇庆市"},
+          {id:441300,name:"惠州市"},
+          {id:441400,name:"梅州市"},
+          {id:441500,name:"汕尾市"},
+          {id:441600,name:"河源市"},
+          {id:441700,name:"阳江市"},
+          {id:441800,name:"清远市"},
+          {id:441900,name:"东莞市"},
+          {id:442000,name:"中山市"},
+          {id:445100,name:"潮州市"},
+          {id:445200,name:"揭阳市"},
+          {id:445300,name:"云浮市"},
+          {id:450000,name:"广西壮族自治区"},
+          {id:450100,name:"南宁市"},
+          {id:450200,name:"柳州市"},
+          {id:450300,name:"桂林市"},
+          {id:450400,name:"梧州市"},
+          {id:450500,name:"北海市"},
+          {id:450600,name:"防城港市"},
+          {id:450700,name:"钦州市"},
+          {id:450800,name:"贵港市"},
+          {id:450900,name:"玉林市"},
+          {id:451000,name:"百色市"},
+          {id:451100,name:"贺州市"},
+          {id:451200,name:"河池市"},
+          {id:451300,name:"来宾市"},
+          {id:451400,name:"崇左市"},
+          {id:460000,name:"海南省"},
+          {id:460100,name:"海口市"},
+          {id:460200,name:"三亚市"},
+          {id:460300,name:"三沙市"},
+          {id:460400,name:"儋州市"},
+          {id:500000,name:"重庆市"},
+          {id:510000,name:"四川省"},
+          {id:510100,name:"成都市"},
+          {id:510300,name:"自贡市"},
+          {id:510400,name:"攀枝花市"},
+          {id:510500,name:"泸州市"},
+          {id:510600,name:"德阳市"},
+          {id:510700,name:"绵阳市"},
+          {id:510800,name:"广元市"},
+          {id:510900,name:"遂宁市"},
+          {id:511000,name:"内江市"},
+          {id:511100,name:"乐山市"},
+          {id:511300,name:"南充市"},
+          {id:511400,name:"眉山市"},
+          {id:511500,name:"宜宾市"},
+          {id:511600,name:"广安市"},
+          {id:511700,name:"达州市"},
+          {id:511800,name:"雅安市"},
+          {id:511900,name:"巴中市"},
+          {id:512000,name:"资阳市"},
+          {id:513200,name:"阿坝藏族羌族自治州"},
+          {id:513300,name:"甘孜藏族自治州"},
+          {id:513400,name:"凉山彝族自治州"},
+          {id:520000,name:"贵州省"},
+          {id:520100,name:"贵阳市"},
+          {id:520200,name:"六盘水市"},
+          {id:520300,name:"遵义市"},
+          {id:520400,name:"安顺市"},
+          {id:520500,name:"毕节市"},
+          {id:520600,name:"铜仁市"},
+          {id:522300,name:"黔西南布依族苗族自治州"},
+          {id:522600,name:"黔东南苗族侗族自治州"},
+          {id:522700,name:"黔南布依族苗族自治州"},
+          {id:530000,name:"云南省"},
+          {id:530100,name:"昆明市"},
+          {id:530300,name:"曲靖市"},
+          {id:530400,name:"玉溪市"},
+          {id:530500,name:"保山市"},
+          {id:530600,name:"昭通市"},
+          {id:530700,name:"丽江市"},
+          {id:530800,name:"普洱市"},
+          {id:530900,name:"临沧市"},
+          {id:532300,name:"楚雄彝族自治州"},
+          {id:532500,name:"红河哈尼族彝族自治州"},
+          {id:532600,name:"文山壮族苗族自治州"},
+          {id:532800,name:"西双版纳傣族自治州"},
+          {id:532900,name:"大理白族自治州"},
+          {id:533100,name:"德宏傣族景颇族自治州"},
+          {id:533300,name:"怒江傈僳族自治州"},
+          {id:533400,name:"迪庆藏族自治州"},
+          {id:540000,name:"西藏自治区"},
+          {id:540100,name:"拉萨市"},
+          {id:540200,name:"日喀则市"},
+          {id:540300,name:"昌都市"},
+          {id:540400,name:"林芝市"},
+          {id:540500,name:"山南市"},
+          {id:540600,name:"那曲市"},
+          {id:542500,name:"阿里地区"},
+          {id:610000,name:"陕西省"},
+          {id:610100,name:"西安市"},
+          {id:610200,name:"铜川市"},
+          {id:610300,name:"宝鸡市"},
+          {id:610400,name:"咸阳市"},
+          {id:610500,name:"渭南市"},
+          {id:610600,name:"延安市"},
+          {id:610700,name:"汉中市"},
+          {id:610800,name:"榆林市"},
+          {id:610900,name:"安康市"},
+          {id:611000,name:"商洛市"},
+          {id:620000,name:"甘肃省"},
+          {id:620100,name:"兰州市"},
+          {id:620200,name:"嘉峪关市"},
+          {id:620300,name:"金昌市"},
+          {id:620400,name:"白银市"},
+          {id:620500,name:"天水市"},
+          {id:620600,name:"武威市"},
+          {id:620700,name:"张掖市"},
+          {id:620800,name:"平凉市"},
+          {id:620900,name:"酒泉市"},
+          {id:621000,name:"庆阳市"},
+          {id:621100,name:"定西市"},
+          {id:621200,name:"陇南市"},
+          {id:622900,name:"临夏回族自治州"},
+          {id:623000,name:"甘南藏族自治州"},
+          {id:630000,name:"青海省"},
+          {id:630100,name:"西宁市"},
+          {id:630200,name:"海东市"},
+          {id:632200,name:"海北藏族自治州"},
+          {id:632300,name:"黄南藏族自治州"},
+          {id:632500,name:"海南藏族自治州"},
+          {id:632600,name:"果洛藏族自治州"},
+          {id:632700,name:"玉树藏族自治州"},
+          {id:632800,name:"海西蒙古族藏族自治州"},
+          {id:640000,name:"宁夏回族自治区"},
+          {id:640100,name:"银川市"},
+          {id:640200,name:"石嘴山市"},
+          {id:640300,name:"吴忠市"},
+          {id:640400,name:"固原市"},
+          {id:640500,name:"中卫市"},
+          {id:650000,name:"新疆维吾尔自治区"},
+          {id:650100,name:"乌鲁木齐市"},
+          {id:650200,name:"克拉玛依市"},
+          {id:650400,name:"吐鲁番市"},
+          {id:650500,name:"哈密市"},
+          {id:652300,name:"昌吉回族自治州"},
+          {id:652700,name:"博尔塔拉蒙古自治州"},
+          {id:652800,name:"巴音郭楞蒙古自治州"},
+          {id:652900,name:"阿克苏地区"},
+          {id:653000,name:"克孜勒苏柯尔克孜自治州"},
+          {id:653100,name:"喀什地区"},
+          {id:653200,name:"和田地区"},
+          {id:654000,name:"伊犁哈萨克自治州"},
+          {id:654200,name:"塔城地区"},
+          {id:654300,name:"阿勒泰地区"},
+          {id:659001,name:"石河子市"},
+          {id:659002,name:"阿拉尔市"},
+          {id:659003,name:"图木舒克市"},
+          {id:659004,name:"五家渠市"},
+          {id:659005,name:"北屯市"},
+          {id:659006,name:"铁门关市"},
+          {id:659007,name:"双河市"},
+          {id:659008,name:"可克达拉市"},
+          {id:659009,name:"昆玉市"},
+          {id:710000,name:"台湾省"},
+          {id:810000,name:"香港特别行政区"},
+          {id:820000,name:"澳门特别行政区"}
+        ],
         settlement: [
           {value: 1, label: '医保'},
           {value: 2, label: '自费'},
@@ -381,6 +782,24 @@
       diagnoses: Array,
     },
     methods: {
+      handleIconClick(){
+
+
+      },
+      handleSelectTwo(){
+
+
+      },  createFilter(queryString) {
+        return (restaurant) => {
+          return (restaurant.name.indexOf(queryString) === 0 || restaurant.id.indexOf(queryString) === 0);
+        };
+      },
+      querySearch(queryString, cb) {
+        var restaurants = this.area;
+        var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+        // 调用 callback 返回建议列表的数据
+        cb(results);
+      },
       changeDoctor() {
         for (let i = 0; i < this.doctors.length; i++) {
           if (this.doctors[i].admin_user_id == this.form.doctor) {

src/xt_pages/hospitalStation/hospitalBatchStatementPrint.vue

@@ -1,463 +1,465 @@
 <template>
-    <div>
-      <template>
-        <el-button
-          style="position:fixed;right:25px;z-index:999"
-          :loading="loading"
-          size="small"
-          icon="el-icon-printer"
-          @click="printThisPage"
-          type="primary"
-        >打印
-        </el-button
-        >
-      </template>
-  
-      <div class='dialysisPage' style="padding-top:40px;" v-if="this.$store.getters.xt_user.org_id == 10215 || this.$store.getters.xt_user.org_id == 0">
-        <hospital-batch-print :infos="infos"></hospital-batch-print>
-      </div>
+  <div>
+    <template>
+      <el-button
+        style="position:fixed;right:25px;z-index:999"
+        :loading="loading"
+        size="small"
+        icon="el-icon-printer"
+        @click="printThisPage"
+        type="primary"
+      >打印
+      </el-button
+      >
+    </template>
+
+    <div class='dialysisPage' style="padding-top:40px;" v-if="this.$store.getters.xt_user.org_id == 10215 || this.$store.getters.xt_user.org_id == 0">
+      <hospital-batch-print :infos="infos"></hospital-batch-print>
     </div>
-  </template>
-  
-  <script>
-  import { uParseTime } from '@/utils/tools'
-  import axios from 'axios'
-  import HospitalBatchPrint from './batchStatementTemplate/hospitalBatchPrint.vue'
-  
-  export default {
-    name: 'hospitalBatchStatementPrint',
-    components: {
-      HospitalBatchPrint,
-    },
-    props: {
-      paramsObj: Object
+  </div>
+</template>
+
+<script>
+import { uParseTime } from '@/utils/tools'
+import axios from 'axios'
+import HospitalBatchPrint from './batchStatementTemplate/hospitalBatchPrint.vue'
+
+export default {
+  name: 'hospitalBatchStatementPrint',
+  components: {
+    HospitalBatchPrint,
+  },
+  props: {
+    paramsObj: Object
+  },
+  data() {
+    return {
+      record_date: '',
+      patientTableData: [],
+      advicePrint: [],
+      hisPatient: {},
+      patient: {},
+      search_input: '',
+      loading: false,
+      patient_id: 0,
+      prescription_id: 0,
+      ids: '',
+      info: null,
+      org_id: '',
+      list:[],
+      infos:[],
+    }
+  },
+  methods: {
+    getType(med_chrgitm_type) {
+      switch (med_chrgitm_type) {
+        case '01':
+          return '床位费'
+          break
+        case '02':
+          return '诊察费'
+
+          break
+        case '03':
+          return '检查费'
+
+          break
+        case '04':
+          return '化验费'
+          break
+        case '05':
+          return '治疗费'
+
+          break
+        case '06':
+          return '手术费'
+
+          break
+        case '07':
+          return '护理费'
+
+          break
+        case '08':
+          return '材料费'
+
+          break
+        case '09':
+          return '西药费'
+
+          break
+        case '10':
+          return '中药饮片费'
+
+          break
+        case '11':
+          return '中成药费'
+
+          break
+        case '12':
+          return '一般诊疗费'
+
+          break
+        case '13':
+          return '挂号费'
+
+          break
+        case '14':
+          return '其他费'
+
+          break
+
+      }
+
     },
-    data() {
-      return {
-        record_date: '',
-        patientTableData: [],
-        advicePrint: [],
-        hisPatient: {},
-        patient: {},
-        search_input: '',
-        loading: false,
-        patient_id: 0,
-        prescription_id: 0,
-        ids: '',
-        info: null,
-        org_id: '',
-        list:[],
-        infos:[],
+    printThisPage() {
+      var ptime = Math.round(new Date().getTime() / 1000)
+      this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')
+
+      if (this.org_id == 10265) {
+
+        const style =
+          '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
+        const style1 = "@media print{#prescription-print{font-size:14px;}.title{text-align: center;font-size: 22px;font-weight: bold;}.row{display: flex;justify-content: space-between;}.under_line{border-bottom: 1px solid #999;width: 95%;text-align: center;margin-left: 2px;display: inline-block;}.inline_block{display: inline-block;}.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: 14px;padding: 5px 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;}}";
+        printJS({
+          printable: "prescription-print",
+          type: "html",
+          style: style1,
+          scanStyles: false
+        });
+
+      } else {
+
+        const style =
+          '@media print {.statementTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.statementTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;}}'
+        printJS({
+          printable: 'statement-print',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+
       }
+
+      // if (this.org_template_info.template_id == 1) {
+      //   printJS({
+      //     printable: "dialysis-print-box",
+      //     type: "html",
+      //     style: style,
+      //     scanStyles: false
+      //   });
+      // }
     },
-    methods: {
-      getType(med_chrgitm_type) {
-        switch (med_chrgitm_type) {
-          case '01':
-            return '床位费'
-            break
-          case '02':
-            return '诊察费'
-  
-            break
-          case '03':
-            return '检查费'
-  
-            break
-          case '04':
-            return '化验费'
-            break
-          case '05':
-            return '治疗费'
-  
-            break
-          case '06':
-            return '手术费'
-  
-            break
-          case '07':
-            return '护理费'
-  
-            break
-          case '08':
-            return '材料费'
-  
-            break
-          case '09':
-            return '西药费'
-  
-            break
-          case '10':
-            return '中药饮片费'
-  
-            break
-          case '11':
-            return '中成药费'
-  
-            break
-          case '12':
-            return '一般诊疗费'
-  
-            break
-          case '13':
-            return '挂号费'
-  
-            break
-          case '14':
-            return '其他费'
-  
-            break
-  
+    getJiaTotal(items) {
+      console.log(items)
+      let total = 0
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].chrgitm_lv == "01") {
+          total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
+
         }
-  
-      },
-      printThisPage() {
-        var ptime = Math.round(new Date().getTime() / 1000)
-        this.print_time = uParseTime(ptime, '{y}-{m}-{d} {h}:{i}')
-  
-        if (this.org_id == 10265) {
-  
-          const style =
-            '@media print {.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
-          const style1 = "@media print{#prescription-print{font-size:14px;}.title{text-align: center;font-size: 22px;font-weight: bold;}.row{display: flex;justify-content: space-between;}.under_line{border-bottom: 1px solid #999;width: 95%;text-align: center;margin-left: 2px;display: inline-block;}.inline_block{display: inline-block;}.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: 14px;padding: 5px 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;}}";
-          printJS({
-            printable: "prescription-print",
-            type: "html",
-            style: style1,
-            scanStyles: false
-          });
-  
-        } else {
-  
-          const style =
-            '@media print {.statementTitle{font-size: 28px;text-align: center;font-weight: bold;margin-bottom: 10px;}.statementTable{width: 100%;text-align: center;border-collapse: collapse;line-height: 40px;font-size: 16px;border-color: #000;}}'
-          printJS({
-            printable: 'statement-print',
-            type: 'html',
-            style: style,
-            scanStyles: false
-          })
-  
-        }
-  
-        // if (this.org_template_info.template_id == 1) {
-        //   printJS({
-        //     printable: "dialysis-print-box",
-        //     type: "html",
-        //     style: style,
-        //     scanStyles: false
-        //   });
-        // }
-      },
-      getJiaTotal(items) {
-        console.log(items)
-        let total = 0
-        for (let i = 0; i < items.length; i++) {
-          if (items[i].chrgitm_lv == "01") {
-            total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
-  
-          }
+      }
+      return total.toFixed(2)
+    },
+    getYiTotal(items) {
+      let total = 0
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].chrgitm_lv == "02") {
+          total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
+
+          // total = Number(total) + Number((parseFloat(items[i].count) * parseFloat(items[i].price)).toFixed(2))
         }
-        return total.toFixed(2)
-      },
-      getYiTotal(items) {
-        let total = 0
-        for (let i = 0; i < items.length; i++) {
-          if (items[i].chrgitm_lv == "02") {
-            total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
-  
-            // total = Number(total) + Number((parseFloat(items[i].count) * parseFloat(items[i].price)).toFixed(2))
-          }
+      }
+      return total.toFixed(2)
+    },
+    getBingTotal(items) {
+
+      let total = 0
+      for (let i = 0; i < items.length; i++) {
+        if (items[i].chrgitm_lv == "03") {
+          total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
+
+          // total = Number(total) + Number((parseFloat(items[i].count) * parseFloat(items[i].price)).toFixed(2))
         }
-        return total.toFixed(2)
-      },
-      getBingTotal(items) {
-  
-        let total = 0
-        for (let i = 0; i < items.length; i++) {
-          if (items[i].chrgitm_lv == "03") {
-            total = parseFloat(total) + (parseFloat(items[i].cnt) * parseFloat(items[i].pric))
-  
-            // total = Number(total) + Number((parseFloat(items[i].count) * parseFloat(items[i].price)).toFixed(2))
-          }
+      }
+      return total.toFixed(2)
+    },
+    getInfo(order_ids) {
+      var that = this
+      axios.get('http://127.0.0.1:9532/api/settle/query/batch', {
+        params: {
+          order_ids: order_ids,
+          admin_user_id: this.$store.getters.xt_user.user.id
         }
-        return total.toFixed(2)
-      },
-      getInfo(order_ids) {
-        var that = this
-        axios.get('http://127.0.0.1:9532/api/settle/query/batch', {
-          params: {
-            order_ids: order_ids,
-            admin_user_id: this.$store.getters.xt_user.user.id
+      })
+        .then(function(response) {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+            return false
+          } else {
+            let infos = []
+            for(var i  = 0; i < response.data.data.infos.length; i++){
+              var info = response.data.data.infos[i]
+              that.info['patient'] = info.patient
+              that.info['diagnosis'] = info.diagnosis
+              that.info['p_admin'] = info.printor_admin
+              that.info['charge_admin'] = info.charge_admin
+              that.info['fixmedins_name'] = info.org_name
+              that.info['fixmedins_code'] = info.org_code
+              that.info['order'] = info.order
+              that.info['date'] = info.date
+              that.info['number'] = info.number
+              that.info['order_infos'] = info.order_infos
+              that.info['diagnosis'] = info.diagnosis
+              that.info['dia_config'] = info.dia_config
+              that.info['doctor_info'] = info.doctor_info
+              that.info['bed_cost_total'] = info.bedCostTotal
+              that.info['bed_cost_self_total'] = info.bedCostSelfTotal
+              that.info['bed_cost_part_self_total'] = info.bedCostPartSelfTotal
+              that.info['operation_cost_total'] = info.operationCostTotal
+              that.info['operation_cost_self_total'] = info.operationCostSelfTotal
+              that.info['operation_cost_part_self_total'] = info.operationCostPartSelfTotal
+              that.info['other_cost_total'] = info.otherCostTotal
+              that.info['other_cost_self_total'] = info.otherCostSelfTotal
+              that.info['other_cost_part_self_total'] = info.otherCostPartSelfTotal
+              that.info['material_cost_total'] = info.materialCostTotal
+              that.info['material_cost_self_total'] = info.materialCostSelfTotal
+              that.info['material_cost_part_self_total'] = info.materialCostPartSelfTotal
+              that.info['western_medicine_cost_total'] = info.westernMedicineCostTotal
+              that.info['western_medicine_cost_self_total'] = info.westernMedicineCostSelfTotal
+              that.info['western_medicine_cost_part_self_total'] = info.westernMedicineCostPartSelfTotal
+              that.info['chinese_traditional_medicine_cost_total'] = info.chineseTraditionalMedicineCostTotal
+              that.info['chinese_traditional_medicine_cost_self_total'] = info.chineseTraditionalMedicineCostSelfTotal
+              that.info['chinese_traditional_medicine_cost_part_self_total'] = info.chineseTraditionalMedicineCostPartSelfTotal
+              that.info['check_cost_total'] = info.checkCostTotal
+              that.info['check_cost_self_total'] = info.checkCostSelfTotal
+              that.info['check_cost_part_self_total'] = info.checkCostPartSelfTotal
+              that.info['laboratory_cost_total'] = info.laboratoryCostTotal
+              that.info['laboratory_cost_self_total'] = info.laboratoryCostSelfTotal
+              that.info['laboratory_cost_part_self_total'] = info.laboratoryCostPartSelfTotal
+              that.info['treat_cost_total'] = info.treatCostTotal
+              that.info['treat_cost_self_total'] = info.treatCostSelfTotal
+              that.info['treat_cost_part_self_total'] = info.treatCostPartSelfTotal
+              that.info['date'] = info.date
+              that.info['number'] = info.number
+              that.info['order_infos'] = info.order_infos
+              that.info['diagnosis'] = info.diagnosis
+              that.info['his'] = info.his_hospital
+              infos.push(that.info)
+            }
+            that.infos = infos
+            console.log(infos)
+            console.log(that.infos)
+
+
           }
         })
-          .then(function(response) {
-            if (response.data.state == 0) {
-              this.$message.error(response.data.msg)
-              return false
-            } else {
-              let infos = []
-              for(var i  = 0; i < response.data.data.infos; i++){
-                var info = response.data.data.infos[i]
-                that.info['patient'] = info.patient
-                that.info['diagnosis'] = info.diagnosis
-                that.info['p_admin'] = info.printor_admin
-                that.info['charge_admin'] = info.charge_admin
-                that.info['fixmedins_name'] = info.org_name
-                that.info['fixmedins_code'] = info.org_code
-                that.info['order'] = info.order
-                that.info['date'] = info.date
-                that.info['number'] = info.number
-                that.info['order_infos'] = info.order_infos
-                that.info['diagnosis'] = info.diagnosis
-                that.info['dia_config'] = info.dia_config
-                that.info['doctor_info'] = info.doctor_info
-                that.info['bed_cost_total'] = info.bedCostTotal
-                that.info['bed_cost_self_total'] = info.bedCostSelfTotal
-                that.info['bed_cost_part_self_total'] = info.bedCostPartSelfTotal
-                that.info['operation_cost_total'] = info.operationCostTotal
-                that.info['operation_cost_self_total'] = info.operationCostSelfTotal
-                that.info['operation_cost_part_self_total'] = info.operationCostPartSelfTotal
-                that.info['other_cost_total'] = info.otherCostTotal
-                that.info['other_cost_self_total'] = info.otherCostSelfTotal
-                that.info['other_cost_part_self_total'] = info.otherCostPartSelfTotal
-                that.info['material_cost_total'] = info.materialCostTotal
-                that.info['material_cost_self_total'] = info.materialCostSelfTotal
-                that.info['material_cost_part_self_total'] = info.materialCostPartSelfTotal
-                that.info['western_medicine_cost_total'] = info.westernMedicineCostTotal
-                that.info['western_medicine_cost_self_total'] = info.westernMedicineCostSelfTotal
-                that.info['western_medicine_cost_part_self_total'] = info.westernMedicineCostPartSelfTotal
-                that.info['chinese_traditional_medicine_cost_total'] = info.chineseTraditionalMedicineCostTotal
-                that.info['chinese_traditional_medicine_cost_self_total'] = info.chineseTraditionalMedicineCostSelfTotal
-                that.info['chinese_traditional_medicine_cost_part_self_total'] = info.chineseTraditionalMedicineCostPartSelfTotal
-                that.info['check_cost_total'] = info.checkCostTotal
-                that.info['check_cost_self_total'] = info.checkCostSelfTotal
-                that.info['check_cost_part_self_total'] = info.checkCostPartSelfTotal
-                that.info['laboratory_cost_total'] = info.laboratoryCostTotal
-                that.info['laboratory_cost_self_total'] = info.laboratoryCostSelfTotal
-                that.info['laboratory_cost_part_self_total'] = info.laboratoryCostPartSelfTotal
-                that.info['treat_cost_total'] = info.treatCostTotal
-                that.info['treat_cost_self_total'] = info.treatCostSelfTotal
-                that.info['treat_cost_part_self_total'] = info.treatCostPartSelfTotal
-                that.info['date'] = info.date
-                that.info['number'] = info.number
-                that.info['order_infos'] = info.order_infos
-                that.info['diagnosis'] = info.diagnosis
-                that.info['his'] = info.his_hospital
-                infos.push(that.info)
-              }
-              that.infos = infos
-  
-            }
-          })
-          .catch(function(error) {
-          })
-      }
-      },
-    created() {
-      this.getInfo(this.paramsObj.order_ids)
-      this.org_id = this.$store.getters.xt_user.org_id
+        .catch(function(error) {
+        })
+    }
     },
-    watch: {
-      paramsObj: {//深度监听，可监听到对象、数组的变化
-        handler(val, oldVal) {
-          this.paramsObj = val
-          this.getInfo(this.paramsObj.order_ids)
-  
-        },
-        deep: true
-      }
+  created() {
+    this.getInfo(this.paramsObj.order_ids)
+    this.org_id = this.$store.getters.xt_user.org_id
+  },
+  watch: {
+    paramsObj: {//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal) {
+        this.paramsObj = val
+        this.getInfo(this.paramsObj.order_ids)
+
+      },
+      deep: true
     }
-  
-  }
-  </script>
-  
-  <style>
-  .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;
-  }
-  
-  .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: 40px;
-    font-size: 14px;
-    border-color: #000;
-  }
-  
-  .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;
-  }
-  
-  .dialysis-print-order .radio-lebel-box {
-    font-weight: 400;
-    cursor: pointer;
-  }
-  
-  .dialysis-print-order .radio-no {
-    opacity: 0;
-    outline: none;
-    position: absolute;
-    margin: 0;
-    width: 0;
-    height: 0;
-    z-index: -1;
-  }
-  
-  .dialysis-print-order .radio-inner {
-    white-space: nowrap;
-    cursor: pointer;
-    outline: none;
-    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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
-    background-color 0.25s cubic-bezier(0.71, -0.46, 0.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;
-  }
-  
-  .dialysis-print-order .print-table tr td {
-    padding: 1px 1px;
-    /*line-height: 25px;*/
-  }
-  
-  .es-img {
-    height: 30px;
-  }
-  
-  .advice-name {
-    text-align: left;
-  }
-  
-  .advice-children {
-    display: flex;
-  }
-  
-  .title-box-pro {
-    border: 0 #fff;
-    line-height: 25px;
-    height: 25px;
-    text-align: left;
-    padding-left: 10px !important;
-  }
-  
-  .title-box-pro-tr {
-    border: 0 #fff;
-  }
-  
-  .text-align-left {
-    text-align: left !important;
-    padding-left: 10px !important;
-    font-size: 14px !important;
-    line-height: 25px;
-  }
-  
-  .print-table-tr-new td {
-    line-height: 20px !important;
-  }
-  
-  .border-top-solid {
-    border: solid 1px #000;
-  }
-  
-  .print-template-two tr {
-    line-height: 30px;
-  }
-  
-  .table-box1 {
-    border: 1px solid #000;
-    width: 100%;
-    line-height: 30px;
-    font-size: 14px;
-    border-collapse: collapse;
-  }
-  
-  .table-box1 tr {
-    border-bottom: 1px solid #000;
-  }
-  </style>
-  
-  <style lang="scss">
-  
-  .newContainer {
-  
-  .dialysisPage::-webkit-scrollbar {
-    height: 15px;
-  }
-  
-  .el-date-editor {
-  
-  .el-input__inner {
-    padding-right: 0px;
-  }
-  
-  }
-  .el-table td, .el-table th {
-    text-align: center;
-  }
-  
-  }
-  .newContainer::-webkit-scrollbar {
-    height: 15px !important;
   }
-  </style>
-  
+
+}
+</script>
+
+<style>
+.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;
+}
+
+.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: 40px;
+  font-size: 14px;
+  border-color: #000;
+}
+
+.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;
+}
+
+.dialysis-print-order .radio-lebel-box {
+  font-weight: 400;
+  cursor: pointer;
+}
+
+.dialysis-print-order .radio-no {
+  opacity: 0;
+  outline: none;
+  position: absolute;
+  margin: 0;
+  width: 0;
+  height: 0;
+  z-index: -1;
+}
+
+.dialysis-print-order .radio-inner {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  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 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46),
+  background-color 0.25s cubic-bezier(0.71, -0.46, 0.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;
+}
+
+.dialysis-print-order .print-table tr td {
+  padding: 1px 1px;
+  /*line-height: 25px;*/
+}
+
+.es-img {
+  height: 30px;
+}
+
+.advice-name {
+  text-align: left;
+}
+
+.advice-children {
+  display: flex;
+}
+
+.title-box-pro {
+  border: 0 #fff;
+  line-height: 25px;
+  height: 25px;
+  text-align: left;
+  padding-left: 10px !important;
+}
+
+.title-box-pro-tr {
+  border: 0 #fff;
+}
+
+.text-align-left {
+  text-align: left !important;
+  padding-left: 10px !important;
+  font-size: 14px !important;
+  line-height: 25px;
+}
+
+.print-table-tr-new td {
+  line-height: 20px !important;
+}
+
+.border-top-solid {
+  border: solid 1px #000;
+}
+
+.print-template-two tr {
+  line-height: 30px;
+}
+
+.table-box1 {
+  border: 1px solid #000;
+  width: 100%;
+  line-height: 30px;
+  font-size: 14px;
+  border-collapse: collapse;
+}
+
+.table-box1 tr {
+  border-bottom: 1px solid #000;
+}
+</style>
+
+<style lang="scss">
+
+.newContainer {
+
+.dialysisPage::-webkit-scrollbar {
+  height: 15px;
+}
+
+.el-date-editor {
+
+.el-input__inner {
+  padding-right: 0px;
+}
+
+}
+.el-table td, .el-table th {
+  text-align: center;
+}
+
+}
+.newContainer::-webkit-scrollbar {
+  height: 15px !important;
+}
+</style>

src/xt_pages/hospitalStation/inHospitalHistory.vue

@@ -0,0 +1,647 @@
+<template>
+  <div class="main-contain">
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+    </div>
+    <div class="app-container">
+      <div class="cell clearfix">
+        <!-- <el-input style="width: 180px;" v-model.trim="search_input" class="filter-item"/> -->
+        <el-autocomplete
+          style="margin:16px 5px"
+          popper-class="my-autocomplete"
+          v-model.trim="search_input"
+          :fetch-suggestions="querySearchAsync"
+          :trigger-on-focus="false"
+          placeholder="病人名字或者透析号"
+          @select="handleSelect"
+        >
+          <i class="el-icon-search el-input__icon" slot="suffix"> </i>
+          <template slot-scope="{ item }">
+            <div class="name">{{ item.name }}</div>
+          </template>
+        </el-autocomplete>
+        <el-button style="margin-right:10px;" class="filter-item" type="primary" icon="el-icon-search"
+                   @click="searchAction">搜索
+        </el-button>
+
+        <el-date-picker type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm"
+                        placeholder="选择时间" v-model="start_time" style="width:200px"
+                        @change="changeStart"
+        >
+        </el-date-picker>
+        -
+        <el-date-picker type="datetime" format="yyyy-MM-dd HH:mm" value-format="yyyy-MM-dd HH:mm"
+                        placeholder="选择时间" v-model="end_time" style="width:200px"
+                        @change="changeEnd"
+        >
+        </el-date-picker>
+
+      </div>
+      <el-table :data="tableData" border  :row-style="{ color: '#303133' }"
+                :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                highlight-current-row>
+        <el-table-column align="center" type="index" label="序号" width="60">
+        </el-table-column>
+        <el-table-column align="center" prop="dialysis_no" label="姓名" width="80">
+          <template slot-scope="scope">{{scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="证件号" width='180'>
+          <template slot-scope="scope">{{ scope.row.id_card_no }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="就诊号" width="80">
+          <template slot-scope="scope">
+            {{scope.row.number}}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="入院科室" width="80">
+          <template slot-scope="scope">{{getDepartMent(scope.row.departments)}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="入院时间" width="100">
+          <template slot-scope="scope">{{scope.row.in_hosptial_time}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="出院时间" width="100">
+          <template slot-scope="scope">{{scope.row.out_hosptial_time}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="疾病类型" width="100">
+          <template slot-scope="scope">{{GetSickType(scope.row.sick_type)}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="诊断" width="100">
+          <template slot-scope="scope">{{GetDiagnosisName(parseInt(scope.row.diagnosis))}}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="医疗类别" width="100">
+          <template slot-scope="scope">
+            <div v-if="scope.row.med_type == 11">普通住院</div>
+            <div v-if="scope.row.med_type == 14">门诊特殊病</div>
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" prop="name" label="结算类型" width="70">
+          <template slot-scope="scope">{{getBanlance(scope.row.balance_accounts_type) }}</template>
+        </el-table-column>
+
+
+
+        <el-table-column align="center" prop="name" label="医生" width="80">
+          <template slot-scope="scope">{{getDoctor(scope.row.doctor) }}</template>
+        </el-table-column>
+        <el-table-column align="center" prop="name" label="状态" width="70">
+          <template slot-scope="scope">
+            <div v-if="scope.row.in_hospital_status == 1 && scope.row.out_hospital_status == 0">{{"在院"}}</div>
+            <div v-if="scope.row.in_hospital_status == 1 && scope.row.out_hospital_status == 1">{{"已出院"}}</div>
+          </template>
+        </el-table-column>
+<!--        <el-table-column align="center" prop="name" label="操作" width="180">-->
+<!--          <template slot-scope="scope">-->
+<!--            <el-button size="mini" type="primary" v-if="scope.row.status == 1"-->
+<!--                       @click="toReturnPatient(scope.row)">退号-->
+<!--            </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
+
+      <el-pagination
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+        :page-sizes="[10, 50, 100]"
+        :page-size="10"
+        background
+        style="margin-top:20px;float: right"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+      >
+      </el-pagination>
+
+    </div>
+  </div>
+</template>
+
+<script>
+const moment = require('moment')
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import {getInHospitalHistory,getInitData} from '@/api/his/his'
+import { uParseTime } from '@/utils/tools'
+import { getDictionaryDataConfig } from '@/utils/data'
+import axios from 'axios'
+export default {
+  components: {
+    BreadCrumb
+  },
+  data() {
+    return {
+      crumbs: [
+        { path: false, name: '门诊挂号' },
+        { path: false, name: '挂号历史' }
+      ],
+      register_type: 0,
+      search_input: '',
+      value1: '',
+      tableData: [],
+      register: [
+        { value: 0, label: '全部' },
+        { value: 1, label: '普通' },
+        { value: 2, label: '主治' },
+        { value: 3, label: '主任' },
+        { value: 4, label: '免收诊金' },
+        { value: 5, label: '专家' }
+      ],
+      start_time: moment().format('YYYY-MM-DD HH:mm'),
+      end_time: moment().format('YYYY-MM-DD HH:mm'),
+      limit: 10,
+      page: 1,
+      total: 0,
+      departMent: [],
+      doctorList: [],
+      medicalCare: [{
+        id: 1,
+        name: '职工基本医疗保险'
+      }, {
+        id: 2,
+        name: '公务员医疗补助'
+      }, {
+        id: 3,
+        name: '大额医疗费用补助'
+      }, {
+        id: 4,
+        name: '离休人员医疗'
+      }, {
+        id: 5,
+        name: '城乡居民基本医疗保险'
+      }, {
+        id: 6,
+        name: '城乡居民大病医疗保险'
+      },
+        {
+          id: 7,
+          name: '生育保险'
+        }],
+      certificates: [{
+        value: 1,
+        label: '内地身份证'
+      }, {
+        value: 2,
+        label: '社保卡'
+      }, {
+        value: 3,
+        label: '护照'
+      }, {
+        value: 4,
+        label: '军官证'
+      }, {
+        value: 5,
+        label: '台胞证'
+      }, {
+        value: 6,
+        label: '港澳地区身份证'
+      }],
+      settlement:
+        [
+          { value: 1, label: '医保' },
+          { value: 2, label: '自费' },
+          { value: 3, label: '公费' },
+          { value: 4, label: '农保' },
+          { value: 5, label: '会员' },
+          { value: 6, label: '职工' },
+          { value: 7, label: '合同' },
+          {value: 8, label: '医保自费'},
+
+        ],
+      // medicalCare: [{
+      //   value: 1,
+      //   label: '职工基本医疗保险'
+      //   }, {
+      //   value: 2,
+      //   label: "公务员医疗补助"
+      //   },{
+      //   value: 3,
+      //   label: "大额医疗费用补助"
+      //   },{
+      //   value: 4,
+      //   label: "离休人员医疗"
+      //   },{
+      //   value: 5,
+      //   label: "城乡居民基本医疗保险"
+      //   },{
+      //   value: 6,
+      //   label: "城乡居民大病医疗保险"
+      //   },
+      //   {
+      //   value: 7,
+      //   label: "生育保险"
+      // }],
+      newRegister: [{
+        value: 1,
+        label: '普通'
+      }, {
+        value: 2,
+        label: '主治'
+      }, {
+        value: 3,
+        label: '主任'
+      }, {
+        value: 4,
+        label: '免收诊金'
+      }, {
+        value: 5,
+        label: '专家'
+      }],
+
+      tablePatient: [],
+      creator: '',
+      startUnix: '',
+
+      dialogVisible: false,
+      form: {},
+      is_Name: false,
+      sick:[],
+      diagnoses:[],
+    }
+  },
+  created() {
+    // let a = JSON.parse(localStorage.getItem("temp"))
+    // let arr = []
+    // a.map(item => {
+    //     if(item.org_id == this.$store.getters.xt_user.org_id){
+    //         item.create_time = moment(item.create_time * 1000).format('YYYY-MM-DD')
+    //         arr.push(item)
+    //     }
+
+    // })
+    // this.tableData = arr
+    //获取所有挂号号的患者
+
+    this.creator = this.$store.getters.xt_user.user.user_name
+    var today = moment().startOf('day').format('YYYY-MM-DD')
+    var todayUnix = Date.parse(today) / 1000
+    this.startUnix = todayUnix - 28800
+    this.getInitData()
+    this.getlist()
+    this.getDictionaryDataConfig()
+  },
+  methods: {
+    getInitData() {
+      getInitData().then((response) => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+          this.sick = response.data.data.sick;
+          this.diagnoses = response.data.data.diagnose;
+        }
+      });
+    },GetSickType(id){
+      for(let i = 0;i < this.sick.length; i++){
+        if(this.sick[i].id == id){
+          return this.sick[i].class_name
+        }
+      }
+      return ""
+    },
+    GetDiagnosisName(id){
+      for(let i = 0;i < this.diagnoses.length; i++){
+        if(this.diagnoses[i].id == id){
+          return this.diagnoses[i].class_name
+        }
+      }
+      return ""
+    },
+    searchAction() {
+      this.getlist()
+    },
+    // changeTime(val){
+    //     let arr = JSON.parse(localStorage.getItem("temp"))
+    //     arr.map(item => {
+    //         item.create_time = moment(item.create_time * 1000).format('YYYY-MM-DD')
+    //     })
+    //     this.tableData = arr
+    //     console.log(new Date(val[0]).getTime() / 1000)
+    //     console.log(new Date(val[1]).getTime() / 1000)
+    //     let arr1 = this.tableData
+    //     let a = []
+    //     arr1.map(item => {
+    //      if(new Date(item.create_time).getTime() / 1000 > new Date(val[0]).getTime() / 1000 && new Date(item.create_time).getTime() / 1000 < new Date(val[1]).getTime() / 1000 && item.org_id == this.$store.getters.xt_user.org_id){
+    //         a.push(item)
+    //       }
+    //     })
+    //     this.tableData = a
+    // },
+    changeStart(val) {
+      this.start_time = val
+      this.getlist()
+    },
+    changeEnd(val) {
+      this.end_time = val
+      this.getlist()
+    },
+    changeRegister(val) {
+      this.getlist()
+    },
+    handleSizeChange(val) {
+      this.limit = val
+      this.getlist()
+    },
+    handleCurrentChange(val) {
+      this.page = val
+      this.getlist()
+    },
+    getlist() {
+      var params = {
+        keyword: this.search_input,
+        start_time: this.start_time,
+        end_time: this.end_time,
+        limit: this.limit,
+        page: this.page
+      }
+      getInHospitalHistory(params).then(response => {
+        if (response.data.state == 1) {
+          var history = response.data.data.history
+
+          console.log('history', history)
+          this.tableData = history
+          var total = response.data.data.total
+          console.log('total', total)
+          this.total = total
+          var department = response.data.data.department
+          console.log('department', department)
+          this.departMent = department
+          var doctor = response.data.data.doctor
+          console.log('doctor', doctor)
+          this.doctorList = doctor
+        }
+      })
+
+    },
+    getDepartMent(id) {
+      var name = ''
+      for (let i = 0; i < this.departMent.length; i++) {
+        if (id == this.departMent[i].id) {
+          name = this.departMent[i].name
+        }
+      }
+      return name
+    },
+    getDoctor(id) {
+      var user_name = ''
+      for (let i = 0; i < this.doctorList.length; i++) {
+        if (id == this.doctorList[i].admin_user_id) {
+          user_name = this.doctorList[i].user_name
+        }
+      }
+      return user_name
+    },
+    getMedicalTreatment(id) {
+      var name = ''
+      for (let i = 0; i < this.medicalCare.length; i++) {
+        if (this.medicalCare[i].id == id) {
+          name = this.medicalCare[i].name
+        }
+      }
+      return name
+    },
+    getTime(value, temp) {
+      if (value != undefined) {
+        return uParseTime(value, temp)
+      }
+      return ''
+    }, toReturnSZPatient(val) {
+      if(val.balance_accounts_type == 2){
+        this.$confirm('是否退号', '退号 ', {
+          confirmButtonText: '确 定',
+          cancelButtonText: '取 消',
+          type: 'warning'
+        }).then(() => {
+          let params = {
+            'id': val.id,
+          };
+          refundNumber(params).then(response => {
+            if (response.data.state == 0) {
+              this.$message.error(response.data.msg);
+              this.loadingtwo = false;
+              return false
+            } else {
+              this.getlist()
+              this.$message({ message: '退号成功', type: 'success' });
+
+            }
+          })
+
+        }).catch(() => {
+
+        })
+
+      }else{
+        var that = this
+        this.$confirm('是否退号', '退号', {
+          confirmButtonText: '确 定',
+          cancelButtonText: '取 消',
+          type: 'warning'
+        }).then(() => {
+          axios.get('http://127.0.0.1:9532/sz/api/refundnumber/get', {
+            params: {
+              his_patient_id: val.id,
+              record_time: this.getTime(val.record_date, '{y}-{m}-{d}'),
+              admin_user_id: this.$store.getters.xt_user.user.id,
+              patient_id: val.patient_id
+            }
+          })
+            .then(function(response) {
+              if (response.data.state == 0) {
+                that.$message.error(response.data.msg)
+                return false
+              } else {
+                if (response.data.data.failed_code == -10) {
+                  that.$confirm(response.data.data.msg, '医保错误信息', {
+                    confirmButtonText: '确 定',
+                    type: 'warning'
+                  }).then(() => {
+
+                  }).catch(() => {
+                  })
+                  // that.$message.error(response.data.data.msg)
+
+                } else {
+                  that.getlist()
+                  that.$message({ message: '退号成功', type: 'success' })
+                }
+              }
+            })
+            .catch(function(error) {
+            })
+        }).catch(() => {
+        })
+      }
+    },
+    toReturnPatient(row) {
+      var that = this
+      this.$confirm('确认退号吗?', '退号', {
+        confirmButtonText: '确 定',
+        cancelButtonText: '取 消',
+        type: 'warning'
+      }).then(() => {
+        //
+        let params = {
+          'id':row.id,
+          'patient_id': row.patient_id,
+          'record_time': that.getTimes(row.record_date),
+          'admin_user_id': this.$store.getters.xt_user.user.id
+        }
+        axios.get('http://127.0.0.1:9532/api/refundnumber/post', {
+          params: params
+        })
+          .then(function(response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg)
+              return false
+            } else {
+              if (response.data.data.failed_code == -10) {
+                // that.$message.error(response.data.data.msg)
+                that.$confirm(response.data.data.msg, '医保错误信息', {
+                  confirmButtonText: '确 定',
+                  type: 'warning'
+                }).then(() => {
+
+                }).catch(() => {
+                })
+              } else {
+                that.$message({ message: '退号成功', type: 'success', duration: 5000 });
+                that.getlist()
+              }
+            }
+          })
+          .catch(function(error) {
+          })
+        //
+        // changePatient(id).then(response => {
+        //   if (response.data.state == 1) {
+        //     var msg = response.data.data.msg
+        //     this.$message.success('退号成功')
+        //     this.getlist()
+        //   } else {
+        //     this.$message.error('患者已就诊,退号失败')
+        //   }
+        // })
+      })
+        .catch(() => {
+        })
+    }, getTimes(time) {
+      return uParseTime(time, '{y}-{m}-{d}')
+    },
+
+    querySearchAsync(keyword, cb) {
+      let key = '';
+      if (keyword != undefined) {
+        key = keyword
+      }
+      let searchArray = []
+
+      var params = {
+        keyword: key
+      }
+      console.log('params', params)
+      getHisPatient(params).then(response => {
+        if (response.data.state == 1) {
+          searchArray = response.data.data.patient
+          console.log('searcharrya', searchArray)
+          cb(searchArray)
+        }
+      })
+      return searchArray
+    },
+
+    handleSelect(val) {
+      this.search_input = val.name
+      this.getlist()
+    },
+    handleClose(done) {
+      done()
+    },
+    open(obj) {
+      this.dialogVisible = true
+      this.form = obj
+      console.log(obj)
+    },
+    getDictionaryDataConfig(type) {
+      let arr = getDictionaryDataConfig('system', 'social_type')
+      let str = ''
+      arr.map(item => {
+        if (item.id == type) {
+          str = item.name
+        }
+      })
+      return str
+    },
+    getCertificates(type) {
+      let arr = this.certificates
+      let str = ''
+      arr.map(item => {
+        if (item.value == type) {
+          str = item.label
+        }
+      })
+      return str
+    },
+    getSettlement(type) {
+      let arr = this.settlement
+      let str = ''
+      arr.map(item => {
+        if (item.value == type) {
+          str = item.label
+        }
+      })
+      return str
+    },
+    getMedicalCare(type) {
+      let arr = this.medicalCare
+      let str = ''
+      arr.map(item => {
+        if (item.id == type) {
+          str = item.name
+        }
+      })
+      return str
+    },
+    getRegister(type) {
+      let arr = this.newRegister
+      let str = ''
+      arr.map(item => {
+        if (item.value == type) {
+          str = item.label
+        }
+      })
+      return str
+    },
+    getDepartMent(type) {
+      let arr = this.departMent
+      let str = ''
+      arr.map(item => {
+        if (item.id == type) {
+          str = item.name
+        }
+      })
+      return str
+    },
+
+    getBanlance(id) {
+      var label = ''
+      for (let i = 0; i < this.settlement.length; i++) {
+        if (id == this.settlement[i].value) {
+          label = this.settlement[i].label
+        }
+      }
+      return label
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.basicForm {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+
+.el-form-item {
+  width: 33%;
+}
+
+}
+</style>