Merge branch '20230223_pc_vue_new_branch' of http://git.shengws.com/csx/Vue_New into 20230223_pc_vue_new_branch

src/api/inspection.js

@@ -3,9 +3,9 @@ import {
   fromTextArea
 } from 'codemirror'
 
-export function fetchInspectionReference(id) {
+export function fetchInspectionReference(id,type) {
   return request({
-    url: '/api/patient/inspection/reference?patient=' + id,
+    url: '/api/patient/inspection/reference?patient=' + id+"&type=" + type,
     method: 'get'
   })
 }
@@ -59,3 +59,25 @@ export function GetInitInspections(params) {
     params: params
   })
 }
+
+
+export function CreatePatientPICInspection(id, data) {
+  return request({
+    url: '/api/patient/pic_inspection/create?patient=' + id,
+    method: 'post',
+    data: data
+  })
+}
+
+export function editPatientPICInspection(id, data) {
+  return request({
+    url: '/api/patient/pic_inspection/edit?patient=' + id,
+    method: 'post',
+    data: data
+  })
+}
+
+
+
+
+

src/api/patient.js

@@ -509,7 +509,7 @@ export function getInspectionItemList(params) {
 }
 
 export function saveCreation(data) {
- 
+
   return request({
     url: '/api/patient/savecreationinspection',
     method: 'post',
@@ -652,3 +652,95 @@ export function deleteFirstDisease(params) {
     params: params
   })
 }
+
+export function createSickHistoryRecord(params) {
+  return request({
+    url: '/api/patient/sickhistory/create',
+    method: 'get',
+    params: params
+  })
+}
+
+
+export function deleteSickHistoryRecords(params) {
+  return request({
+    url: '/api/patient/sickhistory/delete',
+    method: 'post',
+    params: params
+  })
+}
+
+ export function ModifySickHistoryRecord(params) {
+  return request({
+    url: '/api/patient/sickhistory/modify',
+    method: 'get',
+    params: params
+  })
+}
+
+export function GetSickHistoryRecords(params) {
+  return request({
+    url: '/api/patient/sickhistory',
+    method: 'get',
+    params: params
+  })
+}
+
+
+
+export function getPhysiqueCheckRecords(patient_id, start_time_ymd, end_time_ymd) {
+  var params = {
+    patient_id: patient_id,
+    start_time: start_time_ymd,
+    end_time: end_time_ymd
+  }
+  return request({
+    url: '/api/patient/physiquecheck',
+    method: 'get',
+    params: params
+  })
+}
+export function createPhysiqueCheckRecord(params) {
+  return request({
+    url: '/api/patient/physiquecheck/create',
+    method: 'get',
+    params: params
+  })
+}
+
+export function modifyPhysiqueCheckRecord(params) {
+  return request({
+    url: '/api/patient/physiquecheck/modify',
+    method: 'get',
+    params: params
+  })
+}
+
+
+export function deletePhysiqueCheckRecords(params) {
+  return request({
+    url: '/api/patient/physiquecheck/delete',
+    method: 'post',
+    params: params
+  })
+}
+
+
+export function getPhysiqueCheckRecordsPrint(params) {
+  return request({
+    url: '/api/patient/physiquecheck/print',
+    method: 'get',
+    params: params
+  })
+}
+
+
+export function getSickhistoryCheckRecordsPrint(params) {
+  return request({
+    url: '/api/patient/sickhistory/print',
+    method: 'get',
+    params: params
+  })
+}
+
+

src/lang/zh.js

@@ -393,6 +393,7 @@ export default {
     config_value: '字段值',
     remark: '备注',
     course_disease: '病程',
+    sick_history: '病史',
     rescue_record: '抢救记录',
     manage_ment: '设备管理',
     nursing_record: '透析护理记录',

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

@@ -638,7 +638,7 @@ export const xt_asyncRouterMap = [
         meta: { title: 'inspection', noCache: true }
       },
       {
-        path: '/patients/course',
+        path: '/',
         component: () => import('@/xt_pages/user/courseOfDisease'),
         hidden: true,
         is_menu: false,
@@ -978,5 +978,5 @@ export const xt_asyncRouterMap = [
       { path: '/role/perview', component: () => import('@/xt_pages/role/EditPerview'), name: 'setupPerview', meta: { title: 'setupPerview', noCache: true }, hidden: true, is_menu: false },
       { path: '/role/admin/specialpermission', component: () => import('@/xt_pages/role/special_permission'), name: 'special_permission_manage', meta: { title: 'special_permission_manage' }}
     ]
-  }
+  },
 ]

src/router/modules/patient.js

@@ -181,7 +181,35 @@ export default {
       title: 'CourseOfDiseaseManage',
       noCache: true
     }
-  },
+  }, {
+      path: '/patients/sickhistory',
+      component: () => import('@/xt_pages/user/sickHistory'),
+      hidden: true,
+      is_menu: false,
+      name: 'sickHistory',
+      meta: { title: 'sickHistory', noCache: true }
+    }, {
+      path: '/patients/inspection_check',
+      component: () => import('@/xt_pages/user/inspectionCheck'),
+      hidden: true,
+      is_menu: false,
+      name: 'inspectionCheck',
+      meta: { title: 'inspectionCheck', noCache: true }
+    },{
+      path: '/patients/ktv',
+      component: () => import('@/xt_pages/user/ktv'),
+      hidden: true,
+      is_menu: false,
+      name: 'ktv',
+      meta: { title: 'ktv', noCache: true }
+    },{
+      path: '/patients/physicalexamination',
+      component: () => import('@/xt_pages/user/Physicalexamination'),
+      hidden: true,
+      is_menu: false,
+      name: 'physicalexamination',
+      meta: { title: 'physicalexamination', noCache: true }
+    },
   {
     path: '/patients/rescue',
     component: () => import('@/xt_pages/user/rescueRecord'),
@@ -216,7 +244,7 @@ export default {
     }
   },
   {
-    path: '/physique/print',//coursePrint
+    path: '/sickhistory/print',
     component: () => import('@/xt_pages/user/physiqueprinting'),
     hidden: true,
     is_menu: false,
@@ -226,6 +254,17 @@ export default {
       noCache: true
     }
   },
+    {
+      path: '/physique/print',
+      component: () => import('@/xt_pages/user/physiqueprintingtwo'),
+      hidden: true,
+      is_menu: false,
+      name: 'physiqueprintingtwo',
+      meta: {
+        title: 'physiqueprintingtwo',
+        noCache: true
+      }
+    },
   {
     path: '/patient/patient/templateSummary/print',
     component: () => import('@/xt_pages/user/templateSummaryPrint'),

src/xt_pages/data/components/templateTable.vue

@@ -91,7 +91,7 @@
           ></el-input>
         </el-form-item>
 
-        <el-form-item label="内容" v-if="type == 'course_disease'">
+        <el-form-item label="内容" v-if="type == 'course_disease' || type == 'sick_history'">
           <keep-alive>
             <editor
               ref="editor"
@@ -350,7 +350,7 @@ export default {
     },
     createData() {
       this.$refs["dataForm"].validate(valid => {
-        if (this.type == "course_disease") {
+        if (this.type == "course_disease" || this.type == "sick_history") {
           this.temp.content = this.$refs.editor.content;
         }
 

src/xt_pages/data/template.vue

@@ -62,6 +62,8 @@ export default {
         { label: this.$t("data_config.diagnostic_basis"), key:"diagnostic_basis"},
         { 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"},
+
       ],
       activeName: "education",
       createdTimes: 0

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -26,15 +26,12 @@
 
         <div class="mainCell" style="margin-top:10px;">
           <el-radio-group v-model="radio" @change="changeRadio">
-
             <el-radio :label=1>未收费<span
                 style="color: red;margin-bottom:10px;display: inline-block;">{{ cal_one }}</span>人
             </el-radio>
             <el-radio :label=2>已收费<span
                 style="color: red;margin-bottom:10px;display: inline-block;">{{ cal_two }}</span>人
             </el-radio>
-
-
           </el-radio-group>
         </div>
         <div class="mainCell" style="margin-bottom:10px;">

src/xt_pages/outpatientCharges/summary.vue

@@ -124,7 +124,7 @@
           <!--          </el-button-->
           <!--          >-->
 
-<!--                              <el-button size="small" type="primary" @click="export_detail_three">报表下载2</el-button>-->
+                              <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>
           <!--          <el-button size="small" type="primary" @click="export_detail_four">报表下载3</el-button>-->
           <!--          <el-button size="small" type="primary" @click="export_detail_five">报表下载3</el-button>-->
 <!--                    <el-button size="small" type="primary" @click="export_detail_six">报表下载9</el-button>-->
@@ -1205,22 +1205,25 @@ export default {
           return false;
         } else {
           let list = [];
+          console.log(response.data.data.order)
           for (let i = 0; i < response.data.data.order.length; i++) {
             let order = response.data.data.order[i];
             let data = this.setMonthPrescription(order.info)
-            // console.log(data)
+            console.log(data)
             for (let b = 0; b < data.length; b++) {
               let obj = {
                 name: order.patient.name,
                 id_card_no: order.patient.id_card_no,
                 year: "2023",
-                month: "3",
+                month: "03",
                 code: data[b].code,
-                pric: data[b].count * data[b].price,
+                pric: data[b].total ,
                 item_name: data[b].name,
                 unit: data[b].unit,
                 count: data[b].count,
-                item_type_name:this.getItemTypeName(order.order_info, data[b].id,data[b].type)
+                item_type_name:this.getItemTypeName(order.info, data[b].id,data[b].type),
+                pric_two: data[b].pric ,
+
 
               }
               if (order.insutype == "310") {
@@ -1249,6 +1252,7 @@ export default {
                 "单位": list[i].unit,
                 "数量": list[i].count,
                 "金额": list[i].pric,
+                "dan": list[i].pric_two,
               }
               tarList.push(obj)
             }
@@ -1267,6 +1271,7 @@ export default {
               "单位",
               "数量",
               "金额",
+              "dan",
 
             ];
             const filterVal = [
@@ -1281,6 +1286,8 @@ export default {
               "单位",
               "数量",
               "金额",
+              "dan",
+
 
             ];
             const data = this.formatJson(filterVal, tarList);
@@ -3119,6 +3126,7 @@ export default {
       this.getHisOrderList();
     },
     setMonthPrescription(month_prescriptions) {
+      console.log(month_prescriptions)
       let tableData = []
       let drug_month_prescriptions = {
         advices: []
@@ -3130,92 +3138,114 @@ export default {
       }
       let project_ids = []
 
+      let to = 0
+      for(let i = 0; i < month_prescriptions.length; i++){
+        to = to + month_prescriptions[i].det_item_fee_sumamt
+      }
+      console.log(to)
+
       // let addition_month_prescriptions = {
       //   addition: []
       //
       // }
       // let additions_ids = []
       for (let i = 0; i < month_prescriptions.length; i++) {
-        if (month_prescriptions[i].type == 1) { //药品
-          for (let a = 0; a < month_prescriptions[i].advices.length; a++) {
+        if (month_prescriptions[i].advice_id > 0 && month_prescriptions[i].project_id == 0) { //药品
             let obj = {
-              id: month_prescriptions[i].advices[a].drug_id,
-              price: month_prescriptions[i].advices[a].price
-
+              id: month_prescriptions[i].advices.drug_id,
+              price: month_prescriptions[i].pric
             }
             drug_ids.push(obj)
-            drug_month_prescriptions.advices.push(month_prescriptions[i].advices[a])
-          }
+            drug_month_prescriptions.advices.push(month_prescriptions[i])
 
-        } else if (month_prescriptions[i].type == 2) { //项目
-          for (let a = 0; a < month_prescriptions[i].project.length; a++) {
+        } else if (month_prescriptions[i].advice_id == 0 && month_prescriptions[i].project_id > 0) { //项目
             let obj = {
-              id: month_prescriptions[i].project[a].project_id,
-              price: month_prescriptions[i].project[a].price
-
+              id: month_prescriptions[i].project.project_id,
+              price: month_prescriptions[i].pric
             }
 
             project_ids.push(obj)
-            project_month_prescriptions.project.push(month_prescriptions[i].project[a])
-          }
+            project_month_prescriptions.project.push(month_prescriptions[i])
         }
 
       }
+      console.log(drug_ids)
+      console.log(project_ids)
+
 
       drug_ids = this.unique(drug_ids)
       project_ids = this.unique(project_ids)
+      console.log(drug_ids)
+      console.log(project_ids)
 
       // additions_ids= this.unique(additions_ids)
 
       for (let i = 0; i < drug_ids.length; i++) {
         let obj = {}
         let count = 0
+        let total = 0
+
         for (let a = 0; a < drug_month_prescriptions.advices.length; a++) {
-          if (drug_ids[i].price == drug_month_prescriptions.advices[a].price && drug_ids[i].id == drug_month_prescriptions.advices[a].drug_id) {
-            obj['name'] = drug_month_prescriptions.advices[a].advice_name
-            obj['code'] = drug_month_prescriptions.advices[a].id
-            obj['unit'] = drug_month_prescriptions.advices[a].drug.min_unit
-            obj['price'] = parseFloat(drug_month_prescriptions.advices[a].price)
-            obj['id'] = drug_month_prescriptions.advices[a].id
-            obj['type'] = 1
+          console.log( drug_month_prescriptions.advices[a].id)
+          console.log( drug_month_prescriptions.advices[a].det_item_fee_sumamt)
+          console.log((parseFloat(drug_month_prescriptions.advices[a].pric) * parseFloat(drug_month_prescriptions.advices[a].cnt)).toFixed(2))
 
 
-            count = count + drug_month_prescriptions.advices[a].prescribing_number
+          if (drug_ids[i].price == drug_month_prescriptions.advices[a].pric && drug_ids[i].id == drug_month_prescriptions.advices[a].advices.drug_id) {
+            obj['name'] = drug_month_prescriptions.advices[a].advices.advice_name
+            obj['code'] = drug_month_prescriptions.advices[a].advices.id
+            obj['unit'] = drug_month_prescriptions.advices[a].advices.drug.min_unit
+            obj['price'] = parseFloat(drug_month_prescriptions.advices[a].pric)
+            obj['id'] = drug_month_prescriptions.advices[a].advices.id
+            obj['type'] = 1
+
+            count = count + drug_month_prescriptions.advices[a].cnt
+            total = total + drug_month_prescriptions.advices[a].det_item_fee_sumamt
           }
         }
+
         obj['count'] = count
+        obj['total'] = total
+
         tableData.push(obj)
       }
 
       for (let i = 0; i < project_ids.length; i++) {
         let obj = {}
         let count = 0
+        let total = 0
+
         for (let a = 0; a < project_month_prescriptions.project.length; a++) {
-          if (project_ids[i].price == project_month_prescriptions.project[a].price && project_ids[i].id == project_month_prescriptions.project[a].project_id) {
+          if (project_ids[i].price == project_month_prescriptions.project[a].project.price && project_ids[i].id == project_month_prescriptions.project[a].project.project_id) {
 
-            if (project_month_prescriptions.project[a].type == 2) {
-              obj['name'] = project_month_prescriptions.project[a].project.project_name
-              obj['code'] = project_month_prescriptions.project[a].id
-              obj['unit'] = project_month_prescriptions.project[a].project.unit
+            if (project_month_prescriptions.project[a].project.type == 2) {
+              obj['name'] = project_month_prescriptions.project[a].project.project.project_name
+              obj['code'] = project_month_prescriptions.project[a].project.id
+              obj['unit'] = project_month_prescriptions.project[a].project.project.unit
               obj['type'] = 2
-              obj['id'] = project_month_prescriptions.project[a].id
+              obj['id'] = project_month_prescriptions.project[a].project.id
 
 
-            } else if (project_month_prescriptions.project[a].type == 3) {
-              obj['name'] = project_month_prescriptions.project[a].good_info.good_name
-              obj['code'] = project_month_prescriptions.project[a].id
-              obj['unit'] = project_month_prescriptions.project[a].good_info.packing_unit
+            } else if (project_month_prescriptions.project[a].project.type == 3) {
+              obj['name'] = project_month_prescriptions.project[a].project.good_info.good_name
+              obj['code'] = project_month_prescriptions.project[a].project.id
+              obj['unit'] = project_month_prescriptions.project[a].project.good_info.packing_unit
               obj['type'] = 3
-              obj['id'] = project_month_prescriptions.project[a].id
+              obj['id'] = project_month_prescriptions.project[a].project.id
 
             }
-            count = count + parseFloat(project_month_prescriptions.project[a].count)
-            obj['price'] = parseFloat(project_month_prescriptions.project[a].price)
+            count = count + parseFloat(project_month_prescriptions.project[a].cnt)
+            total = total + project_month_prescriptions.project[a].det_item_fee_sumamt
+
+            obj['price'] = parseFloat(project_month_prescriptions.project[a].pric)
             obj['type'] = 2
 
           }
         }
+
         obj['count'] = count
+        obj['total'] = total
+
         tableData.push(obj)
 
       }

src/xt_pages/outpatientTool/components/detail.vue

@@ -83,13 +83,13 @@
             </el-table-column>
             <el-table-column align="center" prop="name" label="费用">
                 <template slot-scope="scope">
-                    <div>{{(scope.row.price.toFixed(2)*scope.row.count).toFixed(2)}}</div>
+                    <div>{{((scope.row.price*scope.row.count).toFixed(2))}}</div>
                 </template>
             </el-table-column>
 
             <el-table-column align="center" prop="total" label="费用总额">
                 <template slot-scope="scope">
-                    <div>{{scope.row.total.toFixed(2)}}</div>
+                    <div>{{scope.row.total}}</div>
                 </template>
             </el-table-column>
 
@@ -282,6 +282,8 @@
 
                   newObj['count'] = orders[b].order_info[c].cnt
                   newObj['price'] = orders[b].order_info[c].pric
+                  newObj['item_total'] = orders[b].order_info[c].det_item_fee_sumamt
+
                   if (orders[b].order_info[c].advice_id > 0 && orders[b].order_info[c].project_id == 0) {
                     newObj['type'] = 1
                     newObj['item_name'] = orders[b].order_info[c].advice.advice_name
@@ -346,6 +348,7 @@
                 obj['type'] = project[i].type
                 obj['item_name'] = project[i].item_name
                 obj['item_spec'] = project[i].item_spec
+                obj['item_total'] = project[i].item_total
 
                 obj['item_id'] = project[i].item_id
                 obj['name'] = tempPatientsTwo[d].name
@@ -369,6 +372,7 @@
                 obj['item_spec'] = advice[i].item_spec
                 obj['item_id'] = advice[i].item_id
                 obj['name'] = tempPatientsTwo[d].name
+                obj['item_total'] = advice[i].item_total
                 obj['patient_id'] = tempPatientsTwo[d].patient_id
                 obj['count'] = count
                 tempPatientsTwo[d].new_order_info.push(obj)
@@ -380,20 +384,12 @@
               let total = 0
               for (let b = 0; b < tempPatientsTwo[i].new_order_info.length; b++) {
                 let new_name = tempPatientsTwo[i].new_order_info[b].item_name
-                // console.log('3 ' + new_name)
                 if (new_name != undefined){
-                  // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].patient_id)
-                  // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].price)
-                  // console.log('3 ' + tempPatientsTwo[i].new_order_info[b].count)
-                  //
-                  // new_name = new_name.replace('（ ', '')
-                  // new_name = new_name.replace(' ）', '')
                   if (new_name.length != 0) {
-                    console.log(tempPatientsTwo[i].new_order_info[b].count)
-                    console.log(tempPatientsTwo[i].new_order_info[b].price)
-                    console.log(parseFloat(tempPatientsTwo[i].new_order_info[b].count) * parseFloat(tempPatientsTwo[i].new_order_info[b].price))
                     console.log(total)
-                    total = total + parseFloat(tempPatientsTwo[i].new_order_info[b].count) * parseFloat(tempPatientsTwo[i].new_order_info[b].price.toFixed(2))
+                    console.log(tempPatientsTwo[i].new_order_info[b].item_total)
+
+                    total = parseFloat(total) + parseFloat(tempPatientsTwo[i].new_order_info[b].item_total).toFixed(2)
                   }
 
 

src/xt_pages/outpatientTool/detailPrint.vue

@@ -18,7 +18,7 @@
           <tr>
             <td>患者姓名：{{ patient.name }}</td>
             <td>性别：{{ patient.gender == 1 ? "男" : "女" }}</td>
-            <td>性别：{{patient.id_card_no}}</td>
+            <td>身份证：{{patient.id_card_no}}</td>
 
             <TD>年龄：{{ getAge(patient.id_card_no)?getAge(patient.id_card_no)+'岁':''}}</TD>
             <td>结算类别：

src/xt_pages/user/components/PatientSidebar.vue

@@ -98,58 +98,112 @@ export default {
               name:'1-7',
               label:'血管通路'
             },
+            // {
+            //   name: '1-2',
+            //   label: '病程管理'
+            // },
+            // {
+            //   name: '1-9',
+            //   label: '阶段小结'
+            // },
+            // {
+            //   name: '1-10',
+            //   label: '出院小结'
+            // },
+            // {
+            //   name: '1-3',
+            //   label: '检验检查'
+            // },
+            // {
+            //   name:'1-8',
+            //   label:'传染病管理'
+            // },
+            // {
+            //   name: '1-5',
+            //   label: '抢救记录'
+            // },
+            // {
+            //   name: '1-11',
+            //   label: '首次病程记录'
+            // }
+          ]
+        },
+        {
+          name: '2',
+          label: '透析管理',
+          children: [
             {
-              name: '1-2',
-              label: '病程管理'
+              name: '2-1',
+              label: '长期透析处方'
             },
             {
-              name: '1-9',
-              label: '阶段小结'
+              name: '2-2',
+              label: '透析记录'
             },
             {
-              name: '1-10',
-              label: '出院小结'
+              name: '2-4',
+              label: '排班信息'
             },
             {
-              name: '1-3',
-              label: '检验检查'
-            },
+              name: '2-5',
+              label: '宣教信息'
+            }
+          ]
+        },
+        {
+          name: '3',
+          label: '病情记录',
+          children: [
             {
-              name:'1-8',
-              label:'传染病管理'
+              name: '3-1',
+              label: '病史'
             },
             {
-              name: '1-5',
-              label: '抢救记录'
+              name: '3-2',
+              label: '体格检查'
             },
             {
               name: '1-11',
               label: '首次病程记录'
+            },
+            {
+              name: '1-2',
+              label: '病程记录'
+            }, {
+              name: '1-5',
+              label: '抢救记录'
+            }, {
+              name: '1-9',
+              label: '阶段小结'
+            }, {
+              name: '1-10',
+              label: '出院小结'
             }
           ]
         },
         {
-          name: '2',
-          label: '透析管理',
+          name: '4',
+          label: '检验检查',
           children: [
             {
-              name: '2-1',
-              label: '长期透析处方'
+              name: '1-3',
+              label: '肾科检验'
             },
             {
-              name: '2-2',
-              label: '透析记录'
+              name: '4-1',
+              label: '肾科检查'
             },
             {
-              name: '2-4',
-              label: '排班信息'
+              name: '4-3',
+              label: 'KT/V'
             },
             {
-              name: '2-5',
-              label: '宣教信息'
-            }
+              name: '1-8',
+              label: '传染病管理'
+            },
           ]
-        }
+        },
+
       ],
       name:""
     }
@@ -201,6 +255,16 @@ export default {
         this.$router.push({path:'/patient/patient/'+this.id+'/hospitalSummary'})
       }else if(name == '1-11'){
         this.$router.push({path:'/patient/patient/'+this.id+'/firstDisease'})
+      }else if(name == '3-1'){
+        this.$router.push({ path: '/patients/sickhistory?id=' + this.id })
+
+      } else if(name == '3-2'){
+        this.$router.push({path:'/patients/physicalexamination?id='+this.id})
+
+      }else if(name == '4-1'){
+        this.$router.push({path:'/patients/inspection_check?id='+this.id})
+      }else if(name == '4-3'){
+        this.$router.push({path:'/patients/ktv?id='+this.id})
       }
     },
     changePatient(value) {
@@ -349,6 +413,8 @@ export default {
         this.$router.push({
           path: '/patients/patient/' + this.id + '/proeducation'
         })
+      }else if (patientKey == '3-1') {
+        this.$router.push({ path: '/patients/sickhistory?id=' + this.id })
       }
 
      }else{

src/xt_pages/user/inspection.vue

@@ -40,6 +40,15 @@
         </el-col>
         <el-col :span="17" v-loading="itemLoading">
           <div class="filter-container" style="float:right">
+            <el-button
+              size="small"
+              class="filter-item"
+              type="primary"
+              @click="openPic()"
+              icon="el-icon-circle-plus-outline"
+              :disabled="project ? false : true"
+            >上传图片
+            </el-button>
             <el-button
               size="small"
               class="filter-item"
@@ -47,7 +56,8 @@
               @click="openNew()"
               icon="el-icon-circle-plus-outline"
               :disabled="project ? false : true"
-              >新增</el-button
+            >新增
+            </el-button
             >
             <el-button
               size="small"
@@ -56,7 +66,8 @@
               icon="el-icon-edit-outline"
               @click="openEdit()"
               :disabled="itemDate ? false : true"
-              >修改</el-button
+            >修改
+            </el-button
             >
             <el-button
               size="small"
@@ -65,73 +76,111 @@
               icon="el-icon-delete"
               @click="deleteInspection()"
               :disabled="itemDate ? false : true"
-              >删除</el-button
+            >删除
+            </el-button
             >
           </div>
           <div class="filter-container">
             <el-button class="filter-item" type="text" style="color:#000"
-              >{{ itemName }}
+            >{{ itemName }}
               <span v-if="itemDate"
-                >（检查日期：{{ itemDate }}）</span
+              >（检查日期：{{ itemDate }}）</span
               ></el-button
             >
           </div>
-          <el-table
-            :header-cell-style="{
+          <div v-if="!isPic">
+            <el-table
+              :header-cell-style="{
               backgroundColor: 'rgb(245, 247, 250)',
               color: '#606266'
             }"
-            :row-style="{ color: '#303133' }"
-            :data="items"
-            border
-            style="width: 100%"
-            id="user-inspection-order"
-          >
-            <el-table-column
-              prop="item_name"
-              label="检验项目"
-              align="center"
-              min-width="180"
-            >
-              <template slot-scope="scope">
-                {{ scope.row.item_name }} {{ scope.row.item_name_addition }}
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="name"
-              label="结果"
-              align="center"
-              min-width="80"
+              :row-style="{ color: '#303133' }"
+              :data="items"
+              border
+              style="width: 100%"
+              id="user-inspection-order"
+
             >
-              <template slot-scope="scope">
-                <span v-if="scope.row.value =='阳性'" style="color:red">{{ scope.row.value }}</span>
-                <span v-else>{{ scope.row.value }}</span>
-                <span v-if="scope.row.range_type == 1">
-                  {{scope.row.value_direction}}
+              <el-table-column
+                prop="item_name"
+                label="检验项目"
+                align="center"
+                min-width="180"
+              >
+                <template slot-scope="scope">
+                  {{ scope.row.item_name }} {{ scope.row.item_name_addition }}
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                prop="name"
+                label="结果"
+                align="center"
+                min-width="80"
+              >
+                <template slot-scope="scope">
+                  <div v-if="items[0].value.indexOf('http') < 0">
+                    <span v-if="scope.row.value =='阳性'" style="color:red">{{ scope.row.value }}</span>
+                    <span v-else>{{ scope.row.value }}</span>
+                    <span v-if="scope.row.range_type == 1">
+                  {{ scope.row.value_direction }}
                 </span>
+                  </div>
+                  <div v-else>
+                    <img :src="scope.row.value">
+                  </div>
+                </template>
+              </el-table-column>
+
+              <el-table-column
+                prop="address"
+                label="参考值"
+                align="center"
+                min-width="120"
+              >
+                <template slot-scope="scope">
+                  <div   v-if="items[0].value.indexOf('http')  < 0">
+                     <span v-if="scope.row.range_type == 1"
+                     >{{ scope.row.range_min }}~{{ scope.row.range_max }}</span
+                     >
+                    <span v-else>{{ scope.row.range_value }}</span>
+                  </div>
+                </template>
+
+              </el-table-column>
+
+              <el-table-column
+                prop="111"
+                label="单位"
+                align="center"
+                min-width="80"
+              >
+                <template slot-scope="scope">
+                  <div  v-if="items[0].value.indexOf('http') < 0">
+                    <span>{{ scope.row.unit }}</span>
+                  </div>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+          <div v-else>
+            <el-row>
+              <template v-for="(item, index) in items">
+                <el-col :span="7" :key="index">
+                  <div style="width: 400px">
+                    <el-row>
+                      <img  :src="item.value" alt="">
+                    </el-row>
+                    <el-row>
+                      <div>{{item.item_name}}</div>
+                    </el-row>
+                  </div>
+                </el-col>
               </template>
-            </el-table-column>
-            <el-table-column
-              prop="address"
-              label="参考值"
-              align="center"
-              min-width="120"
-            >
-              <template slot-scope="scope">
-                <span v-if="scope.row.range_type == 1"
-                  >{{ scope.row.range_min }}~{{ scope.row.range_max }}</span
-                >
-                <span v-else>{{ scope.row.range_value }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              prop="unit"
-              label="单位"
-              align="center"
-              min-width="80"
-            >
-            </el-table-column>
-          </el-table>
+            </el-row>
+
+          </div>
+
           <el-pagination
             align="right"
             @current-change="handleCurrentChangePage"
@@ -238,26 +287,112 @@
           type="primary"
           v-if="form.method == 'add'"
           @click="submitNew('form')"
-          >保 存</el-button
+        >保 存
+        </el-button
         >
         <el-button type="primary" v-else @click="submitEdit('form')"
-          >保 存</el-button
+        >保 存
+        </el-button
         >
       </div>
     </el-dialog>
+
+    <el-dialog
+      :title="formTitle"
+      :visible.sync="dialogPicFormVisible"
+      width="1000px"
+      id="user-inspection-form"
+    >
+      <el-form :model="form" ref="form" label-position="top">
+        <el-row>
+          <el-col :span="7">
+            <el-form-item
+              label="检验日期"
+              prop="inspect_date"
+              :rules="[
+                { required: true, message: '请输入检验日期', trigger: 'blur' }
+              ]"
+            >
+              <el-date-picker
+                style="width:95%"
+                v-model="form.inspect_date"
+                type="datetime"
+                value-format="yyyy-MM-dd HH:mm"
+                format="yyyy-MM-dd HH:mm"
+                placeholder="选择日期"
+              >
+              </el-date-picker>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <template v-for="(item, index) in form.imgs">
+            <el-col :span="5" :key="index">
+              <div>
+                <el-row>
+                  <img width="100px" :src="item.img_url" alt="">
+                </el-row>
+                <el-row>
+                  <el-input v-model="item.desc" style="width: 100px"></el-input>
+                </el-row>
+                <el-row>
+                  <el-button
+                    type="danger"
+                    @click="deletePic(item,index)"
+                  >删除
+                  </el-button>
+                </el-row>
+              </div>
+            </el-col>
+            <el-col :span="1" :key="'form-col' + index">&nbsp;</el-col>
+          </template>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-upload
+          :data="uploadData"
+          :multiple="false"
+          action="https://upload.qiniup.com"
+          :show-file-list="false"
+          :on-error="handleAvatarError"
+          :on-success="handleAvatarSuccess"
+          :before-upload="beforeAvatarUpload">
+          <el-button type="primary">选择文件</el-button>
+        </el-upload>
+        <el-button @click="dialogPicFormVisible = false">取 消</el-button>
+        <el-button
+          type="primary"
+          v-if="this.form.pic_method== 'add'"
+          @click="submitPicNew()"
+        >保 存
+        </el-button>
+
+        <el-button
+          type="primary"
+          v-if="this.form.pic_method == 'edit'"
+          @click="submitEditPicNew()"
+        >修 改
+        </el-button>
+      </div>
+    </el-dialog>
   </div>
+
 </template>
 
 <script>
 import PatientSidebar from './components/PatientSidebar'
+import { getToken } from '@/api/qiniu'
+
 import {
-  fetchInspectionReference,
   CreatePatientInspection,
-  fetchPatientInspections,
+  CreatePatientPICInspection,
+  editPatientPICInspection,
+  DeletePatientInspection,
   EditPatientInspection,
-  DeletePatientInspection
+  fetchInspectionReference,
+  fetchPatientInspections
 } from '@/api/inspection'
-import { uParseTime, isPositiveNumber } from '@/utils/tools'
+import { getFileExtension, uParseTime } from '@/utils/tools'
 
 export default {
   name: 'Inspection',
@@ -265,6 +400,9 @@ export default {
   data() {
     return {
       total: 0,
+      qiniuDomain: 'https://images.shengws.com/',
+      isPic:false,
+      uploadData: { token: '', key: '' },
       pageLoading: true,
       itemLoading: false,
       formLoading: false,
@@ -276,15 +414,20 @@ export default {
       },
       itemName: '请选择项目',
       formTitle: '',
+      dialogPicFormVisible: false,
       dialogFormVisible: false,
       patient_info: null,
+
       form: {
         remind_cycle: '',
         method: 'add',
+        pic_method:'add',
         project_id: 0,
         inspect_date: '',
         old_inspect_date: '',
-        formItem: [{ id: 0, value: '' }]
+        formItem: [{ id: 0, value: '' }],
+        imgs: [],
+        delete_imgs:[],
       },
       formItem: [],
       items: [],
@@ -300,19 +443,90 @@ export default {
     }
   },
   methods: {
-    changeInput(item){
-      
-      if(item.item_name == '血清铁' || item.item_name == '总铁结合力'){
+    beforeAvatarUpload(file) {
+      // const isJPG = file.type === "image/jpeg";
+      var fileType = file.type
+      const isJPG = fileType.indexOf('image') > -1
+      const isLt2M = file.size / 1024 / 1024 < 5
+
+      if (!isJPG) {
+        this.$message.error('只能上传图片')
+        return false
+      }
+      if (!isLt2M) {
+        this.$message.error('上传头像图片大小不能超过 5MB!')
+        return false
+      }
+
+      var date = new Date()
+      var ext = getFileExtension(file.name)
+      var key =
+        date.getFullYear() +
+        '/' +
+        (date.getMonth() + 1) +
+        '/' +
+        date.getDate() +
+        '/' +
+        date.getHours() +
+        '/' +
+        date.getMinutes() +
+        '/' +
+        date.getSeconds() +
+        '/' +
+        '_s_' +
+        file.uid +
+        '.' +
+        ext
+      this.loading = this.$loading({
+        lock: true,
+        text: '上传中...',
+        spinner: 'el-icon-loading',
+        background: 'rgba(0, 0, 0, 0.7)'
+      })
+
+      const _self = this
+      return new Promise((resolve, reject) => {
+        getToken()
+          .then(response => {
+            const token = response.data.data.uptoken
+            _self._data.uploadData.token = token
+            _self._data.uploadData.key = key
+            resolve(true)
+          })
+          .catch(err => {
+            console.log(err)
+            reject(false)
+            this.loading.close()
+          })
+      })
+    },
+
+    handleAvatarError(err, file, fileList) {
+      this.$message.error(err)
+      this.loading.close()
+      return false
+    },
+    handleAvatarSuccess(res, file) {
+      this.form.imgs.push({
+        img_url: this.qiniuDomain + res.url + '?imageView2/2/w/500/h/500/q/90',
+        desc: '',
+        id: 0
+      })
+      this.loading.close()
+    },
+    changeInput(item) {
+
+      if (item.item_name == '血清铁' || item.item_name == '总铁结合力') {
         let index1 = ''
         let index2 = ''
-        this.form.formItem.map((it,index) => {
-          if(this.form.formItem[index].item_name == '血清铁'){
+        this.form.formItem.map((it, index) => {
+          if (this.form.formItem[index].item_name == '血清铁') {
             index1 = index
           }
-          if(this.form.formItem[index].item_name == '总铁结合力'){
+          if (this.form.formItem[index].item_name == '总铁结合力') {
             index2 = index
           }
-          if(it.item_name == '转铁蛋白饱和度(计算)'){
+          if (it.item_name == '转铁蛋白饱和度(计算)') {
             it.value = (parseFloat(this.form.formItem[index1].value) / parseFloat(this.form.formItem[index2].value)) * 100
           }
         })
@@ -363,39 +577,101 @@ export default {
             }
           })
         })
-        .catch(() => {})
+        .catch(() => {
+        })
     },
     openEdit() {
+
+      if (this.project == null) {
+        this.$message.error('请先选择项目')
+        return false
+      }
+      if(this.isPic){
+        this.form.pic_method = 'edit'
+        this.formTitle = '修改' + this.project.project_name
+        this.form.project_id = this.project.project_id
+        this.form.inspect_date = this.itemDate
+        this.form.old_inspect_date = this.itemDate
+        this.form.imgs = []
+        this.form.delete_imgs = []
+        for(var index in this.inspections){
+          this.form.imgs.push({
+            id: this.inspections[index].id,
+            img_url: this.inspections[index].inspect_value,
+            desc: this.inspections[index].item_name
+          })
+        }
+        console.log(this.form.imgs)
+        this.dialogPicFormVisible = true
+      }else{
+        console.log("22222")
+        this.form.method = 'edit'
+        this.formTitle = '修改' + this.project.project_name
+        this.form.project_id = this.project.project_id
+        this.form.inspect_date = this.itemDate
+        this.form.old_inspect_date = this.itemDate
+        this.form.remind_cycle = this.patient_info.remind_cycle
+        console.log(this.form.remind_cycle)
+
+        this.form.formItem = []
+        for (var index in this.project.inspection_reference) {
+          this.form.formItem.push({
+            id: this.project.inspection_reference[index].id in this.inspectionsMap ? this.inspectionsMap[this.project.inspection_reference[index].id].id : 0,
+            project_id: this.project.inspection_reference[index].project_id,
+            project_name: this.project.inspection_reference[index].project_name,
+            item_id: this.project.inspection_reference[index].id,
+            item: this.project.inspection_reference[index].item,
+            item_name: this.project.inspection_reference[index].item_name,
+            range_type: this.project.inspection_reference[index].range_type,
+            value: this.project.inspection_reference[index].id in this.inspectionsMap ? this.inspectionsMap[this.project.inspection_reference[index].id].inspect_value : '',
+            select_options: this.project.inspection_reference[index].range_options.split(','),
+            unit: this.project.inspection_reference[index].unit
+          })
+        }
+        console.log(this.form.formItem)
+        this.dialogFormVisible = true
+
+      }
+
+    }, openPic() {
       if (this.project == null) {
         this.$message.error('请先选择项目')
         return false
       }
 
-      this.form.method = 'edit'
-      this.formTitle = '修改' + this.project.project_name
+      this.form.pic_method = 'add'
+      this.formTitle = '新增' + this.project.project_name
       this.form.project_id = this.project.project_id
-      this.form.inspect_date = this.itemDate
-      this.form.old_inspect_date = this.itemDate
+      this.form.imgs=[]
+      this.form.delete_imgs=[]
       this.form.remind_cycle = this.patient_info.remind_cycle
-      console.log(this.form.remind_cycle)
-
+      var today = new Date()
+      this.form.inspect_date = uParseTime(today, '{y}-{m}-{d} {h}:{i}')
       this.form.formItem = []
       for (var index in this.project.inspection_reference) {
+        // var formItem = this.project.inspection_reference[index];
+        // formItem["value"] = '';
+        // if (formItem.range_type==2) {
+        //   formItem["select_options"] = formItem.range_options.split(",");
+        // }
         this.form.formItem.push({
-          id: this.project.inspection_reference[index].id in this.inspectionsMap ? this.inspectionsMap[this.project.inspection_reference[index].id].id : 0,
+          id: 0,
           project_id: this.project.inspection_reference[index].project_id,
           project_name: this.project.inspection_reference[index].project_name,
           item_id: this.project.inspection_reference[index].id,
           item: this.project.inspection_reference[index].item,
           item_name: this.project.inspection_reference[index].item_name,
           range_type: this.project.inspection_reference[index].range_type,
-          value: this.project.inspection_reference[index].id in this.inspectionsMap ? this.inspectionsMap[this.project.inspection_reference[index].id].inspect_value : '',
-          select_options: this.project.inspection_reference[index].range_options.split(','),
+          value: '',
+          select_options: this.project.inspection_reference[
+            index
+            ].range_options.split(','),
           unit: this.project.inspection_reference[index].unit
         })
       }
-      console.log(this.form.formItem)
-      this.dialogFormVisible = true
+      console.log('form.formItem', this.form.formItem)
+      this.dialogPicFormVisible = true
+
     },
     openNew() {
       if (this.project == null) {
@@ -426,11 +702,11 @@ export default {
           value: '',
           select_options: this.project.inspection_reference[
             index
-          ].range_options.split(','),
+            ].range_options.split(','),
           unit: this.project.inspection_reference[index].unit
         })
       }
-      console.log('form.formItem',this.form.formItem)
+      console.log('form.formItem', this.form.formItem)
       this.dialogFormVisible = true
     },
     submitEdit(formName) {
@@ -454,7 +730,7 @@ export default {
                 duration: 2000
               })
               this.patient_info.remind_cycle =
-                  response.data.data.remind_cycle
+                response.data.data.remind_cycle
               this.itemDate = this.form.inspect_date
               this.items = []
               var inspections = response.data.data.inspections
@@ -467,12 +743,12 @@ export default {
               this.inspectionsMap = {}
               for (var index in inspections) {
                 inspectionsMap[inspections[index].item_id] =
-                    inspections[index]
+                  inspections[index]
                 this.inspectionsMap[inspections[index].item_id] =
-                    inspections[index]
+                  inspections[index]
               }
               var items = this.project.inspection_reference
-              console.log("itmes",items)
+              console.log('itmes', items)
               for (var index in items) {
                 if (items[index].id in inspectionsMap) {
                   var item = {}
@@ -612,6 +888,123 @@ export default {
           return false
         }
       })
+    }, submitEditPicNew() {
+      if (this.form.imgs.length == 0) {
+        this.$message.error('未上传图片')
+        return false
+      }
+      this.formLoading = true
+      editPatientPICInspection(
+        this.patientID,
+        this.form
+      )
+        .then(response => {
+          if (response.data.state === 1) {
+            this.$notify({
+              title: '成功',
+              message: '修改成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.itemDate = this.form.inspect_date
+            this.items = []
+            this.dialogPicFormVisible = false
+            this.queryParams.patient = this.patientID
+            this.queryParams.project_id = this.project.project_id
+            this.queryParams.page = 1
+            this.total = 0
+            this.fetchPatientInspections(this.queryParams)
+          } else {
+            this.$message.error(response.data.msg)
+            return false
+          }
+        })
+        .catch(v => {
+          this.$message.error(v)
+          return false
+        })
+      this.formLoading = false
+
+    },deletePic(item,index){
+      if(item.id == 0){
+        this.form.imgs.splice(index,1)
+      }else{
+        for(let index in this.form.imgs){
+          if(item.id == this.form.imgs[index].id){
+            this.form.imgs.splice(index,1)
+            this.form.delete_imgs.push({
+              id:item.id,
+            })
+          }
+        }
+
+      }
+    },
+    submitPicNew() {
+      this.formLoading = true
+      if (this.form.imgs.length == 0) {
+        this.$message.error('未上传图片')
+        return false
+      }
+      CreatePatientPICInspection(
+        this.patientID,
+        this.form
+      )
+        .then(response => {
+          if (response.data.state === 1) {
+            this.$notify({
+              title: '成功',
+              message: '新增成功',
+              type: 'success',
+              duration: 2000
+            })
+            this.itemDate = this.form.inspect_date
+            this.items = []
+            for (var index in this.projects) {
+              if (this.projects[index].project_id == this.form.project_id) {
+                this.projects[index].count++
+                break
+              }
+            }
+            this.total += 1
+            // var inspections = response.data.data.inspections
+            // this.inspections = response.data.data.inspections
+            // if (inspections == null) {
+            //   this.inspections = []
+            //   return false
+            // }
+            // var inspectionsMap = {}
+            // this.inspectionsMap = {}
+            //
+            // var items = this.project.inspection_reference
+            // for (var index in items) {
+            //   if (items[index].id in inspectionsMap) {
+            //     var item = {}
+            //     for (var key in items[index]) {
+            //       item[key] = items[index][key]
+            //     }
+            //     item.value = inspectionsMap[items[index].id].inspect_value
+            //     item.value_direction = ''
+            //     this.items.push(item)
+            //   }
+            // }
+            this.dialogPicFormVisible = false
+            this.queryParams.patient = this.patientID
+            this.queryParams.project_id = this.project.project_id
+            this.queryParams.page = 1
+            this.total = 0
+            this.fetchPatientInspections(this.queryParams)
+          } else {
+            this.$message.error(response.data.msg)
+            return false
+          }
+        })
+        .catch(v => {
+          this.$message.error(v)
+          return false
+        })
+      this.formLoading = false
+
     },
     fetchInspectionReference() {
       fetchInspectionReference(this.patientID)
@@ -628,7 +1021,8 @@ export default {
             return false
           }
         })
-        .catch(v => {})
+        .catch(v => {
+        })
     },
     setCurrent(row) {
       this.$refs.singleTable.setCurrentRow(row)
@@ -664,6 +1058,7 @@ export default {
     },
     fetchPatientInspections(params) {
       this.items = []
+      this.isPic = false
       fetchPatientInspections(params)
         .then(response => {
           if (response.data.state == 1) {
@@ -681,40 +1076,52 @@ export default {
               inspectionsMap[inspections[index].item_id] = inspections[index]
               this.inspectionsMap[inspections[index].item_id] = inspections[index]
             }
+
             var items = this.project.inspection_reference
             for (var index in items) {
-              if (items[index].id in inspectionsMap || items[index].item_id in inspectionsMap) {
-                var item = {}
-                for (var key in items[index]) {
-                  item[key] = items[index][key]
-                }
-                if (item.item_id > 0) {
-                  if (inspectionsMap[items[index].item_id] == undefined) {
-                    item.value = inspectionsMap[items[index].id].inspect_value
-                  } else {
-                    item.value = inspectionsMap[items[index].item_id].inspect_value
-                  }
-                } else {
+              var item = {}
+              for (var key in items[index]) {
+                item[key] = items[index][key]
+              }
+              if (item.item_id > 0) {
+                if (inspectionsMap[items[index].item_id] == undefined) {
                   item.value = inspectionsMap[items[index].id].inspect_value
+                  item.item_name = inspectionsMap[items[index].id].item_name
+
+                } else {
+                  item.value = inspectionsMap[items[index].item_id].inspect_value
+                  item.item_name = inspectionsMap[items[index].item_id].item_name
+
                 }
-                item.value_direction = ''
-                if (item.range_type == 1) {
-                  var value = parseFloat(item.value)
-                  var range_min = parseFloat(item.range_min)
-                  var range_max = parseFloat(item.range_max)
-                  if (value < range_min) {
-                    item.value_direction = '↓'
-                  } else if (value > range_max) {
-                    item.value_direction = '↑'
-                  }
+              } else {
+                item.value = inspectionsMap[items[index].id].inspect_value
+                item.item_name = inspectionsMap[items[index].id].item_name
+
+              }
+              // item["inspect_desc"] = inspectionsMap[items[index].id].inspect_desc
+              // item["inspect_type"] = inspectionsMap[items[index].id].inspect_type
+              item.value_direction = ''
+              if (item.range_type == 1) {
+                var value = parseFloat(item.value)
+                var range_min = parseFloat(item.range_min)
+                var range_max = parseFloat(item.range_max)
+                if (value < range_min) {
+                  item.value_direction = '↓'
+                } else if (value > range_max) {
+                  item.value_direction = '↑'
                 }
-                this.items.push(item)
+              }
+              this.items.push(item)
+
+
+              if(item.value.indexOf("http") >= 0){
+                this.isPic = true
               }
             }
-            console.log(this.items)
           }
         })
-        .catch(v => {})
+        .catch(v => {
+        })
       setTimeout(() => {
         this.itemLoading = false
       }, 1000)
@@ -747,18 +1154,22 @@ export default {
   border-bottom: 0px !important;
   border-right: 0px !important;
 }
+
 #user-inspection-order th {
   border-right: 0px !important;
 }
+
 #user-inspection-form .el-form-item__content {
   line-height: 0 !important;
 }
+
 .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 {

src/xt_pages/user/physiqueprinting.vue

@@ -1,229 +1,600 @@
 <template>
-    <div>
-        <div class="position">
-            <bread-crumb :crumbs='crumbs'></bread-crumb>
-            <el-button :loading="loading" size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
-            </el-button>
-        </div>
-        <div class="app-container">
-            <div id="print_content">
-                <div class="print_page_main_content">
-                    
-                    <h1 style="text-align: center; padding-top:12px;">{{orgname}}血液净化治疗病历</h1> 
-                    <div style="border-bottom: 1px solid black;display: flex;padding-bottom: 10px;padding-top: 10px;">
-                        <div  style="flex:1;text-align: center;">
-                            姓名：
-                            <div  style="width: 120px;text-align: left;display:inline-block;">{{patient.name }}</div>
-                        </div>
-
-                        <div style="flex:1;text-align: center;" >
-                            病历号：
-                            <div  style="width: 120px;text-align: left;display:inline-block;">
-                                {{patient.disease_no?patient.disease_no:"/"}}
-                            </div>
-                        </div>
-
-                        <div style="flex:1;text-align: center;" >
-                           病区-床号：
-                            <div  style="width: 120px;text-align: left;display:inline-block;">
-                                {{patient.ward}}-{{patient.bed_no}}
-                            </div>
-                        </div>
-
-                        <div  style="flex:1;text-align: center;">
-                           接收日期：
-                            <div style="width: 100px;text-align: left;display:inline-block;">
-                                {{patient.date}}
-                            </div>
-                        </div>
-                    </div>
-
-                    <div style="display: flex; justify-self: start;margin-top: 5px ;">
-                        <div style="flex: 1;">性别：{{information.sex}}</div>
-                        <div style="flex: 1;">年龄：{{information.age}}</div>
-                        <div style="flex: 1;">出生日期：{{information.birthday}}</div>
-                    </div>
-                    <div style="display: flex; justify-self: start; margin-top: 5px ;">
-                        <div style="flex: 1;">身份证号：{{information.id_number}}</div>
-                        <div style="flex: 1;">病人来源：{{information.patient_source}}</div>
-                        <div style="flex: 1;">透析号：{{information.dialysis_num}}</div>
-                    </div>
-                    <div style="display: flex; justify-self: start; margin-top: 5px ;">
-                        <div style="flex: 1;">首次透析日期：{{information.first_date}}</div>
-                        <div style="flex: 1;">血型：{{information.blood_type}}</div>
-                        <div style="flex: 1;">报销方式：{{information.reimbursement}}</div>
-                    </div>
-                    <div style="display: flex; justify-self: start; margin-top: 5px ;">
-                        <div style="flex: 1;">工作单位：{{information.work_unit}}</div>
-                        <div style="flex: 1;">联系电话：{{information.contact_number}}</div>
-                        <div style="flex: 1;">家庭住址：{{information.home_address}}</div>
-                    </div>
-                    <div style="display: flex; justify-self: start; margin-top: 5px ;">
-                        <div style="flex: 1;">肾移植史：{{information.transplantation}}</div>
-                        <div style="flex: 1;">腹膜透析史：{{information.peritoneum}}</div>
-                        <div style="flex: 1;">过敏药物：{{information.allergy_drug}}</div>
-                    </div>
-
-                    <h3 style="text-align: center; margin: 20px 0px;">病史内容</h3>
-                    <div>
-                        <div>主诉：</div>
-                        <div>{{ medical_history.chief_complaint }}</div>
-                        <div>现病史：</div>
-                        <div>{{ medical_history.present_disease }}</div>
-                        <div>既往史：</div>
-                        <div>{{ medical_history.past }}</div>
-                        <div>个人史：</div>
-                        <div>{{ medical_history.personal }}</div>
-                        <div>婚育史：</div>
-                        <div>{{ medical_history.marriage }}</div>
-                        <div>家族史：</div>
-                        <div>{{ medical_history.family }}</div>
-                    </div>
-                    <h3 style="text-align: center; margin: 30px 0px 10px 0px;">体格检查</h3>
-                    <div>
-                        <div style="display: flex; justify-self: start;">
-                            <div style="flex:1;text-align: center;">T： {{physique.temperature}}℃</div>
-                            <div style="flex:1;text-align: center;">P：{{ physique.heartbeat }}次/分</div>
-                            <div style="flex:1;text-align: center;">R：{{ physique.R }}次/分</div>
-                            <div style="flex:1;text-align: center;">Bp：{{ physique.Bp }}mmHg</div>
-                        </div>
-                        <div style="margin-top: 5px;">
-                            无贫血容貌，自主体位，无浮肿，出血点/瘀斑/血肿：无，发育正常，营养良好，神志：清楚
-                            {{ physique.anemia }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">皮肤黏膜</span>：
-                            {{ physique.cutaneous }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">淋巴结</span>：
-                            {{ physique.lymph_node }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">头部</span>：
-                            {{ physique.head }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">颈部</span>：    
-                            {{ physique.neck }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">肺脏</span>：
-                            {{ physique.lung }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">心脏</span>：
-                            {{ physique.heart }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">腹部</span>：
-                            {{ physique.abdomen }}
-                        </div>
-                        <div style="margin-top: 5px;">
-                            <span style="font-weight: bold;">其他</span>：
-                             {{ physique.other }}
-                        </div>
-                    </div>
-
-                    <div style="margin-top: 30px;">
-                        <span style="font-weight: bold; display: block;">初步诊断：</span>
-                        {{ diagnosis }}                       
-                    </div>
-                </div>
-                
-                
+  <div>
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+      <el-button :loading="loading" size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+      </el-button>
+    </div>
+    <div class="app-container">
+      <div id="print_content" v-for="item in this.list">
+        <div class="print_page_main_content">
+          <h1 style="text-align: center; padding-top:12px;">{{ orgname }}血液净化治疗病历</h1>
+          <div style="border-bottom: 1px solid black;display: flex;padding-bottom: 10px;padding-top: 10px;">
+            <div style="flex:1;text-align: center;">
+              姓名：
+              <div style="width: 120px;text-align: left;display:inline-block;">{{ patient.name }}</div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              病历号：
+              <div style="width: 120px;text-align: left;display:inline-block;">
+                {{ patient.dialysis_no ? patient.dialysis_no : '/' }}
+              </div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              病区-床号：
+              <div style="width: 120px;text-align: left;display:inline-block;">
+
+              </div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              接收日期：
+              <div style="width: 100px;text-align: left;display:inline-block;">
+                {{ getTime(patient.created_time, '{y}-{m}-{d}') }}
+              </div>
+            </div>
+          </div>
+
+          <div style="display: flex; justify-self: start;margin-top: 5px ;">
+            <div style="flex: 1;">性别：{{ getPatientGender(patient.gender) }}</div>
+            <div style="flex: 1;">年龄：{{ patient.age }}</div>
+            <div style="flex: 1;">出生日期：{{ getTime(patient.birthday, '{y}-{m}-{d}') }}</div>
+          </div>
+          <div style="display: flex; justify-self: start; margin-top: 5px ;">
+            <div style="flex: 1;">身份证号：{{ patient.id_card_no }}</div>
+            <div style="flex: 1;">病人来源：{{ patient.source == 1 ? '门诊' : '住院' }}</div>
+            <div style="flex: 1;">透析号：{{ patient.dialysis_no }}</div>
+          </div>
+          <div style="display: flex; justify-self: start; margin-top: 5px ;">
+            <div style="flex: 1;">
+              首次透析日期：{{ patient.first_dialysis_date ? getTime(patient.first_dialysis_date, '{y}-{m}-{d}') : '' }}
+            </div>
+            <div style="flex: 1;">血型：{{ getBloodType(patient.blood_type) }}</div>
+            <div style="flex: 1;">报销方式：{{ getWayOptions(patient.reimbursement_way_id) }}</div>
+          </div>
+          <div style="display: flex; justify-self: start; margin-top: 5px ;">
+            <div style="flex: 1;">工作单位：{{ patient.work_unit }}</div>
+            <div style="flex: 1;">联系电话：{{ patient.phone }}</div>
+            <div style="flex: 1;">家庭住址：{{ patient.home_address }}</div>
+          </div>
+          <div style="display: flex; justify-self: start; margin-top: 5px ;">
+            <div style="flex: 1;">肾移植史：{{ item.is_shenyizhi_history == 0?'无':'有' }}</div>
+            <div style="flex: 1;">腹膜透析史：{{ item.is_fumo_dialysis_history == 0? '无':'有' }}</div>
+            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 0">过敏药物：无</div>
+            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 2">过敏药物：有</div>
+            <div style="flex: 1;" v-if="item.is_hypersusceptibility == 3">过敏药物：不想</div>
+
+          </div>
+          <h3 style="text-align: center; margin: 20px 0px;">病史内容</h3>
+          <div>
+            <div v-html="item.content"></div>
+          </div>
+          <h3 v-if="item.XtPatientPhysiqueCheck.id > 0" style="text-align: center; margin: 30px 0px 10px 0px;">体格检查</h3>
+          <div v-if="item.XtPatientPhysiqueCheck.id > 0">
+            <div style="display: flex; justify-self: start;">
+              <div style="flex:1;text-align: center;">T： {{ item.XtPatientPhysiqueCheck.t?item.XtPatientPhysiqueCheck.t:'' }}℃</div>
+              <div style="flex:1;text-align: center;">P：{{ item.XtPatientPhysiqueCheck.p?item.XtPatientPhysiqueCheck.p:''  }}次/分</div>
+              <div style="flex:1;text-align: center;">R：{{item.XtPatientPhysiqueCheck.r?item.XtPatientPhysiqueCheck.r:''  }}次/分</div>
+              <div style="flex:1;text-align: center;">Bp：{{ item.XtPatientPhysiqueCheck.bp_left + '/' +  item.XtPatientPhysiqueCheck.bp_right }}mmHg</div>
+            </div>
+            <div style="margin-top: 5px;">
+              无贫血容貌:{{item.XtPatientPhysiqueCheck.pinxuerongmao == 1?'无':'有'}}，自主体位:{{getTiwei(item.XtPatientPhysiqueCheck.tiwei)}}，浮肿:{{getFuzhong(item.XtPatientPhysiqueCheck.fuzhong)}}，出血点/瘀斑/血肿：{{getChuXuedian(item.XtPatientPhysiqueCheck.chuxuedian)}}，发育:{{getFaYu(item.XtPatientPhysiqueCheck.fayu)}}，营养:{{getYinYang(item.XtPatientPhysiqueCheck.yinyang)}}，神志：{{getShenzhi(item.XtPatientPhysiqueCheck.shenzhi)}}
+
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">皮肤黏膜</span>：
+              {{ '皮肤黏膜'+getPifuNianmo(item.XtPatientPhysiqueCheck.pifunianmo)+","+getPiXiaChuXue(item.XtPatientPhysiqueCheck.pixiachuxue)+","+'皮肤温度:'+getPiFuWenDu(item.XtPatientPhysiqueCheck.pifuwendu) }}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">淋巴结</span>：
+              {{ '浅表淋巴肿大:'+ getLinBaZongDa(item.XtPatientPhysiqueCheck.linbazhongda)}}
             </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">头部</span>：
+              {{ '眼睑'+getYanJian(item.XtPatientPhysiqueCheck.yanjian)+'，瞳孔(等大等圆)：'+ getTongKong(item.XtPatientPhysiqueCheck.tongkong)+","+"左(mm):"+item.XtPatientPhysiqueCheck.zuo+",右(mm):"+item.XtPatientPhysiqueCheck.you+",对光反射："+item.XtPatientPhysiqueCheck.duiguangfanshe+","+"扁桃体:"+item.XtPatientPhysiqueCheck.biantaoti+","+"咽部:"+item.XtPatientPhysiqueCheck.yanbu}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">颈部</span>：
+              {{ "颈静脉:"+item.XtPatientPhysiqueCheck.ganjingjingmai }}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">肺脏</span>：
+              {{ "呼吸音"+item.XtPatientPhysiqueCheck.huxiyin+","+getXiongmomocayin(item.XtPatientPhysiqueCheck.xiongmomocayin)+"胸膜摩擦音"+","+getLuoYin(item.XtPatientPhysiqueCheck.luoyin)+"啰音"}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">心脏</span>：
+              {{ "心脏大小"+getXinzangdaxiao(item.XtPatientPhysiqueCheck.xinzangdaxiao)+",心率"+getXinlv(item.XtPatientPhysiqueCheck.xinlv)+","+getXinbaomocasheng(item.XtPatientPhysiqueCheck.xinbaomocasheng)+"心包摩擦声,"+getZaYin(item.XtPatientPhysiqueCheck.zayin)+"杂音，"+getFujiaYin(item.XtPatientPhysiqueCheck.fujiayin)+"附加音"}}
+
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">腹部</span>：
+              {{"腹水征："+getFushuizheng(item.XtPatientPhysiqueCheck.fushuizheng)+"，肝脏："+getGanZangYaTong(item.XtPatientPhysiqueCheck.gangzhang_yatong)+"压痛，"+getGanZangkouTong(item.XtPatientPhysiqueCheck.gangzhang_koutong)+"叩痛"+"，脾脏："+getPiZangYaTong(item.XtPatientPhysiqueCheck.pizhang_yatong)+"压痛，"+getPiZangkouTong(item.XtPatientPhysiqueCheck.pizhang_koutong)+"叩痛，"+"肾脏："+getshenZangyatong(item.XtPatientPhysiqueCheck.gangzhang_yatong)+"压痛，"+getshenZangkoutong(item.XtPatientPhysiqueCheck.gangzhang_koutong)+"叩痛"}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">其他</span>：
+              {{ item.XtPatientPhysiqueCheck.oth_desc }}
+            </div>
+          </div>
+
+          <div style="margin-top: 30px;">
+            <span style="font-weight: bold; display: block;">初步诊断：</span>
+            {{ patient.diagnose }}
+          </div>
+
+          <div style="margin-top: 30px">
+            <span style="font-weight: bold;float: right">病历书写者：</span>
+            {{getDoctorName(item.doctor_id)}}
+          </div>
+          <div style="margin-top: 30px;">
+            <span style="font-weight: bold;float: right">日期：</span>
+            {{getTime(item.record_time,'{y}-{m}-{d}')}}
+          </div>
+<!--          <div style="margin-top: 30px;float: right">-->
+<!--            <span style="font-weight: bold; display: block;">日期：</span>-->
+<!--            {{getTime(item.record_time,'{y}-{m}-{d}')}}}-->
+<!--          </div>-->
         </div>
+
+
+      </div>
     </div>
+  </div>
 </template>
 
 <script>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import {  getSickhistoryCheckRecordsPrint } from '../../api/patient'
+import { uParseTime } from '@/utils/tools'
+import { fetchAllDoctorAndNurse } from "@/api/doctor";
 import print from "print-js";
+
 export default {
-    name:'physiquePrinting',
-    data() {
-        return {
-          crumbs: [
-            { path: false, name: '病人管理' },
-            { path: false, name: '病程打印' }
-          ],  
-          loading: false,
-          orgname:'',
-          patient:{
-            name:'',
-            disease_no:'',
-            ward:'',
-            bed_no:'',
-            date:'',
-          },
-          information:{
-            sex:'',
-            age:'',
-            birthday:'',
-            id_number:'',
-            patient_source:'',
-            dialysis_num:'',
-            first_date:'',
-            blood_type:'',
-            reimbursement:'',
-            work_unit:'',
-            contact_number:'',
-            home_address:'',
-            transplantation:'',
-            peritoneum:'',
-            allergy_drug:'',
-          },
-          medical_history:{
-            chief_complaint:'',
-            present_disease:'',
-            past:'',
-            personal:'',
-            marriage:'',
-            family:'',
-          },
-          physique:{
-            temperature:'',
-            heartbeat:'',
-            R:'',
-            Bp:'',
-            anemia:'',
-            cutaneous:'',
-            lymph_node:'',
-            head:'',
-            neck:'',
-            lung:'',
-            heart:'',
-            abdomen:'',
-            other:''
-          },
-          diagnosis:'',
+  name: 'physiquePrinting',
+  data() {
+    return {
+      list: [],
+      crumbs: [
+        { path: false, name: '病人管理' },
+        { path: false, name: '病程打印' }
+      ],
+      loading: false,
+      orgname: '',
+      patient: {},
+      information: {
+        sex: '',
+        age: '',
+        birthday: '',
+        id_number: '',
+        patient_source: '',
+        dialysis_num: '',
+        first_date: '',
+        blood_type: '',
+        reimbursement: '',
+        work_unit: '',
+        contact_number: '',
+        home_address: '',
+        transplantation: '',
+        peritoneum: '',
+        allergy_drug: ''
+      },
+      medical_history: {
+        chief_complaint: '',
+        present_disease: '',
+        past: '',
+        personal: '',
+        marriage: '',
+        family: ''
+      },
+      physique: {
+        temperature: '',
+        heartbeat: '',
+        R: '',
+        Bp: '',
+        anemia: '',
+        cutaneous: '',
+        lymph_node: '',
+        head: '',
+        neck: '',
+        lung: '',
+        heart: '',
+        abdomen: '',
+        other: ''
+      },
+      diagnosis: ''
+    }
+  },
+  components: {
+    BreadCrumb
+  },
+  methods: {
+    fetchAllDoctorAndNurse() {
+      fetchAllDoctorAndNurse().then(response => {
+        if (response.data.state == 1) {
+          this.doctorOptions = response.data.data.doctors;
+        }
+      });
+    },
+    getDoctorName: function(doctor_id) {
+      for (let index = 0; index < this.doctorOptions.length; index++) {
+        const doctor = this.doctorOptions[index]
+        if (doctor.id == doctor_id) {
+          return doctor.name
+        }
+      }
+      return ''
+    },
+    getTiwei(tiwei){
+     switch (tiwei){
+       case 1:
+         return '自主'
+         break
+       case 2:
+         return '被动'
+         break
+       case 3:
+         return '强迫'
+         break
+     }
+    },getFuzhong(fuzhong){
+      switch (fuzhong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '轻度'
+          break
+        case 3:
+          return '中度'
+          break
+        case 4:
+          return '重度'
+          break
+      }
+    },getChuXuedian(chuxuedian){
+      switch (chuxuedian){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '不知道'
+          break
+        case 3:
+          return '有'
+          break
+
+      }
+    },getFaYu(fayu){
+      switch (fayu){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '不良'
+          break
+      }
+    },getYinYang(yinyang){
+      switch (yinyang){
+        case 1:
+          return '良好'
+          break
+        case 2:
+          return '中等'
+          break
+        case 3:
+          return '不良'
+          break
+        case 4:
+          return '恶病质'
+          break
+      }
+    },getShenzhi(shenzhi){
+      switch (shenzhi){
+        case 1:
+          return '清楚'
+          break
+        case 2:
+          return '模糊'
+          break
+        case 3:
+          return '昏迷'
+          break
+        case 4:
+          return '其他'
+          break
+      }
+    },getPifuNianmo(pifunianmo){
+      switch (pifunianmo){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '灰暗'
+          break
+        case 3:
+          return '苍白'
+          break
+        case 4:
+          return '黄染'
+          break
+        case 5:
+          return '色素沉着'
+          break
+      }
+    },getPiXiaChuXue(pixiachuxue){
+      switch (pixiachuxue){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+
+    },getPiFuWenDu(pifuwendu){
+      switch (pifuwendu){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '冷'
+          break
+        case 3:
+          return '干'
+          break
+        case 4:
+          return '湿'
+          break
+
+      }
+
+    },getLinBaZongDa(linbazhongda){
+      switch (linbazhongda){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+    },getYanJian(yanjian){
+      switch (yanjian){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '水肿'
+          break
+
+      }
+
+    },getTongKong(tongkong){
+      switch (tongkong){
+        case 1:
+          return '是'
+          break
+        case 2:
+          return '否'
+          break
+
+      }
+
+    },getXiongmomocayin(xiongmomocayin){
+
+      switch (xiongmomocayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+    },getLuoYin(luoyin){
+      switch (luoyin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+
+
+    },getXinzangdaxiao(xinzangdaxiao){
+      switch (xinzangdaxiao){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '偏大'
+          break
+        case 3:
+          return '偏小'
+          break
+      }
+
+    },getXinlv(xinlv){
+      switch (xinlv){
+        case 1:
+          return '齐'
+          break
+        case 2:
+          return '不齐'
+          break
+      }
+
+    },getXinbaomocasheng(xinbaomocasheng){
+      switch (xinbaomocasheng){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getZaYin(zayin){
+      switch (zayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getFujiaYin(fujiayin){
+      switch (fujiayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getFushuizheng(fushuizheng){
+      switch (fushuizheng){
+        case 1:
+          return '阴性'
+          break
+        case 2:
+          return '阳性'
+          break
+      }
+
+    },getGanZangYaTong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getGanZangkouTong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getPiZangYaTong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getPiZangkouTong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getshenZangyatong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getshenZangkoutong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },
+    getWayOptions(reimbursement_way_id) {
+      this.wayOptions = this.$store.getters.reimbursement_ways;
+      let wayLen = this.wayOptions.length
+      for (let index = 0; index < wayLen; index++) {
+        if (this.wayOptions[index].id === reimbursement_way_id) {
+          return  this.wayOptions[index].name
+        }
+      }
+    },
+    getBloodType(type) {
+      var types = this.$store.getters.blood_types
+      for (let i = 0; i < types.length; i++) {
+        if (types[i].id == type) {
+          return types[i].name
         }
+      }
+    },
+    getPatientGender(gender) {
+      if (gender == 1) {
+        return '男'
+      } else if (gender == 2) {
+        return '女'
+      }
+      return ''
     },
-    components: {
-      BreadCrumb
+    getTime(value, temp) {
+      if (value != undefined) {
+        return uParseTime(value, temp)
+      }
+      return ''
+    },
+    getPhysiquePrintList() {
+      let params = {
+        ids: this.$route.query.ids,
+        patient_id: this.$route.query.patient_id
+      }
+      getSickhistoryCheckRecordsPrint(params).then(response => {
+        if (response.data.state == 1) {
+          this.patient = response.data.data.patient
+          this.list = response.data.data.sickhistorys
+        }
+      })
     },
-    methods: {
-        printAction: function () {
-            const style = '@media print {.printP div{margin-bottom:5px;} .option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 20px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 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;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
-            printJS({
-                printable: 'print_content',
-                type: 'html',
-                documentTitle: '  ',
-                style: style,
-                scanStyles: false
-            })
-        },
+    printAction: function() {
+      const style = '@media print {.printP div{margin-bottom:5px;} .option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 20px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 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;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+      printJS({
+        printable: 'print_content',
+        type: 'html',
+        documentTitle: '  ',
+        style: style,
+        scanStyles: false
+      })
     }
+  },
+  created() {
+    this.getPhysiquePrintList()
+    this.fetchAllDoctorAndNurse()
+  }
 }
 </script>
 <style scoped>
 .print_page_main_content {
-    background-color: white;
-    width: 960px;
-    margin: 0 auto 50px;
-    padding: 0 0 0 0;
-    page-break-after: always;
+  background-color: white;
+  width: 960px;
+  margin: 0 auto 50px;
+  padding: 0 0 0 0;
+  page-break-after: always;
 }
 
-</style>
+</style>

src/xt_pages/user/physiqueprintingtwo.vue

@@ -0,0 +1,561 @@
+<template>
+  <div>
+    <div class="position">
+      <bread-crumb :crumbs='crumbs'></bread-crumb>
+      <el-button :loading="loading" size="small" icon="el-icon-printer" @click="printAction" type="primary">打印
+      </el-button>
+    </div>
+    <div class="app-container">
+      <div id="print_content" v-for="item in this.list">
+        <div class="print_page_main_content">
+          <h1 style="text-align: center; padding-top:12px;">{{ orgname }}血液净化体格检验单</h1>
+          <div style="border-bottom: 1px solid black;display: flex;padding-bottom: 10px;padding-top: 10px;">
+            <div style="flex:1;text-align: center;">
+              姓名：
+              <div style="width: 120px;text-align: left;display:inline-block;">{{ patient.name }}</div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              病历号：
+              <div style="width: 120px;text-align: left;display:inline-block;">
+                {{ patient.dialysis_no ? patient.dialysis_no : '/' }}
+              </div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              病区-床号：
+              <div style="width: 120px;text-align: left;display:inline-block;">
+
+              </div>
+            </div>
+
+            <div style="flex:1;text-align: center;">
+              接收日期：
+              <div style="width: 100px;text-align: left;display:inline-block;">
+                {{ getTime(patient.created_time, '{y}-{m}-{d}') }}
+              </div>
+            </div>
+          </div>
+
+
+          <div style="display: flex; justify-self: start; margin-top: 5px ;">
+            <div style="flex: 1;">
+              首次透析日期：{{ item.record_time ? getTime(item.record_time, '{y}-{m}-{d}') : '' }}
+            </div>
+          </div>
+          <div v-if="item.id > 0">
+            <div style="display: flex; justify-self: start;">
+              <div style="flex:1;text-align: center;">T： {{ item.t?item.t:'' }}℃</div>
+              <div style="flex:1;text-align: center;">P：{{ item.p?item.p:''  }}次/分</div>
+              <div style="flex:1;text-align: center;">R：{{item.r?item.r:''  }}次/分</div>
+              <div style="flex:1;text-align: center;">Bp：{{ item.bp_left + '/' +  item.bp_right }}mmHg</div>
+            </div>
+            <div style="margin-top: 5px;">
+              无贫血容貌:{{item.pinxuerongmao == 1?'无':'有'}}，自主体位:{{getTiwei(item.tiwei)}}，浮肿:{{getFuzhong(item.fuzhong)}}，出血点/瘀斑/血肿：{{getChuXuedian(item.chuxuedian)}}，发育:{{getFaYu(item.fayu)}}，营养:{{getYinYang(item.yinyang)}}，神志：{{getShenzhi(item.shenzhi)}}
+
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">皮肤黏膜</span>：
+              {{ '皮肤黏膜'+getPifuNianmo(item.pifunianmo)+","+getPiXiaChuXue(item.pixiachuxue)+","+'皮肤温度:'+getPiFuWenDu(item.pifuwendu) }}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">淋巴结</span>：
+              {{ '浅表淋巴肿大:'+ getLinBaZongDa(item.linbazhongda)}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">头部</span>：
+              {{ '眼睑'+getYanJian(item.yanjian)+'，瞳孔(等大等圆)：'+ getTongKong(item.tongkong)+","+"左(mm):"+item.zuo+",右(mm):"+item.you+",对光反射："+item.duiguangfanshe+","+"扁桃体:"+item.biantaoti+","+"咽部:"+item.yanbu}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">颈部</span>：
+              {{ "颈静脉:"+item.ganjingjingmai }}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">肺脏</span>：
+              {{ "呼吸音"+item.huxiyin+","+getXiongmomocayin(item.xiongmomocayin)+"胸膜摩擦音"+","+getLuoYin(item.luoyin)+"啰音"}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">心脏</span>：
+              {{ "心脏大小"+getXinzangdaxiao(item.xinzangdaxiao)+",心率"+getXinlv(item.xinlv)+","+getXinbaomocasheng(item.xinbaomocasheng)+"心包摩擦声,"+getZaYin(item.zayin)+"杂音，"+getFujiaYin(item.fujiayin)+"附加音"}}
+
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">腹部</span>：
+              {{"腹水征："+getFushuizheng(item.fushuizheng)+"，肝脏："+getGanZangYaTong(item.gangzhang_yatong)+"压痛，"+getGanZangkouTong(item.gangzhang_koutong)+"叩痛"+"，脾脏："+getPiZangYaTong(item.pizhang_yatong)+"压痛，"+getPiZangkouTong(item.pizhang_koutong)+"叩痛，"+"肾脏："+getshenZangyatong(item.gangzhang_yatong)+"压痛，"+getshenZangkoutong(item.gangzhang_koutong)+"叩痛"}}
+            </div>
+            <div style="margin-top: 5px;">
+              <span style="font-weight: bold;">其他</span>：
+              {{ item.oth_desc }}
+            </div>
+          </div>
+
+
+
+          </div>
+          <!--          <div style="margin-top: 30px;float: right">-->
+          <!--            <span style="font-weight: bold; display: block;">日期：</span>-->
+          <!--            {{getTime(item.record_time,'{y}-{m}-{d}')}}}-->
+          <!--          </div>-->
+        </div>
+
+
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+import {  getPhysiqueCheckRecordsPrint } from '../../api/patient'
+import { uParseTime } from '@/utils/tools'
+import { fetchAllDoctorAndNurse } from "@/api/doctor";
+import print from "print-js";
+
+export default {
+  name: 'physiquePrinting',
+  data() {
+    return {
+      list: [],
+      crumbs: [
+        { path: false, name: '病人管理' },
+        { path: false, name: '病程打印' }
+      ],
+      loading: false,
+      orgname: '',
+      patient: {},
+      information: {
+        sex: '',
+        age: '',
+        birthday: '',
+        id_number: '',
+        patient_source: '',
+        dialysis_num: '',
+        first_date: '',
+        blood_type: '',
+        reimbursement: '',
+        work_unit: '',
+        contact_number: '',
+        home_address: '',
+        transplantation: '',
+        peritoneum: '',
+        allergy_drug: ''
+      },
+      medical_history: {
+        chief_complaint: '',
+        present_disease: '',
+        past: '',
+        personal: '',
+        marriage: '',
+        family: ''
+      },
+      physique: {
+        temperature: '',
+        heartbeat: '',
+        R: '',
+        Bp: '',
+        anemia: '',
+        cutaneous: '',
+        lymph_node: '',
+        head: '',
+        neck: '',
+        lung: '',
+        heart: '',
+        abdomen: '',
+        other: ''
+      },
+      diagnosis: ''
+    }
+  },
+  components: {
+    BreadCrumb
+  },
+  methods: {
+    fetchAllDoctorAndNurse() {
+      fetchAllDoctorAndNurse().then(response => {
+        if (response.data.state == 1) {
+          this.doctorOptions = response.data.data.doctors;
+        }
+      });
+    },
+    getDoctorName: function(doctor_id) {
+      for (let index = 0; index < this.doctorOptions.length; index++) {
+        const doctor = this.doctorOptions[index]
+        if (doctor.id == doctor_id) {
+          return doctor.name
+        }
+      }
+      return ''
+    },
+    getTiwei(tiwei){
+      switch (tiwei){
+        case 1:
+          return '自主'
+          break
+        case 2:
+          return '被动'
+          break
+        case 3:
+          return '强迫'
+          break
+      }
+    },getFuzhong(fuzhong){
+      switch (fuzhong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '轻度'
+          break
+        case 3:
+          return '中度'
+          break
+        case 4:
+          return '重度'
+          break
+      }
+    },getChuXuedian(chuxuedian){
+      switch (chuxuedian){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '不知道'
+          break
+        case 3:
+          return '有'
+          break
+
+      }
+    },getFaYu(fayu){
+      switch (fayu){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '不良'
+          break
+      }
+    },getYinYang(yinyang){
+      switch (yinyang){
+        case 1:
+          return '良好'
+          break
+        case 2:
+          return '中等'
+          break
+        case 3:
+          return '不良'
+          break
+        case 4:
+          return '恶病质'
+          break
+      }
+    },getShenzhi(shenzhi){
+      switch (shenzhi){
+        case 1:
+          return '清楚'
+          break
+        case 2:
+          return '模糊'
+          break
+        case 3:
+          return '昏迷'
+          break
+        case 4:
+          return '其他'
+          break
+      }
+    },getPifuNianmo(pifunianmo){
+      switch (pifunianmo){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '灰暗'
+          break
+        case 3:
+          return '苍白'
+          break
+        case 4:
+          return '黄染'
+          break
+        case 5:
+          return '色素沉着'
+          break
+      }
+    },getPiXiaChuXue(pixiachuxue){
+      switch (pixiachuxue){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+
+    },getPiFuWenDu(pifuwendu){
+      switch (pifuwendu){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '冷'
+          break
+        case 3:
+          return '干'
+          break
+        case 4:
+          return '湿'
+          break
+
+      }
+
+    },getLinBaZongDa(linbazhongda){
+      switch (linbazhongda){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+    },getYanJian(yanjian){
+      switch (yanjian){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '水肿'
+          break
+
+      }
+
+    },getTongKong(tongkong){
+      switch (tongkong){
+        case 1:
+          return '是'
+          break
+        case 2:
+          return '否'
+          break
+
+      }
+
+    },getXiongmomocayin(xiongmomocayin){
+
+      switch (xiongmomocayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+    },getLuoYin(luoyin){
+      switch (luoyin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+
+      }
+
+
+    },getXinzangdaxiao(xinzangdaxiao){
+      switch (xinzangdaxiao){
+        case 1:
+          return '正常'
+          break
+        case 2:
+          return '偏大'
+          break
+        case 3:
+          return '偏小'
+          break
+      }
+
+    },getXinlv(xinlv){
+      switch (xinlv){
+        case 1:
+          return '齐'
+          break
+        case 2:
+          return '不齐'
+          break
+      }
+
+    },getXinbaomocasheng(xinbaomocasheng){
+      switch (xinbaomocasheng){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getZaYin(zayin){
+      switch (zayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getFujiaYin(fujiayin){
+      switch (fujiayin){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getFushuizheng(fushuizheng){
+      switch (fushuizheng){
+        case 1:
+          return '阴性'
+          break
+        case 2:
+          return '阳性'
+          break
+      }
+
+    },getGanZangYaTong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getGanZangkouTong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getPiZangYaTong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getPiZangkouTong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getshenZangyatong(yatong){
+      switch (yatong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },getshenZangkoutong(koutong){
+      switch (koutong){
+        case 1:
+          return '无'
+          break
+        case 2:
+          return '有'
+          break
+      }
+
+    },
+    getWayOptions(reimbursement_way_id) {
+      this.wayOptions = this.$store.getters.reimbursement_ways;
+      let wayLen = this.wayOptions.length
+      for (let index = 0; index < wayLen; index++) {
+        if (this.wayOptions[index].id === reimbursement_way_id) {
+          return  this.wayOptions[index].name
+        }
+      }
+    },
+    getBloodType(type) {
+      var types = this.$store.getters.blood_types
+      for (let i = 0; i < types.length; i++) {
+        if (types[i].id == type) {
+          return types[i].name
+        }
+      }
+    },
+    getPatientGender(gender) {
+      if (gender == 1) {
+        return '男'
+      } else if (gender == 2) {
+        return '女'
+      }
+      return ''
+    },
+    getTime(value, temp) {
+      if (value != undefined) {
+        return uParseTime(value, temp)
+      }
+      return ''
+    },
+    getPhysiquePrintList() {
+      let params = {
+        ids: this.$route.query.ids,
+        patient_id: this.$route.query.patient_id
+      }
+      getPhysiqueCheckRecordsPrint(params).then(response => {
+        if (response.data.state == 1) {
+          this.patient = response.data.data.patient
+          this.list = response.data.data.sickhistorys
+        }
+      })
+    },
+    printAction: function() {
+      const style = '@media print {.printP div{margin-bottom:5px;} .option_panel { margin: 0 5px 0 0; } .option_panel .check_box_panel { white-space: nowrap; outline: none; display: inline-block; line-height: 1; position: relative; vertical-align: middle; } .dialysis-print-order .order-title{margin:auto;font-weight:600;text-align:center;font-size:22px;padding:10px}.option_panel .check_box_panel .check_box { display: inline-block; position: relative; border: 1px solid #000; box-sizing: border-box; width: 14px; height: 12px; background-color: #fff; } .check_box_panel .did_checked::after { content: "√"; font-size: 15px; } .print_page_main_content {background-color: white;width: 960px;margin: 0 auto 50px;padding: 0 0 0 0; page-break-after: always;}.print_page_main_content .order-yy-name {margin: auto;text-align: center;font-size: 20px;letter-spacing: 5px;}.print_page_main_content .order_title {text-align: center;font-size: 23px; line-height: 50px;font-weight: 500;} .row {font-size: 20px;line-height: 20px;padding: 5px 0;}.inline_block { display: inline-block;}.under_line_two {display: inline-block;border-bottom: 1px solid #999;text-align: left;white-space: nowrap;width: 50%;}.under_line {display: inline-block;border-bottom: 1px solid #999;text-align: center;white-space: nowrap; width: 50%;}.flex {display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;-webkit-align-items: center;box-align: center;-moz-box-align: center;-webkit-box-align: center;text-align: center;-webkit-justify-content: space-between;justify-content: space-between;-moz-box-pack: space-between;-webkit--moz-box-pack: space-between;box-pack: space-between;}.print_page_main_content .proj_table {width: 100%;border: 1px solid;border-collapse: collapse;padding: 2px;}.print_page_main_content .proj_table tbody tr td {border: 1px solid;font-size: 16px;padding: 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;}.print-table-no {width: 100%;text-align: center;border-collapse: collapse;font-size: 14px;}.es-img {height: 30px;}.advice-name {text-align: left !important;line-height: 16px !important;}.advice-children {display: flex;}}.margin-bottom-300 {margin-bottom:450px;}.margin-bottom-600 {margin-bottom:600px;}.margin-bottom-900 {margin-bottom:1000px;}.print-yema{ position: absolute;top: 920px;left: 50%;} .print-yema2{ position: absolute;top: 400px;left: 50%;}.print-yema3{position: absolute;top: 1230px;left: 50%;}.print-yema4{position: absolute;top:1050px;left: 50%;}.print-yema5{position: absolute;top:1370px;left: 50%;}.check_box{width:15px !important;height:15px !important;}.did_checke::after {font-size: 8px;margin-left: 2px;margin-top: 12px !important;position: absolute;}'
+      printJS({
+        printable: 'print_content',
+        type: 'html',
+        documentTitle: '  ',
+        style: style,
+        scanStyles: false
+      })
+    }
+  },
+  created() {
+    this.getPhysiquePrintList()
+    this.fetchAllDoctorAndNurse()
+  }
+}
+</script>
+<style scoped>
+.print_page_main_content {
+  background-color: white;
+  width: 960px;
+  margin: 0 auto 50px;
+  padding: 0 0 0 0;
+  page-break-after: always;
+}
+
+</style>

src/xt_pages/user/sickHistory.vue

@@ -0,0 +1,641 @@
+<template>
+  <!-- <div class="main-contain">
+      <div class="position">
+         <bread-crumb></bread-crumb>
+      </div> -->
+  <div class="patient-container">
+    <patient-sidebar :id="patient_id" defaultActive="3-1"></patient-sidebar>
+    <!-- <div class="app-container"> -->
+    <div v-loading="loading">
+      <div class="patient-app-container advice-container app-container">
+
+        <div>
+                    <span style="margin-left: 10px;float:right;">
+                        <el-button type="primary" icon="el-icon-circle-plus-outline" size="small"
+                                   @click="showDialog">新增</el-button>
+
+                        <el-button type="primary" icon="el-icon-edit-outline" size="small"
+                                   @click="showEdit">修改</el-button>
+                      <el-button type="primary" icon="el-icon-printer" size="small"
+                                 @click="print">打印</el-button>
+                        <el-button size="small" v-show="selectingRows.length > 0" type="danger"
+                                   @click="deleteAction">删除</el-button>
+                    </span>
+          <!--<span class="filter_title">日期查询</span>-->
+          <!--<el-date-picker size="small" v-model="date" type="daterange" range-separator="至" start-placeholde="开始日期" end-placeholde="结束日期" value-format="timestamp" :clearable="false" @change="requestCourseRecords()"></el-date-picker>-->
+        </div>
+        <div class="cell clearfix">
+          <label class="title"><span class="name">日期查询</span> : </label>
+          <el-date-picker v-model="start_time" prefix-icon="el-icon-date" :editable="false" style="width: 196px;"
+                          type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd" @change="startTimeChange"></el-date-picker>
+          <span class="">-</span>
+          <el-date-picker v-model="end_time" prefix-icon="el-icon-date" :editable="false" style="width: 196px;"
+                          type="date" placeholder="选择日期时间" align="right" format="yyyy-MM-dd"
+                          value-format="yyyy-MM-dd" @change="endTimeChange"></el-date-picker>
+        </div>
+        <div class="record">
+          <el-row :gutter="15">
+            <el-col :span="10">
+              <el-table
+
+                :header-cell-style="{
+                  backgroundColor: 'rgb(245, 247, 250)',
+                  color: '#606266'
+                }"
+                        :row-style="{ color: '#303133' }" ref="record_table" :data="records"
+                        border highlight-current-row @current-change="didChangeCurrentRecord"
+                        @selection-change="didSelectionChange"
+                        :row-class-name="tableRow"
+                        height="600px"
+                        @row-click="onRowClick"
+
+              >
+                <el-table-column type="selection" width="70"></el-table-column>
+                <el-table-column label="标题" align="center">
+                  <template slot-scope="scope">
+                    {{ scope.row.title}}
+                  </template>
+                </el-table-column>
+                <el-table-column label="记录日期" align="center">
+                  <template slot-scope="scope">
+                    {{ recordTime(scope.row.record_time) }}
+                  </template>
+                </el-table-column>
+                <el-table-column label="记录医生" align="center">
+                  <template slot-scope="scope">
+                    {{ doctorName(scope.row.doctor_id) }}
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-col>
+            <el-col :span="14">
+              <div class="record_content_panel">
+                <div style="background-color:rgb(245, 247, 250)" class="title">病史详情</div>
+                <div class="content">
+                  <span v-if="current_select_record" v-html="current_select_record.content">{{current_select_record.content }}</span>
+                  <span v-else></span>
+                </div>
+              </div>
+            </el-col>
+          </el-row>
+        </div>
+      </div>
+      <!-- </div> -->
+      <el-dialog title="新增病史记录" width="70%" top="5vh" :visible.sync="show_dialog">
+        <div>
+          <div class="new_record_form">
+            <div class="cell clearfix">
+              <label class="title"><span class="name">病程标题</span> : </label>
+              <el-input v-model="title" style="width: 150px"></el-input>
+
+              <label class="title"><span class="name">日期</span> : </label>
+              <el-date-picker v-model="sick_history_time" prefix-icon="el-icon-date" :editable="false"
+                              style="width: 150px;"
+                              type="datetime" placeholder="选择日期时间" align="right" format="yyyy-MM-dd HH:mm:ss"
+                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+
+
+              <label class="title"><span class="name">肾移植史</span> : </label>
+              <el-select style="width: 150px;" v-model="is_shenyizhishi" placeholder="选择肾移植史" >
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+              </el-select>
+            </div>
+
+            <div class="cell clearfix">
+
+              <label class="title"><span class="name">腹膜透析史</span> : </label>
+              <el-select style="width: 150px;" v-model="is_fumotouxishi" placeholder="选择腹膜透析史" >
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+              </el-select>
+
+              <label class="title"><span class="name">医生</span> : </label>
+              <el-select style="width: 100px;" v-model="doctor_id" placeholder="请选择医生">
+                <el-option v-for="(item,index) in doctorOptions" :label="item.name" :value="item.id" :key="index"></el-option>
+              </el-select>
+
+              <label class="title"><span class="name">过敏药物</span> : </label>
+              <el-select style="width: 100px;" v-model="is_guominyaowu" placeholder="选择过敏药物">
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+                <el-option label="不详" value="2"></el-option>
+
+              </el-select>
+              <el-input v-if="is_guominyaowu == 1" v-model="guominyaowu_desc"></el-input>
+
+            </div>
+
+            <div class="cell clearfix">
+              <label class="title"><span class="name">病史模版</span> : </label>
+              <el-select v-model="select_template" placeholder="选择病史模板" @change="didSelectTemplate">
+                <el-option v-for="(option, index) in templates" :key="index" :label="option.title"
+                           :value="option.content"></el-option>
+              </el-select>
+            </div>
+
+            <div class="textarea_panel">
+              <keep-alive>
+                <editor ref="editor"
+                        id="editors"
+                        style="width: 600px"
+                        v-bind:r_content="new_content"
+                >
+                </editor>
+              </keep-alive>
+            </div>
+
+            <div style="text-align: right; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;">
+              <el-button @click="show_dialog = false">取消</el-button>
+              <el-button :disabled="$store.getters.xt_user.subscibe.state==3?true:false" type="primary"
+                         @click="createAction" :loading="uploading_new_record">保存
+              </el-button>
+            </div>
+          </div>
+        </div>
+      </el-dialog>
+      <el-dialog title="修改病史记录" width="50%" top="5vh" :visible.sync="show_edit_dialog">
+        <div>
+          <div class="new_record_form">
+            <div class="cell clearfix">
+              <label class="title"><span class="name">病程标题</span> : </label>
+              <el-input v-model="edit_title" style="width: 150px"></el-input>
+
+              <label class="title"><span class="name">日期</span> : </label>
+              <el-date-picker v-model="edit_sick_history_time" prefix-icon="el-icon-date" :editable="false"
+                              style="width: 150px;"
+                              type="datetime" placeholder="选择日期时间" align="right" format="yyyy-MM-dd HH:mm:ss"
+                              value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>
+
+
+              <label class="title"><span class="name">肾移植史</span> : </label>
+              <el-select style="width: 150px;" v-model="edit_is_shenyizhishi" placeholder="选择肾移植史" >
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+              </el-select>
+            </div>
+
+            <div class="cell clearfix">
+
+              <label class="title"><span class="name">腹膜透析史</span> : </label>
+              <el-select style="width: 150px;" v-model="edit_is_fumotouxishi" placeholder="选择腹膜透析史" >
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+              </el-select>
+
+              <label class="title"><span class="name">医生</span> : </label>
+              <el-select style="width: 100px;" v-model="edit_doctor_id" placeholder="请选择医生">
+                <el-option v-for="(item,index) in doctorOptions" :label="item.name" :value="item.id" :key="index"></el-option>
+              </el-select>
+
+              <label class="title"><span class="name">过敏药物</span> : </label>
+              <el-select style="width: 100px;" v-model="edit_is_guominyaowu" placeholder="选择过敏药物">
+                <el-option label="无" value="0"></el-option>
+                <el-option label="有" value="1"></el-option>
+              </el-select>
+              <el-input v-if="edit_is_guominyaowu == 1" v-model="edit_guominyaowu_desc"></el-input>
+
+            </div>
+
+            <div class="cell clearfix">
+              <label class="title"><span class="name">病史模版</span> : </label>
+              <el-select v-model="select_template" placeholder="选择病史模板" @change="didSelectTemplate">
+                <el-option v-for="(option, index) in templates" :key="index" :label="option.title"
+                           :value="option.content"></el-option>
+              </el-select>
+            </div>
+
+            <div class="textarea_panel">
+              <keep-alive>
+                <editor ref="edit_neditor"
+                        id="editors"
+                        style="width: 600px"
+                        v-bind:r_content="edit_new_content"
+                >
+                </editor>
+              </keep-alive>
+            </div>
+
+
+            <div style="text-align: right; padding-right: 0px; padding-top: 10px; padding-bottom: 10px;">
+              <el-button @click="show_edit_dialog = false">取消</el-button>
+              <el-button type="primary"
+                         @click="modifyAction" :loading="uploading_new_record">保存
+              </el-button>
+            </div>
+          </div>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+
+  <!-- </div> -->
+</template>
+
+<script>
+import PatientSidebar from './components/PatientSidebar'
+import Editor from '@/components/Editor'
+import { fetchAllDoctorAndNurse } from "@/api/doctor";
+
+import {
+  createSickHistoryRecord,
+  deleteSickHistoryRecords,
+  GetSickHistoryRecords,
+  ModifySickHistoryRecord,
+} from '@/api/patient'
+import { parseTime } from '@/utils'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+
+export default {
+  name: 'CourseOfDisease',
+  components: {
+    PatientSidebar,
+    BreadCrumb,
+    Editor
+  },
+  data() {
+    return {
+      loading: false,
+      title: '',
+      patient_id: 0,
+      date: [],
+      start_time: '',
+      end_time: '',
+      sick_history_time: '',
+      is_shenyizhishi:'',
+      is_fumotouxishi:'',
+      is_guominyaowu:'',
+      guominyaowu_desc:"",
+
+      edit_is_shenyizhishi:'',
+      edit_is_fumotouxishi:'',
+      edit_is_guominyaowu:'',
+      edit_guominyaowu_desc:"",
+
+      doctor_id:"",
+      doctorOptions:null,
+      records: [],
+      doctors: [],
+      current_select_record: null,
+      show_dialog: false,
+      show_edit_dialog: false,
+      uploading_new_record: false,
+      templates: this.$store.getters.configlist.sick_history,
+      select_template:"",
+      new_content: '',
+      edit_new_content: '',
+      edit_sick_history_time: '',
+      selectingRows: [],
+      table_current_index: -1,
+      edit_current_id: 0,
+      edit_doctor_id:0,
+      edit_title: '',
+      ids:"",
+      idArr:[],
+    }
+  },
+  created() {
+    this.patient_id = parseInt(this.$route.query.id)
+    if (isNaN(this.patient_id) || this.patient_id <= 0) {
+      this.$notify.error({
+        title: '错误',
+        message: '无效的id'
+      })
+      this.$router.push('/patients/patients')
+      return
+    }
+    var now = new Date()
+    this.date = [now.getTime() - (7 * 24 * 60 * 60 * 1000), now.getTime()]
+
+    var nowDate = new Date()
+    var nowYear = nowDate.getFullYear()
+    var nowMonth = nowDate.getMonth() + 1
+    var nowDay = nowDate.getDate()
+    this.end_time =
+      nowYear +
+      '-' +
+      (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+      '-' +
+      (nowDay < 10 ? '0' + nowDay : nowDay)
+    nowDate.setMonth(nowDate.getMonth() - 1)
+    nowYear = nowDate.getFullYear()
+    nowMonth = nowDate.getMonth() + 1
+    nowDay = nowDate.getDate()
+    this.start_time =
+      nowYear +
+      '-' +
+      (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
+      '-' +
+      (nowDay < 10 ? '0' + nowDay : nowDay)
+
+    this.requestSickHistory()
+    this.fetchAllDoctorAndNurse()
+
+  },
+  methods: {
+    fetchAllDoctorAndNurse() {
+      fetchAllDoctorAndNurse().then(response => {
+        if (response.data.state == 1) {
+          this.doctorOptions = response.data.data.doctors;
+        }
+      });
+    },
+    requestSickHistory: function() {
+      this.loading = true
+      let params = {
+        patient_id:this.patient_id,
+        start_time:this.start_time,
+        end_time:this.end_time,
+      }
+      GetSickHistoryRecords(params).then(rs => {
+        this.loading = false
+        var resp = rs.data
+        if (resp.state == 1) {
+          this.current_select_record = null
+          this.records = resp.data.records
+          this.doctors = resp.data.doctors
+          this.$refs.record_table.setCurrentRow(this.records[0])
+        } else {
+          this.$message.error(resp.msg)
+        }
+      }).catch(error => {
+        this.loading = false
+        this.$message.error(error)
+      })
+    },
+
+    didChangeCurrentRecord: function(record) {
+      this.current_select_record = record
+    },
+    recordTime: function(timestamp) {
+      var time = new Date(timestamp * 1000)
+      return parseTime(time, '{y}-{m}-{d} {h}:{i}:{s}')
+    },
+    doctorName: function(doctor_id) {
+      for (let index = 0; index < this.doctorOptions.length; index++) {
+        const doctor = this.doctorOptions[index]
+        if (doctor.id == doctor_id) {
+          return doctor.name
+        }
+      }
+      return ''
+    },
+    modifyAction: function() {
+      this.edit_new_content = this.$refs.edit_neditor.content
+      if (this.edit_new_content.length == 0) {
+        this.$message.error('请填写病程内容')
+        return
+      }
+      this.uploading_new_record = true
+      let params = {
+        id:this.edit_current_id,
+        patient_id: this.patient_id,
+        content: this.edit_new_content,
+        record_time: this.edit_sick_history_time,
+        title: this.edit_title,
+        is_shenyizhishi:this.edit_is_shenyizhishi,
+        is_fumotouxishi:this.edit_is_fumotouxishi,
+        is_guominyaowu:this.edit_is_guominyaowu,
+        guominyaowu_desc:this.edit_guominyaowu_desc,
+        doctor_id: this.edit_doctor_id
+      }
+
+      ModifySickHistoryRecord(params).then(rs => {
+        this.uploading_new_record = false
+        var resp = rs.data
+        if (resp.state == 1) {
+          this.records[this.table_current_index].content = resp.data.record.content
+          this.records[this.table_current_index].record_time = resp.data.record.record_time
+          this.records[this.table_current_index].recorder = resp.data.record.recorder
+          this.records[this.table_current_index].title = resp.data.record.title
+          this.records[this.table_current_index].doctor_id = resp.data.record.doctor_id
+          this.records[this.table_current_index].is_shenyizhi_history = resp.data.record.is_shenyizhi_history
+          this.records[this.table_current_index].is_fumo_dialysis_history = resp.data.record.is_fumo_dialysis_history
+          this.records[this.table_current_index].is_hypersusceptibility = resp.data.record.is_hypersusceptibility
+          this.records[this.table_current_index].hypersusceptibility_desc = resp.data.record.hypersusceptibility_desc
+          this.show_edit_dialog = false
+          this.edit_new_content = ''
+          this.table_current_index = -1
+        } else {
+          this.table_current_index = -1
+          this.$message.error(resp.msg)
+        }
+
+      }).catch(error => {
+        this.table_current_index = -1
+        this.uploading_new_record = false
+        this.$message.error(error)
+      })
+
+    },
+
+    createAction: function() {
+      this.new_content = this.$refs.editor.content
+      if (this.new_content.length == 0) {
+        this.$message.error('请填写病程内容')
+        return
+      }
+      this.uploading_new_record = true
+      let params = {
+        patient_id: this.patient_id,
+        content: this.new_content,
+        record_time: this.sick_history_time,
+        title: this.title,
+        is_shenyizhishi:this.is_shenyizhishi,
+        is_fumotouxishi:this.is_fumotouxishi,
+        is_guominyaowu:this.is_guominyaowu,
+        guominyaowu_desc:this.guominyaowu_desc,
+        doctor_id: this.doctor_id
+      }
+      createSickHistoryRecord(params).then(rs => {
+        this.uploading_new_record = false
+        this.$message.success("新增成功")
+        var resp = rs.data
+        if (resp.state == 1) {
+          this.records.unshift(resp.data.record)
+          this.show_dialog = false
+          this.new_content = ''
+          this.title = ''
+          this.$refs.record_table.setCurrentRow(this.records[0])
+        } else {
+          this.$message.error(resp.msg)
+        }
+
+      }).catch(error => {
+        this.uploading_new_record = false
+        this.$message.error(error)
+      })
+    },
+    didSelectTemplate: function(templateContent) {
+      this.new_content = this.new_content.length > 0 ? (this.new_content + templateContent) : templateContent
+
+    }, didEditSelectTemplate: function(templateContent) {
+      this.edit_new_content = this.edit_new_content.length > 0 ? (this.edit_new_content + templateContent) : templateContent
+    },
+
+    didSelectionChange: function(selectRows) {
+
+      var arr = []
+      for(let i=0;i<selectRows.length;i++){
+        arr.push(selectRows[i].id)
+      }
+      var newArr = arr.join(',')
+      this.ids = newArr
+      console.log("select23322332",this.ids)
+      this.selectingRows = selectRows
+    },
+    deleteAction: function() {
+      if (this.selectingRows.length == 0) {
+        return
+      }
+      var ids = []
+      for (let index = 0; index < this.selectingRows.length; index++) {
+        const row = this.selectingRows[index]
+        ids.push(row.id)
+      }
+      var ids_str = ids.join(',')
+      this.loading = true
+
+      let params={
+        patient_id:this.patient_id,
+        ids:ids_str,
+      }
+
+      deleteSickHistoryRecords(params).then(rs => {
+        var resp = rs.data
+        if (resp.state == 1) {
+          for (let id_index = 0; id_index < ids.length; id_index++) {
+            for (let record_index = 0; record_index < this.records.length; record_index++) {
+              if (ids[id_index] == this.records[record_index].id) {
+                this.records.splice(record_index, 1)
+                break
+              }
+            }
+          }
+          this.selectingRows = []
+          this.$message.success('已删除')
+
+        } else {
+          this.$message.error(resp.msg)
+        }
+        this.loading = false
+      }).catch(err => {
+        this.loading = false
+        this.$message.error(err)
+      })
+    }, startTimeChange(val) {
+      this.requestSickHistory()
+    }, endTimeChange(val) {
+      this.requestSickHistory()
+    }, showDialog(){
+      for(let i = 0; i < this.doctorOptions.length; i++){
+        if(this.doctorOptions[i].id == this.$store.getters.xt_user.user.id){
+          this.doctor_id =this.$store.getters.xt_user.user.id
+        }
+      }
+      this.show_dialog = true
+
+    },showEdit() {
+      if (this.table_current_index == -1) {
+        this.$message.error('请选择要修改的病程内容')
+        return
+      }
+      this.edit_is_shenyizhishi = this.records[this.table_current_index].is_shenyizhi_history.toString()
+      this.edit_is_fumotouxishi = this.records[this.table_current_index].is_fumo_dialysis_history.toString()
+      this.edit_is_guominyaowu = this.records[this.table_current_index].is_hypersusceptibility.toString()
+      this.edit_guominyaowu_desc = this.records[this.table_current_index].hypersusceptibility_desc
+      this.edit_sick_history_time = this.recordTime(this.records[this.table_current_index].record_time)
+      this.edit_new_content = this.records[this.table_current_index].content
+      this.edit_current_id = this.records[this.table_current_index].id
+      this.edit_doctor_id = this.records[this.table_current_index].doctor_id
+      console.log(this.edit_new_content )
+      this.edit_title = this.records[this.table_current_index].title//
+      this.show_edit_dialog = true
+
+      this.$refs.record_table.setCurrentRow(null)
+
+    }, tableRow({ row, rowIndex }) {
+      // 把每一行的索引放进row
+      row.index = rowIndex
+    }, onRowClick(row, event, column) {
+      this.table_current_index = row.index
+    },
+    print(){
+      // if (this.table_current_index == -1) {
+      //   this.$message.error('请选择要打印的病程')
+      //   return
+      // }
+      if(this.ids.length == 0){
+        this.$message.error('请选择要打印的病程')
+        return
+      }
+      this.$router.push({ path: "/sickhistory/print?ids="+this.ids+"&patient_id="+this.patient_id});
+    }
+  }
+}
+</script>
+
+<style rel="stylesheet/css" lang="scss" scoped>
+.container {
+  margin-left: 180px;
+  padding: 20px;
+  background: #fff;
+  min-height: calc(100vh - 173px);
+  margin-bottom: 15px;
+
+.record {
+  padding-top: 20px;
+}
+
+}
+.record_content_panel {
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ebeef5;
+  min-height: 200px;
+
+.title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #909399;
+  line-height: 44px;
+  height: 44px;
+  text-align: center;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: #ebeef5;
+}
+
+.content {
+  padding: 12px 15px;
+  font-size: 15px;
+  color: gray;
+  line-height: 22px;
+}
+
+}
+
+.new_record_form {
+
+/*/ / padding: 10 px, 25 px;*/
+
+.textarea_panel {
+  margin-top: 10px;
+}
+
+}
+</style>
+<style>
+.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>