10月16

package-lock.json

@@ -2053,15 +2053,15 @@
       }
     },
     "caniuse-db": {
-      "version": "1.0.30001535",
-      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001535.tgz",
-      "integrity": "sha512-GqX/YYHUWIiK3H9wneyTqg7yfcMcXJ8mKHzt/m3qzB+u4Q84mVEh00lkk6jVdiTgXkxZEVOOh2AQEtQsV3IkXA==",
+      "version": "1.0.30001538",
+      "resolved": "https://registry.npmjs.org/caniuse-db/-/caniuse-db-1.0.30001538.tgz",
+      "integrity": "sha512-DpDWGDG9Jk7cjISKb8Rr0RSwZTSUepMQupS1HyON5KSslZn0EZj9rBOaAm3LVGGJ5jvuDaEcJkrz8GDzV4LF9A==",
       "dev": true
     },
     "caniuse-lite": {
-      "version": "1.0.30001535",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001535.tgz",
-      "integrity": "sha512-48jLyUkiWFfhm/afF7cQPqPjaUmSraEhK4j+FCTJpgnGGEZHqyLe3hmWH7lIooZdSzXL0ReMvHz0vKDoTBsrwg==",
+      "version": "1.0.30001538",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001538.tgz",
+      "integrity": "sha512-HWJnhnID+0YMtGlzcp3T9drmBJUVDchPJ08tpUGFLs9CYlwWPH2uLgpHn8fND5pCgXVtnGS3H4QR9XLMHVNkHw==",
       "dev": true
     },
     "canvg": {
@@ -3813,9 +3813,9 @@
       "dev": true
     },
     "electron-to-chromium": {
-      "version": "1.4.523",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.523.tgz",
-      "integrity": "sha512-9AreocSUWnzNtvLcbpng6N+GkXnCcBR80IQkxRC9Dfdyg4gaWNUPBujAHUpKkiUkoSoR9UlhA4zD/IgBklmhzg==",
+      "version": "1.4.526",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.526.tgz",
+      "integrity": "sha512-tjjTMjmZAx1g6COrintLTa2/jcafYKxKoiEkdQOrVdbLaHh2wCt2nsAF8ZHweezkrP+dl/VG9T5nabcYoo0U5Q==",
       "dev": true
     },
     "elegant-spinner": {
@@ -5030,9 +5030,9 @@
       }
     },
     "follow-redirects": {
-      "version": "1.15.2",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
-      "integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA=="
+      "version": "1.15.3",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q=="
     },
     "font-awesome": {
       "version": "4.7.0",
@@ -6607,7 +6607,8 @@
     },
     "js-yaml": {
       "version": "3.7.0",
-      "resolved": "",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.7.0.tgz",
+      "integrity": "sha512-eIlkGty7HGmntbV6P/ZlAsoncFLGsNoM27lkTzS+oneY/EiNhj+geqD9ezg/ip+SW6Var0BJU2JtV0vEUZpWVQ==",
       "dev": true,
       "requires": {
         "argparse": "^1.0.7",
@@ -12631,9 +12632,9 @@
       }
     },
     "spdx-license-ids": {
-      "version": "3.0.14",
-      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.14.tgz",
-      "integrity": "sha512-U0eS5wcpu/O2/QZk6PcAMOA8H3ZuvRe4mFHA3Q+LNl1SRDmfQ+mD3RoD6tItqnvqubJ32m/zV2Z/ikSmxccD1Q=="
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.15.tgz",
+      "integrity": "sha512-lpT8hSQp9jAKp9mhtBU4Xjon8LPGBvLIuBiSVhMEtmLecTh2mO0tlqrAMp47tBXzMr13NJMQ2lf7RpQGLJ3HsQ=="
     },
     "spdy": {
       "version": "4.0.2",

src/router/modules/patient.js

@@ -480,105 +480,105 @@ export default {
   //     noCache: true
   //   }
   // },
-  {//跌倒评估历史评估
-    path: '/patients/tumble_history',
-    component: () => import('@/xt_pages/user/history/tumble_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'tunele_history',
-    meta: {
-      title: 'tunele_history',
-      noCache: true
-    }
-  },
-  {//小儿跌倒评估历史评估
-    path: '/patients/Children_history',
-    component: () => import('@/xt_pages/user/history/Children_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'Children_history',
-    meta: {
-      title: 'Children_history',
-      noCache: true
-    }
-  },
-  {//压疮历史评估
-    path: '/patients/Pressure_history',
-    component: () => import('@/xt_pages/user/history/Pressure_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'Pressure_history',
-    meta: {
-      title: 'Pressure_history',
-      noCache: true
-    }
-  },
-  {//日常历史评估
-    path: '/patients/date_history',
-    component: () => import('@/xt_pages/user/history/date_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'date_history',
-    meta: {
-      title: 'date_history',
-      noCache: true
-    }
-  },
-  {//导管脱落历史评估
-    path: '/patients/daoguan_history',
-    component: () => import('@/xt_pages/user/history/daoguan_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'daoguan_history',
-    meta: {
-      title: 'daoguan_history',
-      noCache: true
-    }
-  },
-  {//RASS历史评估
-    path: '/patients/RASS_history',
-    component: () => import('@/xt_pages/user/history/RASS_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'RASS_history',
-    meta: {
-      title: 'RASS_history',
-      noCache: true
-    }
-  },
-  {//营养历史评估
-    path: '/patients/nourishment_history',
-    component: () => import('@/xt_pages/user/history/nourishment_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'nourishment_history',
-    meta: {
-      title: 'nourishment_history',
-      noCache: true
-    }
-  },
-  {//心理历史评估
-    path: '/patients/mind_history',
-    component: () => import('@/xt_pages/user/history/mind_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'mind_history',
-    meta: {
-      title: 'mind_history',
-      noCache: true
-    }
-  },
-  {//瘙痒历史评估
-    path: '/patients/pruritus_history',
-    component: () => import('@/xt_pages/user/history/pruritus_history'),
-    hidden: true,
-    is_menu: false,
-    name: 'pruritus_history',
-    meta: {
-      title: 'pruritus_history',
-      noCache: true
-    }
-  },
+  // {//跌倒评估历史评估
+  //   path: '/patients/tumble_history',
+  //   component: () => import('@/xt_pages/user/history/tumble_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'tunele_history',
+  //   meta: {
+  //     title: 'tunele_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//小儿跌倒评估历史评估
+  //   path: '/patients/Children_history',
+  //   component: () => import('@/xt_pages/user/history/Children_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'Children_history',
+  //   meta: {
+  //     title: 'Children_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//压疮历史评估
+  //   path: '/patients/Pressure_history',
+  //   component: () => import('@/xt_pages/user/history/Pressure_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'Pressure_history',
+  //   meta: {
+  //     title: 'Pressure_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//日常历史评估
+  //   path: '/patients/date_history',
+  //   component: () => import('@/xt_pages/user/history/date_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'date_history',
+  //   meta: {
+  //     title: 'date_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//导管脱落历史评估
+  //   path: '/patients/daoguan_history',
+  //   component: () => import('@/xt_pages/user/history/daoguan_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'daoguan_history',
+  //   meta: {
+  //     title: 'daoguan_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//RASS历史评估
+  //   path: '/patients/RASS_history',
+  //   component: () => import('@/xt_pages/user/history/RASS_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'RASS_history',
+  //   meta: {
+  //     title: 'RASS_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//营养历史评估
+  //   path: '/patients/nourishment_history',
+  //   component: () => import('@/xt_pages/user/history/nourishment_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'nourishment_history',
+  //   meta: {
+  //     title: 'nourishment_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//心理历史评估
+  //   path: '/patients/mind_history',
+  //   component: () => import('@/xt_pages/user/history/mind_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'mind_history',
+  //   meta: {
+  //     title: 'mind_history',
+  //     noCache: true
+  //   }
+  // },
+  // {//瘙痒历史评估
+  //   path: '/patients/pruritus_history',
+  //   component: () => import('@/xt_pages/user/history/pruritus_history'),
+  //   hidden: true,
+  //   is_menu: false,
+  //   name: 'pruritus_history',
+  //   meta: {
+  //     title: 'pruritus_history',
+  //     noCache: true
+  //   }
+  // },
   // {//血管通路图 pruritus_history
   //   path: '/patients/patient/:id/angiogram',
   //   component: () => import('@/xt_pages/user/angiogram'),

src/xt_pages/outpatientCharges/invoicePrint.vue

@@ -19,12 +19,12 @@
           <printTwo v-if="org_id == 10106" :paramsObj="invoiceParams"></printTwo>
           <printFour v-if="org_id == 10215 || org_id == 4 " :paramsObj="invoiceParams"></printFour>
           <printFive v-if="org_id == 10188 " :paramsObj="invoiceParams"></printFive>
-          <!-- <printSix v-if="org_id == 10217  " :paramsObj="invoiceParams"></printSix> -->
+          <printthirteen v-if="org_id == 0 " :paramsObj="invoiceParams"></printthirteen>
 <!--          <printEight v-if="org_id == 10387 || org_id == 0" :paramsObj="invoiceParams"></printEight>-->
           <print-eight v-if="org_id == 10387" :paramsObj="invoiceParams"></print-eight>
           <PrintNight v-if="org_id == 10210" :paramsObj="invoiceParams"></PrintNight>
           <!-- <PrintTen v-if="org_id == 10375 ||org_id == 0 " :paramsObj="invoiceParams"></PrintTen> -->
-          <printtwelve :paramsObj="invoiceParams"  v-if="org_id == 10480 || org_id ==0"></printtwelve>
+          <printtwelve :paramsObj="invoiceParams"  v-if="org_id == 10480 "></printtwelve>
         </div>
     </div>
 
@@ -44,6 +44,11 @@
         <print-ten :paramsObj="invoiceParams"></print-ten>
       </div>
     </div>
+    <!-- <div class="app-container" style="padding-top:40px;" v-if="org_id == 0">
+      <div class='dialysisPage'>
+        <printthirteen :paramsObj="invoiceParams"></printthirteen>
+      </div>
+    </div> -->
   </div>
 </template>
 
@@ -61,6 +66,7 @@
   import PrintTen from './invoiceTemplate/printTen.vue'
   import PrintEleven from './invoiceTemplate/printEleven.vue'
   import printtwelve from './invoiceTemplate/printtwelve.vue'
+  import printthirteen from './invoiceTemplate/printthirteen.vue'
   export default {
     name: "invoicePrint",
     components: {
@@ -75,7 +81,8 @@
       printSix,
       printSeven,
       PrintTen,
-      printtwelve
+      printtwelve,
+      printthirteen
     },
     props:{
       invoiceParams:Object

src/xt_pages/outpatientCharges/invoiceTemplate/printthirteen.vue

@@ -0,0 +1,270 @@
+
+<template>
+  <div id='invoice-print'>
+    <div v-for='(i,index) in pageArr.length' :key="index" style="width: 80%;margin: 0 auto;">
+      <div style="text-align: center;width: 100%;font-size: 20px; font-weight: bolder;">盐城盐都悦达金骆驼血液透析中心收费票据</div>
+      <div style="display: flex; margin: 15px 0 5px 0;">
+        <div style="flex: 1.5;">业务流水号:{{ list.order_number }}</div>
+        <div style="flex: 1;">医疗机构类型:</div>
+        <div style="flex: 0.6;">医生：{{ doctor_info.user_name }}</div>
+        <div style="flex: 1;">医院国家编码：H32092103007</div>
+      </div> 
+      <div style="display: flex;border: 1px solid black;padding: 5px 0;">
+        <div style="flex: 1;">姓名：{{ paramsObj.name }}</div>
+        <div style="flex: 1;">性别：</div>
+        <div style="flex: 1;">医保类型：</div>
+        <div style="flex: 1;">社会保障号码：</div>
+       
+      </div>
+      <div style="display: flex;border: 1px solid black;text-align: center;border-top:none;">
+        <div style="flex: 1;display: flex;">
+          <div style="flex: 1;border-right: 1px solid black;padding: 5px 0;">项目</div>
+          <div style="flex: 1; padding: 5px 0;">金额</div>
+        </div>
+        <div style="flex: 2;display: flex;border-left: 1px solid black;">
+          <div style="flex: 1; padding: 5px 0;">项目/规格</div>
+          <div style="flex: 1;border-left: 1px solid black; padding: 5px 0;">数量</div>
+          <div style="flex: 1;border-left: 1px solid black; padding: 5px 0;">金额</div>
+        </div>
+      </div>
+
+      <div style="display: flex;border: 1px solid black;border-top:none;height: 200px;">
+        <div style="flex: 1;margin-left: 10px;" >
+          <div v-if="list.westernMedicineCostTotal">西药 &nbsp;&nbsp;{{ list.westernMedicineCostTotal }}</div>
+          <div v-if="list.treatCostTotal">治疗费 &nbsp;&nbsp;{{ list.treatCostTotal }}</div>
+          <div v-if="list.bedCostTotal">床位费 &nbsp;&nbsp;{{ list.bedCostTotal }}</div>
+          <div v-if="list.chineseTraditionalMedicineCostTotal">中成药 &nbsp;&nbsp;{{ list.chineseTraditionalMedicineCostTotal }}</div>
+          <div v-if="list.laboratoryCostTotal">化验费 &nbsp;&nbsp;{{ list.laboratoryCostTotal }}</div>
+          <div v-if="list.operationCostTotal">手术费 &nbsp;&nbsp;{{ list.operationCostTotal }}</div>
+          <div v-if="list.otherCostTotal">其他费 &nbsp;&nbsp;{{ list.otherCostTotal }}</div>
+          <div v-if="list.materialCostTotal">材料费 &nbsp;&nbsp;{{ list.materialCostTotal }}</div>
+        </div>
+        <div style="flex: 2;border-left: 1px solid black;">
+          <div v-for="item in list.order_info.slice(index * 10,(index * 10) + pageArr[index])" style="margin-left: 10px;">
+            <span style="display:inline-block;width:300px;">
+                <span v-if="item.advice.id == 0">
+                    <span v-if="item.project.type == 2">{{ item.project.project.project_name }}</span>
+                    <span v-if="item.project.type == 3">{{ item.project.good_info.good_name }}</span>
+                </span>
+                <span v-else>{{ item.advice.advice_name }}</span>
+            </span>
+            <span style="display:inline-block;width:50px;">
+                <span v-if="item.advice.id == 0">
+                    <span v-if="item.project.type == 2">{{ item.project.count }}{{ item.project.unit }}</span>
+                    <span v-if="item.project.type == 3">{{ item.project.count }}{{ item.project.unit }}</span>
+                </span>
+                <span v-else>{{ item.advice.prescribing_number }}{{ item.advice.prescribing_number_unit }}</span>
+            </span>
+            <span>
+                <span v-if="item.advice.id == 0">
+                    <span v-if="item.project.type == 2">{{ (item.project.count * item.pric).toFixed(2) }}</span>
+                    <span v-if="item.project.type == 3">{{ (item.project.count * item.pric).toFixed(2) }}</span>
+                </span>
+                <span v-else>{{ (item.advice.prescribing_number * item.pric).toFixed(2) }}</span>
+            </span>
+          </div>
+        </div>
+      </div>
+      <div style="display: flex;border:1px solid black;border-top: none;">
+        <div style="flex: 2; padding: 5px 0;">
+          <span style="font-weight: bolder;">合计(大写):</span>
+          <span>{{ zhongwen }}</span>
+        </div>
+        <div style="flex: 1;border-left: 1px solid black; padding: 5px 0;">￥：{{ list.medfee_sumamt }}</div>
+      </div>
+      <div style="display: flex;border:1px solid black;border-top: none;height: 70px;">
+        <div 
+          style="flex: 0.5;border-right: 1px solid black; padding: 5px 0;
+          text-align: center;line-height: 60px;font-weight: bolder;"
+        >
+          附注:
+        </div>
+        <div style="flex: 2; padding: 5px 0; position: relative;">
+          <div v-if="index == pageArr.length - 1">
+                <div style="display:flex;">
+                  <div style="width:150px">医疗总费用：{{ list.order.medfee_sumamt }}</div>
+                  <div style="width:150px">基金支付总额：{{ list.order.fund_pay_sumamt }}</div>
+                  <div style="width:150px">统筹支出：{{ list.order.hifp_pay }}</div>
+                  <div style="width:150px">大病支出：{{list.order.hifmi_pay}}</div>
+
+                </div>
+                <div style="display:flex;">
+                  <div style="width:150px">个人账户支付：{{ list.order.acct_pay }}</div>
+                  <div style="width:150px">现金支出：{{ list.order.psn_cash_pay }}</div>
+                  <div style="width:150px">本次账户：0</div>
+                  <div style="width:150px">上次账户：0</div>
+                </div>
+              <div style="display:flex;">
+                <div style="width:150px">账户余额：{{ list.order.balc }}</div>
+                <div style="width:150px">其他支出：{{ list.order.oth_pay }}</div>
+                <div style="width:150px">大病补充保险支出：0</div>
+                <div style="width:150px">民政支出：0</div>
+              </div>
+              <div style="display:flex;">
+                <div style="width:220px">医疗救助基金支出：{{ list.order.maf_pay }}</div>
+                <div style="width:280px">企业补充医疗保险基金支出：{{ list.order.hifes_pay }}</div>
+              </div>
+
+            </div>
+          <span style="position: absolute;left: 90%;top: 70%;">(手写无效)</span>
+        </div>
+      </div>
+      <div style="display: flex;">
+        <div style="flex: 1;">收款单位（章）：{{ org_name }}</div>
+        <div style="flex: 1;">收费员：{{ paramsObj.chargeName }}</div>
+        <div style="flex: 1;"> 
+          <span>{{  paramsObj.setl_time ? paramsObj.setl_time.split(' ')[0].slice(0,4) : getTime(list.date, '{y}-{m}-{d}').slice(0,4) }}</span>
+          年
+          <span>{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(5,7)) : getTime(list.date, '{y}-{m}-{d}').slice(5,7) }}</span>
+          月  
+          <span>{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(8,11)) : getTime(list.date, '{y}-{m}-{d}').slice(8,11) }}</span>
+          日
+          </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getInvoice } from '@/api/project/project'
+import { uParseTime } from '@/utils/tools'
+export default {
+    props:{
+        paramsObj:Object
+    },
+    data(){
+        return{
+            list:{},
+            printDate:'',
+            zhongwen:'',
+            totalPrice:0.0,
+            org_id:'',
+            org_name:'',
+            page:1,
+            pageArr:[],
+            doctor_info:{},
+        }
+    },
+    created(){
+        console.log('paramsObj',this.paramsObj)
+        let params = {
+            order_id: this.paramsObj.order_id,
+            patient_id: this.paramsObj.patient_id,
+        }
+        this.getInvoice(params)
+        // var data = new Date();
+        // var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+        // var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+        // this.printDate = data.getFullYear() + "-" + month + "-" + date;
+        // this.smalltoBIG(982732.21)
+        this.org_id = this.$store.getters.xt_user.org_id
+        this.org_name = this.$store.getters.xt_user.org.org_name
+    },
+    methods:{
+        getInvoice(params){
+            getInvoice(params).then((res) => {
+                console.log('res',res)
+                this.list = res.data.data
+                this.totalPrice = this.list.westernMedicineCostTotal + this.list.checkCostTotal + this.list.treatCostTotal + this.list.bedCostTotal + this.list.chineseTraditionalMedicineCostTotal +
+                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal
+                this.smalltoBIG(this.list.medfee_sumamt)
+                var data = new Date(res.data.data.date * 1000);
+                var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+                var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+                this.printDate = data.getFullYear() + "-" + month + "-" + date;
+                this.pageArr = []
+                this.getPage()
+                this.doctor_info = res.data.data.doctor_info
+                console.log('pageArr',this.pageArr)
+            })
+        },
+        smalltoBIG(n) {
+            // let fraction = ['角', '分'];
+            // let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+            // let unit = [['元.', '万,', '亿,'], ["元",'拾', '佰', '仟']];
+            // let head = price < 0 ? '欠' : '';
+            // price = Math.abs(price);
+            // let upper = '';
+            // for (let i = 0; i < fraction.length; i++) {
+            // upper += (digit[Math.floor(price * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+            // }
+            // upper = upper || '整';
+            // price = Math.floor(price);
+            // for (let i = 0; i < unit[0].length && price > 0; i++) {
+            // let p = '';
+            // for (let j = 0; j < unit[1].length && price > 0; j++) {
+            //     p = digit[price % 10] + unit[1][j] + p;
+            //     price = Math.floor(price / 10);
+            // }
+            // upper = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + upper;
+            // }
+            // this.zhongwen = head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整')
+            // console.log('6666',head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整'))
+            if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){
+                return "数据非法";  //判断数据是否大于0
+            }
+
+            var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
+            n += "00";
+
+            var indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
+
+            if (indexpoint >= 0){
+
+                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
+            }
+
+            unit = unit.substr(unit.length - n.length);  // 若为整数，截取需要使用的unit单位
+            for (var i=0; i < n.length; i++){
+                str += "零壹贰叁肆伍陆柒捌玖".charAt(n.charAt(i)) + unit.charAt(i);  //遍历转化为大写的数字
+            }
+            console.log("str",str)
+            if(str == '零元零角零分'){
+                this.zhongwen = '零'
+            }else{
+                this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+            }
+
+            console.log(this.zhongwen)
+        },
+        getTime(value, temp) {
+            if (value == 0) {
+                return ''
+            }
+            if (value != undefined) {
+                return uParseTime(value, temp)
+            }
+            return ''
+        },
+        getPage(){
+        if(this.list.order_info.length <= 10){
+            this.page = 1
+            this.pageArr.push(this.list.order_info.length)
+        }else if(this.list.order_info.length > 10){
+            this.page = parseInt(this.list.order_info.length / 10)
+            let num = this.list.order_info.length % 10
+            for (var i=0;i<this.page;i++){
+                this.pageArr.push(10)
+            }
+            if(num != 0){
+                this.pageArr.push(num)
+            }
+        }
+      }
+
+    },
+    watch:{
+        paramsObj:{//深度监听，可监听到对象、数组的变化
+            handler(val, oldVal){
+                let params = {
+                    order_id: val.order_id,
+                    patient_id: val.patient_id,
+                }
+                this.getInvoice(params)
+
+            },
+            deep:true
+        }
+    }
+}
+</script>

src/xt_pages/outpatientDoctorStation/checkPrint.vue

@@ -14,8 +14,8 @@
 <!--  && this.$store.getters.xt_user.org_id != 0  -->
       <div class='dialysisPage' style="padding-top:40px;">
         <printOne v-if="this.$store.getters.xt_user.org_id != 10402 && this.$store.getters.xt_user.org_id != 10375 && this.$store.getters.xt_user.org_id != 0" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id" :newHisPatient="newHisPatient"></printOne>
-        <printTwo v-if="this.$store.getters.xt_user.org_id == 10402 " :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id" :newHisPatient="newHisPatient"></printTwo>
-        <printThree v-if="this.$store.getters.xt_user.org_id == 10375" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id" :newHisPatient="newHisPatient"></printThree>
+        <!-- <printTwo v-if="this.$store.getters.xt_user.org_id == 10402 || this.$store.getters.xt_user.org_id == 0 " :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id" :newHisPatient="newHisPatient"></printTwo> -->
+        <printThree v-if="this.$store.getters.xt_user.org_id == 10375 || this.$store.getters.xt_user.org_id == 0 " :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id" :newHisPatient="newHisPatient"></printThree>
         <!--      <print-two></print-two>-->
       </div>
 

src/xt_pages/outpatientDoctorStation/checkTemplate/printThree.vue

@@ -109,22 +109,7 @@
             <div>
               医生签字：
 
-              <img
-                v-if="setAdminUserES(advicePrint[0].creator)"
-                style="height: 80px; width: 80px;"
-                :src="setAdminUserES(advicePrint[0].creator)"
-                alt=""
-                srcset=""
-              />
-              <span
-                style="width: 100px; display: inline-block"
-                v-else-if="advicePrint[0].doctor != ''"
-              >
-                {{ advicePrint[0].doctor ? advicePrint[0].doctor : "" }}
-              </span>
-              <span v-else>
-
-              </span>
+              <span style="width: 100px; display: inline-block"></span>
             </div>
           </div>
         </div>
@@ -242,27 +227,31 @@ export default {
       getPrescriptionPrint(params).then((response) => {
         if (response.data.state == 1) {
           var advicePrint = response.data.data.advicePrint;
-          console.log("adviceprint9999", advicePrint);
+          // console.log("adviceprint9999", advicePrint);
           this.advicePrint = advicePrint;
           this.prescriptions = advicePrint;
-          console.log("处方222222", this.prescriptions);
+          // console.log("处方222222", this.prescriptions);
           var hisPatient = response.data.data.hisPatient;
           // console.log("hisPatient", hisPatient);
           this.hisPatient = hisPatient;
           let projectPrint = [];
           let total = 0;
           this.advicePrint.map((item) => {
+            let singleProjectPrint = []
             // console.log("imte233232323232323223", item.project);
             if (item.project.length > 0) {
               item.project.map((it) => {
                 if (it.type == 2) {
                   if (it.project.cost_classify == 3) {
                     projectPrint.push(it);
+                    singleProjectPrint.push(it)
                     total += it.project.price * parseInt(it.count);
                   }
                 }
               });
             }
+            item["singleProjectPrint"] = singleProjectPrint
+
           });
           this.doctorList_1 = response.data.data.eles;
           // console.log(this.doctorList_1, "医生列表");
@@ -279,15 +268,7 @@ export default {
           let data = [];
           let data2 = [];
           projectPrint.map((item) => {
-            if (item.team.id != 0) {
-              let status = data.some((it) => it.team.id == item.team.id);
-              if (!status) {
-                data.push(item);
-              }
-            }
-            if (item.team.id == 0) {
               data2.push(item);
-            }
           });
           this.projectPrint = data;
           console.log("列表", this.projectPrint);
@@ -296,11 +277,11 @@ export default {
           this.doctor = this.advicePrint[0].doctor;
 
           this.singleProjectPrint = data2;
-          console.log("列表333", this.singleProjectPrint);
+
           var projectlist = response.data.data.projectlist;
 
           var projectlist = response.data.data.projectlist;
-          // console.log("所有项目列表", projectlist);
+          console.log("所有项目列表", this.singleProjectPrint);
           this.projectList = projectlist;
           this.getPage();
           let outputlist1Name = response.data.data.his.patient_info

src/xt_pages/outpatientRegistration/registrationHistory.vue

@@ -617,7 +617,7 @@
       this.startUnix = todayUnix - 28800
 
       this.getlist()
-      this.getDictionaryDataConfig()
+      // this.getDictionaryDataConfig()
     },
     methods: {
       searchAction() {
@@ -878,7 +878,9 @@
         console.log(obj)
       },
       getDictionaryDataConfig(type) {
+        console.log('qqqqqqq',type);
         let arr = getDictionaryDataConfig('system', 'social_type')
+        console.log('22222',arr);
         let str = ''
         arr.map(item => {
           if (item.id == type) {
@@ -908,6 +910,7 @@
         return str
       },
       getMedicalCare(type) {
+        console.log('vvvv',type);
         let arr = this.medicalCare
         let str = ''
         arr.map(item => {

src/xt_pages/sign/Schedulingdisplay.vue

@@ -1,5 +1,5 @@
 <template>
- 
+
   <div class="main-contain">
         <div class="position">
             <bread-crumb :crumbs="crumbs"></bread-crumb>
@@ -94,7 +94,7 @@
               @size-change="handleSizeChange"
               @current-change="handleCurrentChange"
               :current-page="currentPage"
-              :page-sizes="[2, 4, 6, 8, 10]"
+              :page-sizes="[4, 8, 12, 16, 20]"
               :page-size.sync="pagesize"
               layout="total, sizes, prev, pager, next, jumper"
               :total="this.schArr.length">
@@ -132,7 +132,7 @@ export default {
       currentPage: 1,
       total:0,
       page:0,
-      pagesize:4,
+      pagesize:20,
       day:'',
       teem_sel: [
         { name: "上午", id: 1 },
@@ -212,7 +212,7 @@ export default {
 
   // },
   mounted(){
-    
+
     this.time = setInterval (()=>{
       // console.log('5555555555',Math.ceil(this.schArr.length / this.pagesize));
       if(this.currentPage < Math.ceil(this.schArr.length / this.pagesize)){
@@ -292,7 +292,7 @@ export default {
           console.log('3333333',this.schArr);
           console.log('4444444',this.total);
         }
-        
+
       })
     },
     // 进入全屏
@@ -381,11 +381,11 @@ export default {
     },
 
   },
-  created(){ 
-    
+  created(){
+
     // console.log('jiequsdfasdfas',this.nameSplit('左B区陈漫'));
-    this.org_id = this.$store.getters.xt_user.org_id 
-    this.schArr = Object.entries(this.data);
+    this.org_id = this.$store.getters.xt_user.org_id
+    // this.schArr = Object.entries(this.data);
     // console.log('5555555555',Math.ceil(this.schArr.length / this.pagesize));
     // console.log('00000',arr);
     // this.getindexschedulelist()
@@ -400,7 +400,7 @@ export default {
 <style lang="scss" scoped>
 .main-contain{
     height: 100%;
-    
+
 }
 .page_lineUp{
     height: 100%;

src/xt_pages/user/components/PatientSidebar.vue

@@ -207,68 +207,68 @@ export default {
             },
           ]
         },
-        // {
-        //   name: '5',
-        //   label: '评估工具',
-        //   children: [
-        //     {
-        //       name: '5-1',
-        //       label: '跌倒评估'
-        //     },
-        //     {
-        //       name: '5-2',
-        //       label: '小儿跌倒风险评估'
-        //     },
-        //     {
-        //       name: '5-3',
-        //       label: '压疮风险评估'
-        //     },
-        //     {
-        //       name: '5-4',
-        //       label: 'OH压疮评估'
-        //     },
-        //     {
-        //       name: '5-5',
-        //       label: '日常生活能力评估'
-        //     },
-        //     {
-        //       name: '5-6',
-        //       label: '导管脱落风险评估'
-        //     },
-        //     {
-        //       name: '5-7',
-        //       label: 'RASS及疼痛评估'
-        //     },
-        //     {
-        //       name: '5-8',
-        //       label: '营养状况评估'
-        //     },
-        //     {
-        //       name: '5-9',
-        //       label: '约束告知单'
-        //     },
-        //     {
-        //       name: '5-10',
-        //       label: '心理评估'
-        //     },
-        //     {
-        //       name: '5-11',
-        //       label: '瘙痒评估'
-        //     },
-        //     {
-        //       name: '5-12',
-        //       label: '血液透析患者评估'
-        //     },
-        //     {
-        //       name: '5-13',
-        //       label: 'Glasgow昏迷评分量表'
-        //     },
-        //     {
-        //       name: '5-14',
-        //       label: '肌力评估表'
-        //     },
-        //   ]
-        // },
+        {
+          name: '5',
+          label: '评估工具',
+          children: [
+            {
+              name: '5-1',
+              label: '跌倒评估'
+            },
+            {
+              name: '5-2',
+              label: '小儿跌倒风险评估'
+            },
+            {
+              name: '5-3',
+              label: '压疮风险评估'
+            },
+            {
+              name: '5-4',
+              label: 'OH压疮评估'
+            },
+            {
+              name: '5-5',
+              label: '日常生活能力评估'
+            },
+            {
+              name: '5-6',
+              label: '导管脱落风险评估'
+            },
+            {
+              name: '5-7',
+              label: 'RASS及疼痛评估'
+            },
+            {
+              name: '5-8',
+              label: '营养状况评估'
+            },
+            {
+              name: '5-9',
+              label: '约束告知单'
+            },
+            {
+              name: '5-10',
+              label: '心理评估'
+            },
+            {
+              name: '5-11',
+              label: '瘙痒评估'
+            },
+            {
+              name: '5-12',
+              label: '血液透析患者评估'
+            },
+            {
+              name: '5-13',
+              label: 'Glasgow昏迷评分量表'
+            },
+            {
+              name: '5-14',
+              label: '肌力评估表'
+            },
+          ]
+        },
 
       ],
       name:""

src/xt_pages/user/evaluationtool/Cathetershedding.vue

@@ -14,7 +14,7 @@
                   <table class="table" border="1" style="width: 100%;">
                     <thead>
                       <tr>
-                          <th style="width: 20%;">项目</th>
+                          <th style="width: 15%;">项目</th>
                           <th style="width: 50%;">分值</th>
                           <th>护理措施</th>
                       </tr>
@@ -51,7 +51,7 @@
                                   <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio>
                               </el-radio-group>
                           </div>
-                        </td>                           
+                        </td>
                       </tr>
                       <tr>
                         <td class="start">C.患者配合程度</td>
@@ -97,7 +97,7 @@
                               </el-option>
                           </el-select>
                       </div>
-                      
+
                   </div>
                   <div style="margin:5px 10px;">
                     <el-button type="primary">确认</el-button>
@@ -125,7 +125,7 @@
                     </div>
                     <div class="zhuangui">
                         <p style="display: inline-block; margin-right: 30px;">
-                            评估人签字: 
+                            评估人签字:
                             <el-select v-model="value" placeholder="请选择" style="width: 120px;">
                                 <el-option
                                 v-for="item in options"
@@ -147,7 +147,7 @@
                     </div>
                     <div class="zhuangui">
                         <p style="display: inline-block; margin-right: 30px;">
-                            护士长签字: 
+                            护士长签字:
                             <el-select v-model="value" placeholder="请选择" style="width: 120px;">
                                 <el-option
                                 v-for="item in options"
@@ -177,7 +177,7 @@
                 </div>
             </div>
         </div>
-        
+
     </div>
 </template>
 <script>
@@ -233,7 +233,7 @@ export default {
 <style lang="scss" scoped>
     .content_top{
       display: flex;
-      justify-content: space-between; 
+      justify-content: space-between;
     }
     .table{
         border: 1px solid #DCDFE6;
@@ -276,7 +276,7 @@ export default {
     .bottoms{
         display: inline-block;
         margin-left: 10px;
-        margin-top: 5px; 
+        margin-top: 5px;
     }
     .shuoming p{
       margin-top: 5px;
@@ -285,5 +285,5 @@ export default {
     .zhuangui{
         margin-top: 10px;
     }
-    
-</style>
+
+</style>

src/xt_pages/user/evaluationtool/Glasgow.vue

@@ -6,7 +6,19 @@
         <div class="content_top">
           <!-- 左 -->
           <div style="width: 58%;">
-            <div style="margin-bottom: 20px;"><el-button type="primary">新增</el-button></div>
+            <div style="margin-bottom: 20px; display: flex;">
+              <div style="flex:2" >
+                <el-button type="primary" @click="Glas_add" v-if="Glasadd_show">新增</el-button>
+                <el-button style="background:#00B6D7;color:white" @click="Glas_editor" v-if="Glas_gzdayin">编辑</el-button>
+                <el-button type="danger"  @click="Glas_dele" v-if="Glas_gzdayin">删除</el-button>
+                <el-button type="success" @click="open_print=true" v-if="Glas_gzdayin">打印</el-button>
+              </div>
+              <div style="flex:1" v-if="Glas_baoxiao">
+                <el-button type="primary" @click="Glas_save" >保存</el-button>
+                <el-button  @click="Glas_quxiao" >取消</el-button>
+              </div>
+
+            </div>
             <div style="font-size: 20px;margin-bottom: 20px;">Glasgow昏迷评分量表</div>
             <div style="width: 100%;">
               <table class="table" border="1" style="width: 100%;">
@@ -27,7 +39,7 @@
                       </div>
                     </td>
                   </tr>
-                  
+
                   <tr>
                     <td class="start">言语反映 （V）</td>
                     <td>
@@ -38,33 +50,33 @@
                       </div>
                     </td>
                   </tr>
-                  
+
                   <tr class="bg_color">
                     <td class="start">运动反应（M）</td>
                     <td>
                       <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
                         <span v-for="item in yundong" class="ttbwzz-type-a" @change="handleCheckedCitiesChange">
                           <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
-                        </span> 
+                        </span>
                       </div>
                     </td>
                   </tr>
-                  
+
                 </tbody>
               </table>
             </div>
-            
+
             <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
               <span style="position: relative; top: -55px;">护理措施：</span>
               <div style="margin-top: 20px;display: inline-block; width: 85%;">
                 <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
               </div>
             </div>
-            
+
             <div>
               <div class="bottoms">
                 <span>总分:</span>
-                <el-input v-model="Glasgow_Totalpoints" style="width: 100px;"></el-input>分
+                <el-input v-model="Glasgow_Totalpoints" style="width: 80px;"></el-input>分
               </div>
 
               <div class="bottoms">
@@ -80,18 +92,18 @@
 
               <div class="bottoms">
                 <span>评估人:</span>
-                <el-select v-model="value" placeholder="请选择" >
+                <el-select v-model="Glas_pinggu" placeholder="请选择" style="width:120px;">
                     <el-option
-                    v-for="item in options"
-                    :key="item.value"
+                    v-for="item in pinggr"
+                    :key="item.id"
                     :label="item.label"
-                    :value="item.value"
-                    style="width:150px;">
+                    :value="item.id"
+                    >
                     </el-option>
                 </el-select>
               </div>
-            </div> 
-            
+            </div>
+            <div id="ctrl-xgtlpic-mask" class="readonly" data-text="图片操作的遮罩层" v-show="append == false"></div>
             <hr style=" background-color: #DCDFE6;margin-top: 20px; height: 1px;border: none;"/>
             <div class="shuoming">
               <p>说明：</p>
@@ -105,7 +117,7 @@
             <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
             <div style="width: 100%;">
               <el-table
-              :data="tableData"
+              :data="history_Glasgow"
               stripe
               border
               :header-cell-style="{
@@ -117,12 +129,12 @@
                   width="180">
                   </el-table-column>
                   <el-table-column
-                  prop="name"
+                  prop="mark"
                   label="总分"
                   >
                   </el-table-column>
                   <el-table-column
-                  prop="name"
+                  prop="evaluate"
                   label="评估人"
                   >
                   </el-table-column>
@@ -131,7 +143,83 @@
           </div>
         </div>
       </div>
-    </div> 
+      <!-- 打印 -->
+      <el-dialog
+      title="提示"
+      :visible.sync="open_print"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+        <div id="mingxi" >
+          <div class="diedao_content" style="">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="tables" border="1" style="width: 100%;border-collapse: collapse;font-size: 16px;">
+                <thead>
+                  <tr>
+                    <th style="width: 150px;padding: 5px;">项目</th>
+                    <th style="padding: 5px;">分值</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr class="bg_color">
+                    <td class="start">睁眼反应（E）</td>
+                    <td>
+                      <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
+                        <span v-for="item in zhengyan" class="ttbwzz-type-a" >
+                          <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                        </span>
+                      </div>
+                    </td>
+                  </tr>
+
+                  <tr>
+                    <td class="start">言语反映 （V）</td>
+                    <td>
+                      <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
+                        <span v-for="item in yanyu" class="ttbwzz-type-a" >
+                          <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                        </span>
+                      </div>
+                    </td>
+                  </tr>
+
+                  <tr class="bg_color">
+                    <td class="start">运动反应（M）</td>
+                    <td>
+                      <div style="display: flex;flex-wrap: wrap;padding:4px 0 4px 8px;">
+                        <span v-for="item in yundong" class="ttbwzz-type-a" >
+                          <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                        </span>
+                      </div>
+                    </td>
+                  </tr>
+
+                </tbody>
+              </table>
+              <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
+                  <span style="position: relative; top: -55px;">护理措施：</span>
+                  <div style="margin-top: 20px;display: inline-block; width: 85%;height: 80px;">
+                      
+                  </div>
+              </div>
+              
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </el-dialog>
+    </div>
   </div>
 </template>
 <script>
@@ -155,6 +243,16 @@ export default {
       zhengyan:['自动睁眼(4分)','互换睁眼(3分)','刺激睁眼(2分)','无反应(1分)'],
       yanyu:['正常(5分)','不准确回答问题(4分)','不恰当词句(3分)','不能理解的言语(2分)','无言语反映(1分)'],
       yundong:['能按指令运动肢体(6分)','对刺痛能定位(5分)','对刺痛能躲避(4分)','刺痛肢体屈曲(3分)','刺痛肢体过伸(2分)','无反应(1分)'],
+      pinggr:[{id:1,label:'小米'},{id:2,label:'千仞雪'},{id:3,label:'千亦雪'},],
+      history_Glasgow:[{date:'2023-9-27',mark:'',evaluate:''}],
+
+      append:false,
+      Glasadd_show:true,
+      Glas_gzdayin:false,
+      Glas_baoxiao:false,
+      cancel_num:0,
+      Glas_pinggu:null,
+      open_print:false
     }
   },
   methods:{
@@ -168,64 +266,156 @@ export default {
         this.Glasgow_Totalpoints=this.Glasgow_Totalpoints-jiequ
         return this.Glasgow_Totalpoints
       }
-      
+
+    },
+    Glas_add(){
+      this.cancel_num=0
+      this.append=true
+      this.Glas_baoxiao=true
+      this.Glasadd_show =false
+    },
+    Glas_save(){
+      if(this.Glas_pinggu==null){
+        this.$message('请选择评估人')
+      }else{
+        this.Glasadd_show = true
+        this.Glas_baoxiao = false
+        this.Glas_gzdayin = true
+        this.cancel_num = 1
+        const Glalen=this.pinggr
+        const historylen = this.history_Glasgow
+        for(let x=0;x<historylen.length;x++){
+          historylen[x].mark = this.Glasgow_Totalpoints
+          for(let i=0;i<Glalen.length;i++){
+            if(this.Glas_pinggu==Glalen[i].id){
+              historylen[x].evaluate = Glalen[i].label
+              return historylen[x].evaluate
+            }
+          }
+        }
+      }
+    },
+    Glas_editor(){
+      this.Glas_gzdayin=false
+      this.Glas_baoxiao=true
+      this.Glasadd_show=false
+      this.cancel_num =1
+    },
+    Glas_dele(){
+      this.append=false
+      this.Glas_gzdayin=false
+      this.Glasadd_show=true
+      this.Glas_baoxiao=false
+      this.cancel_num=0
+    },
+    Glas_quxiao(){
+      // console.log('1111',this.cancel_num);
+      if(this.cancel_num==0){
+        this.append=false
+        this.Glasadd_show=true
+        this.Glas_gzdayin=false
+        this.Glas_baoxiao=false
+      //  return this.append
+      }else{
+        this.Glasadd_show=true
+        this.Glas_gzdayin=true
+        this.Glas_baoxiao=false
+        this.append=true
+      }
+      // console.log('2222', this.apppend);
+    },
+    print_pingfen(){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .tables thead th{ text-align: center;height: 40px;} .tables tbody td{height: 40px;padding:0 10px} .tables{font-size: 16px;}}'
+      printJS({
+        printable: 'mingxi',
+        type: 'html',
+        style: style,
+        scanStyles: false
+      })
+      this.open_print=false
     }
   }
 }
 </script>
 <style lang="scss" scoped>
-    .content_top{
-      display: flex;
-      justify-content: space-between; 
-    }
-    .bottoms{
-        display: inline-block;
-        margin-left: 10px;
-        margin-top: 5px;  
-    }
-    .shuoming p{
+  .content_top{
+    display: flex;
+    justify-content: space-between;
+  }
+  .bottoms{
+      display: inline-block;
+      margin-left: 10px;
       margin-top: 5px;
-      color: rgb(167, 165, 165);
-    }
-    .table{
-        border: 1px solid #DCDFE6;
-        border-collapse:collapse;
-        border-spacing: 0;
-        thead th{
-            background: #0077ff9f;
-            color: white;
-            text-align: center;
-            height: 40px;
-        }
-        tbody td{
-           height: 40px;
-        }
-        .start{
-            text-align: center;
-        }
-        .bing{
-            width: 150px;
-            text-align: center;
-        }
-        .bg_color{
-            background: rgb(243, 240, 240);
-        }
-        .jiange{
-            margin: 5px 0px 5px 20px;
-            color: black;
-        }
-        .rightjiange{
-          margin-right: 40px;
-          font-size: 15px;
-        }
-        .ttbwzz-type-a {
-          min-width: 80px;
-          margin-right: 30px;
-          padding: 5px 0px;
-          font-size: 15px;
-        }
-        input{
-            -webkit-appearance: checkbox;
-        }
-    }
-</style>
+  }
+  .shuoming p{
+    margin-top: 5px;
+    color: rgb(167, 165, 165);
+  }
+  .table{
+      border: 1px solid #DCDFE6;
+      border-collapse:collapse;
+      border-spacing: 0;
+      thead th{
+          background: #0077ff9f;
+          color: white;
+          text-align: center;
+          height: 40px;
+      }
+      tbody td{
+          height: 40px;
+      }
+      .start{
+          text-align: center;
+      }
+      .bing{
+          width: 150px;
+          text-align: center;
+      }
+      .bg_color{
+          background: rgb(243, 240, 240);
+      }
+      .jiange{
+          margin: 5px 0px 5px 20px;
+          color: black;
+      }
+      .rightjiange{
+        margin-right: 40px;
+        font-size: 15px;
+      }
+      .ttbwzz-type-a {
+        min-width: 80px;
+        margin-right: 30px;
+        padding: 5px 0px;
+        font-size: 15px;
+      }
+      input{
+          -webkit-appearance: checkbox;
+      }
+  }
+#ctrl-xgtlpic-mask.readonly {
+  z-index: 2000;
+}
+#ctrl-xgtlpic-mask {
+    width: 85%;
+    height: 100%;
+    position: absolute;
+    left: 196px;
+    top: 131px;
+    opacity: 0;
+    z-index: -1;
+}
+.tables {
+  
+  thead th{
+    text-align: center;
+    height: 40px;
+  }
+  tbody td{
+    padding:0 10px;
+    height: 40px;
+  }
+  input{
+    -webkit-appearance: checkbox;
+  }
+}
+</style>

src/xt_pages/user/evaluationtool/Muscleforce.vue

@@ -1,135 +1,148 @@
 <template>
   <div class="patient-container">
-    <patient-sidebar :id="patientID" defaultActive="5-14"></patient-sidebar> 
+    <patient-sidebar :id="patientID" defaultActive="5-14"></patient-sidebar>
     <div>
       <div class="patient-app-container advice-container app-container">
         <div class="content_top">
           <!-- 左 -->
           <div style="width: 58%;">
-              <div style="margin-bottom: 20px;"><el-button type="primary">新增</el-button></div>
-              <div style="font-size: 20px;margin-bottom: 20px;">肌力评估表</div>
-              <div style="width: 100%;">
-                  <table class="table" border="1" style="width: 100%;">
-                      <thead>
-                          <tr>
-                              <th style="width: 150px;">级别</th>
-                              <th>分值</th>
-                          </tr>
-                      </thead>
-                      <!-- <tbody>
-                          <tr class="bg_color">
-                              <td class="start">0级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball"/>&nbsp; 肌肉完全不收缩</label>
-                                  </div>
-                              </td>
-                          </tr>
-                          
-                          <tr>
-                              <td class="start">1级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp; 可见肌肉收缩但无肢体运动</label>
-                                  </div>
-                              </td>
-                          </tr>
-                          
-                          <tr class="bg_color">
-                              <td class="start">2级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball"/>
-                                          &nbsp;肢体能在床上移动，但不能抬离床面，即不能对抗地心引力
-                                      </label>
-                                  </div>
-                              </td>
-                          </tr>
-                          
-                          <tr >
-                              <td class="start">3级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
-                                          &nbsp;肢体能抬离床面，克服地心引力做随意运动，但不能对抗外加阻力
-                                      </label>
-                                  </div>
-                              </td>
-                          </tr>
-                          
-                          <tr class="bg_color">
-                              <td class="start">4级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
-                                          &nbsp;能在一般的外加阻力下作运动，但力量较正常弱
-                                      </label>
-                                  </div>
-                              </td>
-                          </tr>
-                          
-                          <tr>
-                              <td class="start">5级</td>
-                              <td>
-                                  <div class="jiange">
-                                      <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
-                                          &nbsp;正常肌力
-                                      </label>
-                                  </div>
-                              </td>
-                          </tr>
-                      </tbody> -->
-                    <tbody>
-                      <tr v-for="(item,index) in shuju" :key="index" :style="{'background':(index==0 || index % 2==0) ?'rgb(243, 240, 240)':'white'}">
-                        <td class="start">{{ item.title }}</td>
-                        <td>
-                          <div class="jiange">
-                            <label style="font-size: 15px;"><input type="checkbox" name="ball" :value="item.value" @change="handleCheckedCitiesChange"/>&nbsp;{{ item.value }}</label>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
+            <div style="margin-bottom: 20px; display: flex;">
+              <div style="flex:2" >
+                <el-button type="primary" @click="muscle_add" v-if="muscle_show">新增</el-button>
+                <el-button style="background:#00B6D7;color:white" @click="muscle_editor" v-if="muscle_gsdayin">编辑</el-button>
+                <el-button type="danger"  @click="muscle_dele" v-if="muscle_gsdayin">删除</el-button>
+                <el-button type="success" @click="open_print=true" v-if="muscle_gsdayin">打印</el-button>
               </div>
-              
-              <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
-                  <span style="position: relative; top: -55px;">护理措施：</span>
-                  <div style="margin-top: 20px;display: inline-block; width: 85%;">
-                      <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
-                  </div>
+
+              <div style="flex:1" v-if="baocun_quxiao">
+                <el-button type="primary" @click="muscle_save" >保存</el-button>
+                <el-button  @click="muscle_cancel" >取消</el-button>
               </div>
-              
-              <div>
-                  <div class="bottoms">
-                      <span>级别:</span>
-                      <el-input v-model="Mus_Totalpoints" style="width: 100px;"></el-input>级
-                  </div>
 
-                  <div class="bottoms">
-                      <span>评估日期:</span>
-                      <el-date-picker
-                          v-model="value1"
-                          type="date"
-                          placeholder="选择日期"
-                          :clearable="false"
-                          style="width: 150px;">
-                      </el-date-picker>
-                  </div>
+            </div>
+            <div style="font-size: 20px;margin-bottom: 20px;">肌力评估表</div>
+            <div style="width: 100%;">
+                <table class="table" border="1" style="width: 100%;">
+                    <thead>
+                        <tr>
+                            <th style="width: 150px;">级别</th>
+                            <th>分值</th>
+                        </tr>
+                    </thead>
+                    <!-- <tbody>
+                        <tr class="bg_color">
+                            <td class="start">0级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball"/>&nbsp; 肌肉完全不收缩</label>
+                                </div>
+                            </td>
+                        </tr>
 
-                  <div class="bottoms">
-                      <span>评估人:</span>
-                      <el-select v-model="value" placeholder="请选择" >
-                          <el-option
-                          v-for="item in options"
-                          :key="item.value"
-                          :label="item.label"
-                          :value="item.value"
-                          style="width:150px;">
-                          </el-option>
-                      </el-select>
-                  </div>
-                  
-              </div> 
+                        <tr>
+                            <td class="start">1级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp; 可见肌肉收缩但无肢体运动</label>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr class="bg_color">
+                            <td class="start">2级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball"/>
+                                        &nbsp;肢体能在床上移动，但不能抬离床面，即不能对抗地心引力
+                                    </label>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr >
+                            <td class="start">3级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
+                                        &nbsp;肢体能抬离床面，克服地心引力做随意运动，但不能对抗外加阻力
+                                    </label>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr class="bg_color">
+                            <td class="start">4级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
+                                        &nbsp;能在一般的外加阻力下作运动，但力量较正常弱
+                                    </label>
+                                </div>
+                            </td>
+                        </tr>
+
+                        <tr>
+                            <td class="start">5级</td>
+                            <td>
+                                <div class="jiange">
+                                    <label style="font-size: 15px;"><input type="checkbox" name="ball" value="volleyball" />
+                                        &nbsp;正常肌力
+                                    </label>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody> -->
+                  <tbody>
+                    <tr v-for="(item,index) in shuju" :key="index" :style="{'background':(index==0 || index % 2==0) ?'rgb(243, 240, 240)':'white'}">
+                      <td class="start">{{ item.title }}</td>
+                      <td>
+                        <div class="jiange">
+                          <label style="font-size: 15px;"><input type="checkbox" name="ball" :value="item.value" @change="handleCheckedCitiesChange"/>&nbsp;{{ item.value }}</label>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
+
+            <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
+              <span style="position: relative; top: -55px;">护理措施：</span>
+              <div style="margin-top: 20px;display: inline-block; width: 85%;">
+                  <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
+              </div>
+            </div>
+
+            <div>
+              <div class="bottoms">
+                  <span>级别:</span>
+                  <el-input v-model="Mus_Totalpoints" style="width: 80px;"></el-input>级
+              </div>
+
+              <div class="bottoms">
+                  <span>评估日期:</span>
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      :clearable="false"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </div>
+
+              <div class="bottoms">
+                  <span>评估人:</span>
+                  <el-select v-model="muscle_pinggu" placeholder="请选择" style="width:120px;">
+                      <el-option
+                      v-for="item in pinggr"
+                      :key="item.id"
+                      :label="item.label"
+                      :value="item.id"
+                      >
+                      </el-option>
+                  </el-select>
+              </div>
+            </div>
+            <div id="ctrl-xgtlpic-mask" class="readonly" data-text="图片操作的遮罩层" v-show="append == false"></div>
           </div>
           <!-- 虚线 -->
           <div style="height: 100vh; width: 1px; border-left:1px dashed #DCDFE6 ;"></div>
@@ -138,11 +151,13 @@
               <div style="font-size: 20px; margin-bottom: 20px;">评估历史记录</div>
               <div style="width: 100%;">
                   <el-table
-                  :data="tableData"
+                  :data="history_muscle"
                   stripe
                   border
+                  :highlight-current-row="true"
                   :header-cell-style="{
-                      background: '#0077ff9f',color:'white'}"
+                      background: '#0077ff9f',color:'white'
+                      }"
                   style="width: 100%">
                       <el-table-column
                       prop="date"
@@ -150,12 +165,12 @@
                       width="180">
                       </el-table-column>
                       <el-table-column
-                      prop="name"
+                      prop="mark"
                       label="总分"
                       >
                       </el-table-column>
                       <el-table-column
-                      prop="name"
+                      prop="evaluate"
                       label="评估人"
                       >
                       </el-table-column>
@@ -163,100 +178,256 @@
               </div>
           </div>
         </div>
-          
+
+      </div>
+
+      <el-dialog
+      title="提示"
+      :visible.sync="open_print"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+        <div id="mingxi" >
+          <div class="diedao_content" style="">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="tables" border="1" style="width: 100%;border-collapse: collapse;font-size: 16px;">
+                <thead>
+                  <tr>
+                    <th style="width: 150px;padding: 5px;">级别</th>
+                    <th style="padding: 5px;">分值</th>
+                  </tr>
+                </thead>
+                <tbody>
+                    <tr v-for="(item,index) in shuju" :key="index" >
+                      <td class="start">{{ item.title }}</td>
+                      <td>
+                        <div >
+                          <label style="font-size: 15px;"><input type="checkbox" name="ball" :value="item.value" />&nbsp;{{ item.value }}</label>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+              </table>
+              <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
+                  <span style="position: relative; top: -55px;">护理措施：</span>
+                  <div style="margin-top: 20px;display: inline-block; width: 85%;height: 80px;">
+                      <!-- <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input> -->
+                  </div>
+              </div>
+              
+            </div>
+          </div>
+        </div>
       </div>
-    </div>
       
+    </el-dialog>
+    </div>
+
   </div>
 </template>
 <script>
 import PatientSidebar from '../components/PatientSidebar.vue'
+import print from 'print-js'
 export default {
-    components:{
-      PatientSidebar
+  components:{
+    PatientSidebar
+  },
+  data(){
+    return{
+      patientID:0,
+      checkList:'',
+      checkList1:'',
+      checkList2:'',
+      value1:'',
+      value:'',
+      input:'',
+      Mus_Totalpoints:'',
+      muscle_pinggu:null,
+      options:[],
+      tableData:[],
+      shuju:[
+        {title:'0级',value:'肌肉完全不收缩'},
+        {title:'1级',value:'可见肌肉收缩但无肢体运动'},
+        {title:'2级',value:'肢体能在床上移动，但不能抬离床面，即不能对抗地心引力'},
+        {title:'3级',value:'肢体能抬离床面，克服地心引力做随意运动，但不能对抗外加阻力'},
+        {title:'4级',value:'能在一般的外加阻力下作运动，但力量较正常弱'},
+        {title:'5级',value:' 正常肌力'},
+      ],
+      history_muscle:[{date:'2023-9-27',mark:'',evaluate:''}],
+      pinggr:[{id:1,label:'小米'},{id:2,label:'千仞雪'},{id:3,label:'千亦雪'},],
+      append:false,
+      add_open:1,
+      muscle_show:true,
+      baocun_quxiao:false,
+      muscle_gsdayin:false,
+      cancel_num:0,
+      open_print:false
+    }
+  },
+  methods:{
+    handleCheckedCitiesChange(e){
+      for(let i=0;i<this.shuju.length;i++){
+        if(e.target.value == this.shuju[i].value ){
+          const arr= (this.shuju[i].title.split('级')[0])
+          if(e.target.checked == true){
+          this.Mus_Totalpoints = arr
+          }else{
+          this.Mus_Totalpoints =0
+          }
+          console.log('33333',arr);
+        }
+      }
     },
-    data(){
-      return{
-        patientID:0,
-        checkList:'',
-        checkList1:'',
-        checkList2:'',
-        value1:'',
-        value:'',
-        input:'',
-        Mus_Totalpoints:'',
-        options:[],
-        tableData:[],
-        shuju:[
-          {title:'0级',value:'肌肉完全不收缩'},
-          {title:'1级',value:'可见肌肉收缩但无肢体运动'},
-          {title:'2级',value:'肢体能在床上移动，但不能抬离床面，即不能对抗地心引力'},
-          {title:'3级',value:'肢体能抬离床面，克服地心引力做随意运动，但不能对抗外加阻力'},
-          {title:'4级',value:'能在一般的外加阻力下作运动，但力量较正常弱'},
-          {title:'5级',value:' 正常肌力'},
-        ]
+    muscle_add(){
+      if(this.add_open==1){
+        this.append=true
+        this.baocun_quxiao=true
+        this.muscle_show =false
+      }else{
+        this.append = false
       }
     },
-    methods:{
-      handleCheckedCitiesChange(e){
-        for(let i=0;i<this.shuju.length;i++){
-          if(e.target.value == this.shuju[i].value ){
-           const arr= (this.shuju[i].title.split('级')[0])
-           if(e.target.checked == true){
-            this.Mus_Totalpoints = arr
-           }else{
-            this.Mus_Totalpoints =0
-           }
-           console.log('33333',arr);
+    muscle_save(){
+      if(this.muscle_pinggu==null){
+        this.$message('请选择评估人')
+      }else{
+        this.muscle_show=true
+        this.baocun_quxiao=false
+        this.muscle_gsdayin=true
+        this.cancel_num=1
+
+        var musclelen=this.history_muscle
+        for(let i=0;i<musclelen.length;i++){
+          musclelen[i].mark = this.Mus_Totalpoints
+          for(let y=0;y<this.pinggr.length;y++){
+            if(this.muscle_pinggu==this.pinggr[y].id){
+              musclelen[i].evaluate= this.pinggr[y].label
+              return musclelen[i].evaluate
+            }
           }
         }
       }
+    },
+    muscle_dele(){
+      this.muscle_gsdayin=false
+      this.baocun_quxiao = false
+      this.append=false
+      this.muscle_pinggu=null
+    },
+    muscle_cancel(){
+      if(this.cancel_num==0){
+        this.baocun_quxiao=false
+        this.muscle_show=true
+        this.muscle_gsdayin=false
+        this.append=false
+      }else{
+        this.muscle_gsdayin=true
+        this.muscle_show=true
+        this.baocun_quxiao=false
+        this.append=true
+      }
+
+    },
+    muscle_editor(){
+      this.baocun_quxiao=true
+      this.muscle_gsdayin=false
+      this.muscle_show=false
+      this.cancel_num=1
+    },
+    print_pingfen(){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .tables thead th{ text-align: center;height: 40px;} .tables tbody td{height: 40px;padding:0 10px} .tables{font-size: 16px;}}'
+      printJS({
+        printable: 'mingxi',
+        type: 'html',
+        style: style,
+        scanStyles: false
+      })
+      this.open_print=false
     }
+  }
 }
 </script>
 <style lang="scss" scoped>
-    .content_top{
-      display: flex;
-      justify-content: space-between; 
+.content_top{
+  display: flex;
+  justify-content: space-between;
+}
+.bottoms{
+    display: inline-block;
+    margin-left: 10px;
+    margin-top: 5px;
+}
+.shuoming p{
+  margin-top: 5px;
+  color: rgb(167, 165, 165);
+}
+.table{
+    border: 1px solid #DCDFE6;
+    border-collapse:collapse;
+    border-spacing: 0;
+    thead th{
+        background: #0077ff9f;
+        color: white;
+        text-align: center;
+        height: 40px;
     }
-    .bottoms{
-        display: inline-block;
-        margin-left: 10px;
-        margin-top: 5px;  
+    tbody td{
+        height: 40px;
     }
-    .shuoming p{
-      margin-top: 5px;
-      color: rgb(167, 165, 165);
+    .start{
+        text-align: center;
     }
-    .table{
-        border: 1px solid #DCDFE6;
-        border-collapse:collapse;
-        border-spacing: 0;
-        thead th{
-            background: #0077ff9f;
-            color: white;
-            text-align: center;
-            height: 40px;
-        }
-        tbody td{
-           height: 40px;
-        }
-        .start{
-            text-align: center;
-        }
-        .bing{
-            width: 150px;
-            text-align: center;
-        }
-        .bg_color{
-            background: rgb(243, 240, 240);
-        }
-        .jiange{
-            margin: 5px 0px 5px 20px;
-            color: black;
-        }
-        input{
-            -webkit-appearance: checkbox;
-        }
+    .bing{
+        width: 150px;
+        text-align: center;
+    }
+    .bg_color{
+        background: rgb(243, 240, 240);
+    }
+    .jiange{
+        margin: 5px 0px 5px 20px;
+        color: black;
+    }
+    input{
+        -webkit-appearance: checkbox;
     }
-</style>
+}
+#ctrl-xgtlpic-mask.readonly {
+  z-index: 2000;
+}
+#ctrl-xgtlpic-mask {
+    width: 85%;
+    height: 100%;
+    position: absolute;
+    left: 196px;
+    top: 131px;
+    opacity: 0;
+    z-index: -1;
+}
+.tables {
+  
+  thead th{
+    // background: #0077ff9f;
+    // color: white;
+    text-align: center;
+    height: 40px;
+  }
+  tbody td{
+    padding:0 10px;
+    height: 40px;
+  }
+  input{
+    -webkit-appearance: checkbox;
+  }
+}
+</style>

src/xt_pages/user/evaluationtool/OHpressuresore.vue

@@ -14,12 +14,12 @@
                 <el-button type="danger"  @click="dele_OH" v-if="zsgy_open==1">删除</el-button>
                 <el-button type="success" @click="print_OH" v-if="zsgy_open==1">打印</el-button>
               </div>
-              
+
               <div style="flex:1" v-if="baocun_open==1">
                 <el-button type="primary" @click="save_OH" >保存</el-button>
                 <el-button  @click="cancel_OH" >取消</el-button>
               </div>
-             
+
             </div>
             <div>
               <div style="font-size: 20px;margin-bottom: 20px;">OH压疮评估表</div>
@@ -52,7 +52,7 @@
                                   </div>
                               </td>
                           </tr>
-                          
+
                           <tr class="bg_color">
                               <td class="start">浮肿</td>
                               <td>
@@ -63,7 +63,7 @@
                                   </div>
                               </td>
                           </tr>
-                          
+
                           <tr>
                               <td class="start">关节痉挛</td>
                                 <td>
@@ -77,14 +77,14 @@
                       </tbody>
                   </table>
               </div>
-              
+
               <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
                   <span style="position: relative; top: -55px;">护理措施：</span>
                   <div style="margin-top: 20px;display: inline-block; width: 85%;">
                       <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input>
                   </div>
               </div>
-              
+
               <div>
                 <div class="bottoms">
                   <span>总分:</span>
@@ -112,10 +112,10 @@
                       </el-option>
                   </el-select>
                 </div>
-              </div> 
+              </div>
               <div id="ctrl-xgtlpic-mask" class="readonly" data-text="图片操作的遮罩层" v-show="append == false"></div>
             </div>
-            
+
             <hr style="width: 100%;margin-top: 20px; border: none;height: 1px;background: #DCDFE6;"/>
             <div class="shuoming">
                 <p>说明：</p>
@@ -160,11 +160,106 @@
           </div>
         </div>
       </div>
+      
+    <el-dialog
+      title="提示"
+      :visible.sync="open_print"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+        <div id="mingxi" >
+          <div class="diedao_content" style="">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="tables" border="1" style="width: 100%;border-collapse: collapse;">
+                <thead>
+                  <tr>
+                    <th style="width: 150px;padding: 5px;">项目</th>
+                    <th style="padding: 5px;">分值</th>
+                  </tr>
+                </thead>
+                <tbody>
+                    <tr class="">
+                      <td class="">自主体位变换</td>
+                      <td>
+                        <div class="">
+                          <span v-for="item in tiwei"  style="padding-right: 10px;">
+                            <label><input type="checkbox" name="ball" :value="item"/>&nbsp;{{ item }}</label>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr>
+                        <td >病理性骨突出</td>
+                        <td>
+                            <div >
+                                <span v-for="item in bingli"  style="padding-right: 10px;">
+                                    <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                                </span>
+                            </div>
+                        </td>
+                    </tr>
+
+                    <tr >
+                      <td >浮肿</td>
+                      <td>
+                          <div >
+                              <span v-for="item in edema" style="padding-right: 10px;">
+                                  <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                              </span>
+                          </div>
+                      </td>
+                    </tr>
+
+                    <tr>
+                      <td>关节痉挛</td>
+                      <td>
+                        <div>
+                          <span v-for="item in guanjie"  style="padding-right: 10px;">
+                            <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                </tbody>
+              </table>
+              <div style="vertical-align: top;  margin: 10px 0px; position: relative;">
+                  <span style="position: relative; top: -55px;">护理措施：</span>
+                  <div style="margin-top: 20px;display: inline-block; width: 85%;height: 80px;">
+                      <!-- <el-input maxlength="200" type = "textarea" :rows="3" v-model="input" placeholder="输入护理措施，200字以内" ></el-input> -->
+                  </div>
+              </div>
+              <hr style="width: 100%;margin-top: 20px; border: 1px solid black;"/>
+              <div class="shuoming">
+                  <p>说明：</p>
+                  <p>1、本表适用于急症科、血液净化科等非病房科室。</p>
+                  <p>2、总分：10分，分值越大风险越高 ；1-3分为低危；4-6分为中危；7-10分为高危。</p>
+                  <p>3、病理性骨突出指骶尾部（或受压部位骨突出处）两侧均高于皮肤
+                      <2cm为“无”；两侧均为2cm或一侧<2cm一侧2cm为“轻度/中度”；两侧均>2cm或一侧>2cm一侧2cm为“高度”。
+                  </p>
+                  <p>参考：北海道大学名授大浦武彦,堀田由浩. 利用OH 评估法进行压疮预防[M].东京：中央法规出版社,2005：11</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </el-dialog>
     </div>
   </div>
 </template>
 <script>
 import PatientSidebar from '../components/PatientSidebar.vue'
+import print from 'print-js'
 export default {
   components:{
     PatientSidebar
@@ -196,7 +291,7 @@ export default {
       add_show:true,//控制新增显示
       zsgy_open:0,//控制编辑,删除,打印显示
       cancel_num:0,//取消的条件
-
+      open_print:false,
     }
   },
   methods:{
@@ -213,7 +308,7 @@ export default {
         this.Totalpoints=this.Totalpoints-jiequ
         return this.Totalpoints
       }
-      
+
     },
     // 新增
     OHadd(){
@@ -228,29 +323,34 @@ export default {
     },
     //保存
     save_OH(){
-      this.baocun_open=0
-      this.add_show=true
-      this.zsgy_open=1
-      this.cancel_num=1
+      if(this.appraiser==null){
+        this.$message('请选择评估人')
+      }else{
+        this.baocun_open=0
+        this.add_show=true
+        this.zsgy_open=1
+        this.cancel_num=1
 
-      const lenOH= this.history_OH
-      var nameoh=''
-      for(let i=0;i<lenOH.length;i++){
-        lenOH[i].mark= this.Totalpoints
-        for(let y=0;y<this.pinggr.length;y++){
-          if(this.appraiser==this.pinggr[y].id){
-            nameoh=this.pinggr[y].label
+        const lenOH= this.history_OH
+        var nameoh=''
+        for(let i=0;i<lenOH.length;i++){
+          lenOH[i].mark= this.Totalpoints
+          for(let y=0;y<this.pinggr.length;y++){
+            if(this.appraiser==this.pinggr[y].id){
+              nameoh=this.pinggr[y].label
+            }
           }
+          lenOH[i].evaluate= nameoh
         }
-        lenOH[i].evaluate= nameoh
+        return this.cancel_num
       }
-      return this.cancel_num
     },
     //编辑
     editor_OH(){
       this.add_show=false
       this.zsgy_open=0
       this.baocun_open=1
+      this.cancel_num=1
     },
     //删除
     dele_OH(){
@@ -259,7 +359,7 @@ export default {
     },
     //打印
     print_OH(){
-
+      this.open_print=true
     },
     //取消
     cancel_OH(){
@@ -273,7 +373,17 @@ export default {
         this.add_show=true
         this.append=false
       }
-      
+
+    },
+    print_pingfen(){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .tables thead th{ text-align: center;height: 40px;} .tables tbody td{height: 40px;padding:0 10px}}'
+      printJS({
+        printable: 'mingxi',
+        type: 'html',
+        style: style,
+        scanStyles: false
+      })
+      this.open_print=false
     }
   }
 }
@@ -281,12 +391,12 @@ export default {
 <style lang="scss" scoped>
 .content_top{
   display: flex;
-  justify-content: space-between; 
+  justify-content: space-between;
 }
 .bottoms{
     display: inline-block;
     margin-left: 10px;
-    margin-top: 5px;  
+    margin-top: 5px;
 }
 .shuoming p{
   margin-top: 5px;
@@ -339,4 +449,19 @@ export default {
     opacity: 0;
     z-index: -1;
 }
-</style>
+.tables {
+  thead th{
+    // background: #0077ff9f;
+    // color: white;
+    text-align: center;
+    height: 40px;
+  }
+  tbody td{
+    padding:0 10px;
+    height: 40px;
+  }
+  input{
+    -webkit-appearance: checkbox;
+  }
+}
+</style>

src/xt_pages/user/evaluationtool/dailyLife.vue

@@ -4,7 +4,7 @@
         <patient-sidebar :id="patientID" defaultActive="5-4"></patient-sidebar>
         <div>
             <div class="patient-app-container advice-container app-container">
-               
+
                 <div class='content_top' style="width: 100%;margin-bottom: 20px;">
                     <div style="font-size: 20px;"> 日常生活能力评定(ADL评估)表</div>
                     <div>
@@ -13,183 +13,183 @@
                 </div>
 
                 <div>
-                    <table class="table" border="1" style="width: 100%;">
-                        <thead>
-                          <tr>
-                            <th style="width: 150px;">项目</th>
-                            <th colspan="4">分值</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          <tr class="bg_color">
-                            <td class="start">进食</td>
-                            <td v-for="(item,index) in jinshi" :key="index">
-                                <div class="jiange">
-                                  <span>
-                                    <label><input type="checkbox" name="ball" :value="item.value" @click="jinshiclick($event,item.value)"/>&nbsp;
-                                        {{ item.label }}
-                                    </label>
-                                  </span>
-                                </div> 
-                            </td>                              
-                            <td>&nbsp;</td>
-                          </tr>          
-                          <tr>
-                            <td class="start">洗澡</td>
-                            <td v-for="(item,index) in xizao" :key="index">
+                  <table class="table" border="1" style="width: 100%;">
+                      <thead>
+                        <tr>
+                          <th style="width: 150px;">项目</th>
+                          <th colspan="4">分值</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr class="bg_color">
+                          <td class="start">进食</td>
+                          <td v-for="(item,index) in jinshi" :key="index">
                               <div class="jiange">
                                 <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="xizaoclick($event,item.value)"/>&nbsp;
+                                  <label><input type="checkbox" name="ball" :value="item.value" @click="jinshiclick($event,item.value)"/>&nbsp;
                                       {{ item.label }}
                                   </label>
                                 </span>
-                              </div> 
-                            </td>
-                            <td></td>
-                            <td></td>
-                          </tr>                           
-                          <tr class="bg_color">
-                            <td class="start">修饰</td>
-                            <td v-for="(item,index) in xiushi" :key="index">
-                                <div class="jiange">
-                                  <span>
-                                    <label><input type="checkbox" name="ball" :value="item.value" @click="xiushiclick($event,item.value)"/>&nbsp;
-                                        {{item.label}}
-                                    </label>
-                                  </span>
-                                </div> 
-                            </td>                              
-                            <td></td>
-                            <td></td>
-                          </tr>                         
-                          <tr>
-                            <td class="start">穿衣</td>
-                            <td v-for="(item,index) in chuanyi" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="chuanyiclick($event,item.value)"/>&nbsp;
-                                      {{item.label}}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td>                               
-                            <td></td>
-                          </tr>
-                          <tr class="bg_color">
-                            <td class="start">控制大便</td>
-                            <td v-for="(item,index) in dabian" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="dabianclick($event,item.value)"/>&nbsp;
-                                      {{item.label}}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td> 
-                            <td></td>
-                          </tr>       
-                          <tr>
-                            <td class="start">控制小便</td>
-                            <td v-for="(item,index) in xioabian" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="xioabianclick($event,item.value)"/>&nbsp;
-                                      {{item.label}}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td>
-                            <td></td>
-                          </tr>                         
-                          <tr class="bg_color">
-                            <td class="start">如厕</td>
-                            <td v-for="(item,index) in ruce" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="ruceclick($event,item.value)"/>&nbsp;
-                                      {{item.label}}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td>
-                            <td></td>
-                          </tr>
-                          <tr>
-                            <td class="start">床椅转移</td>
-                            <td v-for="(item,index) in chuangyi" :key="index">
+                              </div>
+                          </td>
+                          <td>&nbsp;</td>
+                        </tr>
+                        <tr>
+                          <td class="start">洗澡</td>
+                          <td v-for="(item,index) in xizao" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="xizaoclick($event,item.value)"/>&nbsp;
+                                    {{ item.label }}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                        <tr class="bg_color">
+                          <td class="start">修饰</td>
+                          <td v-for="(item,index) in xiushi" :key="index">
                               <div class="jiange">
                                 <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="chuangyiclick($event,item.value)"/>&nbsp;
+                                  <label><input type="checkbox" name="ball" :value="item.value" @click="xiushiclick($event,item.value)"/>&nbsp;
                                       {{item.label}}
                                   </label>
                                 </span>
-                              </div> 
-                            </td>
-                          </tr>
-                          <tr class="bg_color">
-                            <td class="start">平地行走</td>
-                            <td v-for="(item,index) in pingdi" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="pingdiclick($event,item.value)"/>&nbsp;
-                                      {{item.label}}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td>                               
-                          </tr>
-                          <tr>
-                            <td class="start">上下楼梯</td>
-                            <td v-for="(item,index) in louti" :key="index">
-                              <div class="jiange">
-                                <span>
-                                  <label><input type="checkbox" name="ball" :value="item.value" @click="louticlick($event,item.value)"/>&nbsp;
-                                      {{ item.label }}
-                                  </label>
-                                </span>
-                              </div> 
-                            </td>                               
-                            <td></td>
-                          </tr>
-                        </tbody>
-                    </table>
+                              </div>
+                          </td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td class="start">穿衣</td>
+                          <td v-for="(item,index) in chuanyi" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="chuanyiclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                        </tr>
+                        <tr class="bg_color">
+                          <td class="start">控制大便</td>
+                          <td v-for="(item,index) in dabian" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="dabianclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td class="start">控制小便</td>
+                          <td v-for="(item,index) in xioabian" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="xioabianclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                        </tr>
+                        <tr class="bg_color">
+                          <td class="start">如厕</td>
+                          <td v-for="(item,index) in ruce" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="ruceclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td class="start">床椅转移</td>
+                          <td v-for="(item,index) in chuangyi" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="chuangyiclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                        </tr>
+                        <tr class="bg_color">
+                          <td class="start">平地行走</td>
+                          <td v-for="(item,index) in pingdi" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="pingdiclick($event,item.value)"/>&nbsp;
+                                    {{item.label}}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="start">上下楼梯</td>
+                          <td v-for="(item,index) in louti" :key="index">
+                            <div class="jiange">
+                              <span>
+                                <label><input type="checkbox" name="ball" :value="item.value" @click="louticlick($event,item.value)"/>&nbsp;
+                                    {{ item.label }}
+                                </label>
+                              </span>
+                            </div>
+                          </td>
+                          <td></td>
+                        </tr>
+                      </tbody>
+                  </table>
                 </div>
 
                 <div class="content_top" style="margin: 10px 0px;">
-                    <div>
-                        <div class="bottoms">
-                        <span>总分:</span>
-                        <el-input v-model="date_Totalpoints" style="width: 100px;"></el-input>分
-                        </div>
+                  <div>
+                      <div class="bottoms">
+                      <span>总分:</span>
+                      <el-input v-model="date_Totalpoints" style="width: 100px;"></el-input>分
+                      </div>
 
-                        <div class="bottoms">
-                            <span>评估日期:</span>
-                            <el-date-picker
-                                v-model="value1"
-                                type="date"
-                                placeholder="选择日期"
-                                :clearable="false"
-                                style="width: 150px;">
-                            </el-date-picker>
-                        </div>
+                      <div class="bottoms">
+                          <span>评估日期:</span>
+                          <el-date-picker
+                              v-model="value1"
+                              type="date"
+                              placeholder="选择日期"
+                              :clearable="false"
+                              style="width: 150px;">
+                          </el-date-picker>
+                      </div>
 
-                        <div class="bottoms">
-                            <span>评估人:</span>
-                            <el-select v-model="value" placeholder="请选择" >
-                                <el-option
-                                v-for="item in options"
-                                :key="item.value"
-                                :label="item.label"
-                                :value="item.value"
-                                style="width:150px;">
-                                </el-option>
-                            </el-select>
-                        </div>
-                        
-                    </div>
-                    <div style="margin:5px 10px;">
-                            <el-button type="primary">确认</el-button>
-                    </div>
+                      <div class="bottoms">
+                          <span>评估人:</span>
+                          <el-select v-model="value" placeholder="请选择" >
+                              <el-option
+                              v-for="item in options"
+                              :key="item.value"
+                              :label="item.label"
+                              :value="item.value"
+                              style="width:150px;">
+                              </el-option>
+                          </el-select>
+                      </div>
+
+                  </div>
+                  <div style="margin:5px 10px;">
+                          <el-button type="primary">确认</el-button>
+                  </div>
                 </div>
                 <hr style="border:none;height:1px;background:#DCDFE6;"/>
                 <div class="shuoming">
@@ -265,7 +265,7 @@ export default {
       louti:[{value:10,label:'可独立上下1层楼梯(可用辅助工具)(10分)'},
               {value:5,label:'需部分帮助(他人帮助)(5分)'},
               {value:0,label:'需极大帮助或完全依赖他人(0分)'}
-            ],      
+            ],
     }
   },
   methods:{
@@ -345,7 +345,7 @@ export default {
   },
   computed:{
     date_Totalpoints(){
-      return this.jinshi_val + this.xizao_val + this.xiushi_val + this.chuanyi_val + this.dabian_val + this.xiaobian_val + 
+      return this.jinshi_val + this.xizao_val + this.xiushi_val + this.chuanyi_val + this.dabian_val + this.xiaobian_val +
       this.ruce_val + this.chuangyi_val + this.paingdi_val + this.louti_val
     }
   }
@@ -354,7 +354,7 @@ export default {
 <style lang="scss" scoped>
     .content_top{
       display: flex;
-      justify-content: space-between; 
+      justify-content: space-between;
     }
     .table{
         border: 1px solid #DCDFE6;
@@ -390,10 +390,10 @@ export default {
     .bottoms{
         display: inline-block;
         margin-left: 10px;
-        margin-top: 5px; 
+        margin-top: 5px;
     }
     .shuoming p{
       margin-top: 5px;
       color: rgb(167, 165, 165);
     }
-</style>
+</style>

src/xt_pages/user/evaluationtool/nourishmentAssessment.vue

@@ -180,7 +180,7 @@
                     <div>
                         <div class="bottoms">
                             <span>营养风险总评分:</span>
-                            <el-input v-model="nour_Totalpoints" style="width: 100px;"></el-input>分 (疾病相关评分+营养受损评分+年龄评分)
+                            <el-input v-model="nour_Totalpoints" style="width: 50px;"></el-input>分 (疾病相关评分+营养受损评分+年龄评分)
                         </div>
 
                         <div class="bottoms">
@@ -196,13 +196,13 @@
 
                         <div class="bottoms">
                             <span>评估人:</span>
-                            <el-select v-model="value" placeholder="请选择" >
+                            <el-select v-model="value" placeholder="请选择" style="width:120px;">
                                 <el-option
                                 v-for="item in options"
                                 :key="item.value"
                                 :label="item.label"
                                 :value="item.value"
-                                style="width:150px;">
+                                >
                                 </el-option>
                             </el-select>
                         </div>

src/xt_pages/user/history/Children_history.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
@@ -18,7 +18,7 @@
           ref="multipleTable"
           :data="tableData"
           border
-          
+
           tooltip-effect="dark"
           :header-cell-style="{
             background:'#4579c5',
@@ -65,7 +65,7 @@
       </div>
 
     </div>
-    
+
      <!-- 打印评分 -->
      <el-dialog
       title="提示"
@@ -74,9 +74,9 @@
       >
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
         </div>
-        
+
         <div id="pingfeng" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
@@ -116,10 +116,10 @@
       >
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
         </div>
-        
-        <div id="pingfeng" >
+
+        <div id="mingxi" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
               <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
@@ -167,7 +167,7 @@
                         <label><input name="ball" type="checkbox" :value="item.value" @click="diagnosischange($event,item.value)"/>&nbsp;{{item.lable}}</label>
                       </div>
                     </td>
-                      
+
                   </tr>
                   <tr>
                     <td style="border-right: none;">
@@ -179,7 +179,7 @@
                         <label><input name="ball" type="checkbox" :value="item.value" @click="cognizeChange($event,item.value)"/>&nbsp;{{item.lable}}</label>
                       </div>
                     </td>
-                      
+
                   </tr>
                   <tr class="bg_color">
                     <td class="start">环境因素</td>
@@ -252,7 +252,7 @@
                 <label><input name="ball" type="checkbox" :value="item.value" @click="diagnosischange($event,item.value)"/>&nbsp;{{item.lable}}</label>
               </div>
             </td>
-              
+
           </tr>
           <tr>
             <td style="border-right: none;">
@@ -264,7 +264,7 @@
                 <label><input name="ball" type="checkbox" :value="item.value" @click="cognizeChange($event,item.value)"/>&nbsp;{{item.lable}}</label>
               </div>
             </td>
-              
+
           </tr>
           <tr class="bg_color">
             <td class="start">环境因素</td>
@@ -329,7 +329,7 @@
           </td>
           </tr>
         </tbody>
-      </table>  
+      </table>
     </el-dialog>
   </div>
 </template>
@@ -363,14 +363,14 @@ export default{
               ],
       cognize:[{value:3,lable:'没有意识到不能自我行动'},
                 {value:2,lable:'忘记有行动的限制'},
-                {value:1,lable:'能自我辨识方位；昏迷、无反应'}], 
+                {value:1,lable:'能自我辨识方位；昏迷、无反应'}],
       environment:[{value:4,lable:'住院期间有跌倒坠床史：患儿移动或活动时需要使用辅助工具（拐杖、助行器、转运床、轮椅等）；婴幼儿放置在无护栏的成人床'},
                 {value:3,lable:'近1个月有跌倒坠床史：婴幼儿放置在有护栏的成人床'},
                 {value:2,lable:'近3个月有跌倒坠床史：婴幼儿放置在有护栏的婴儿床'},
-                {value:1,lable:'>3个月有跌倒坠床史/无跌倒坠床史'}],  
+                {value:1,lable:'>3个月有跌倒坠床史/无跌倒坠床史'}],
       medicine:[{value:3,lable:'联合用药：镇静剂、安眠药、巴比妥类药、吩噻嗪类药、抗抑郁药、利尿药、降压药、强心剂、麻醉药、化疗药、散瞳剂'},
                 {value:2,lable:'以上其中一种药物'},
-                {value:1,lable:'其他药物/没有'}],  
+                {value:1,lable:'其他药物/没有'}],
       checked:'',
       checkList:[],
       text:'',
@@ -401,14 +401,30 @@ export default{
       this.editor_dialogVisible =true
     },
 
-    print_pingfen(){
+    print_pingfen(id){
+      this.dialogVisible=false
+      this.mingxi_dialogVisible=false
       const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
-      printJS({
-        printable: 'pingfeng',
-        type: 'html',
-        style: style,
-        scanStyles: false
-      })
+      if(id==1){
+
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+
+      }else if(id==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+
+      }
+
+
     },
 
     ageChange(e,val){
@@ -525,4 +541,4 @@ export default{
 input{
   -webkit-appearance: checkbox;
 }
-</style>
+</style>

src/xt_pages/user/history/Pressure_history.vue

@@ -2,7 +2,7 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
@@ -12,7 +12,7 @@
           <el-button type="primary" @click="open_mingxi">打印明细</el-button>
         </div>
       </div>
-      
+
       <div>
         <el-table
           ref="multipleTable"
@@ -53,7 +53,7 @@
             label="活动能力"
             width=""
             align="center">
-            
+
           </el-table-column>
           <el-table-column
             prop="yidong"
@@ -72,7 +72,7 @@
             label="摩擦力与剪切力"
             width=""
             align="center">
-            
+
           </el-table-column>
           <el-table-column
             prop="mark"
@@ -100,7 +100,7 @@
         </el-table>
       </div>
     </div>
-    
+
      <!-- 打印评分 -->
      <el-dialog
       title="提示"
@@ -109,9 +109,9 @@
       >
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
         </div>
-        
+
         <div id="pingfeng" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
@@ -162,10 +162,10 @@
       >
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
         </div>
-        
-        <div id="pingfeng" >
+
+        <div id="mingxi" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
               <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
@@ -316,7 +316,7 @@
               <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
               <div class="zhuangui">
                   <p style="display: inline-block; margin-right: 70px;">
-                    患者/家属签字: 
+                    患者/家属签字:
                     <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                   </p>
                   <p style="display: inline-block;">
@@ -334,7 +334,7 @@
               </div>
               <div class="zhuangui">
                   <p style="display: inline-block; margin-right: 30px;">
-                      评估人签字: 
+                      评估人签字:
                       <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                   </p>
                   <p style="display: inline-block;">
@@ -345,7 +345,7 @@
               <div class="content_top">
                 <div class="zhuangui">
                   <p style="display: inline-block; margin-right: 30px;">
-                      护士长签字: 
+                      护士长签字:
                       <span style="display: inline-block; border-bottom: 1px solid black;width: 50px;"></span>
                   </p>
                   <p style="display: inline-block;">
@@ -409,7 +409,7 @@
                     15~18分为低危；<br>
                     13~14分为中危；<br>
                     10~12分为高危；<br>
-                    ≤9分为极高危 
+                    ≤9分为极高危
                   </div>
                 </td>
                 <td rowspan="6" style="position: relative;vertical-align: top;">
@@ -547,7 +547,7 @@
                 <th>D</th>
                 <th>E</th>
                 <th>F</th>
-              </tr> 
+              </tr>
             </thead>
             <tbody>
               <tr>
@@ -623,7 +623,7 @@
             </div>
             <div class="zhuangui">
                 <p style="display: inline-block; margin-right: 30px;">
-                    评估人签字: 
+                    评估人签字:
                     <el-input v-model="input" style="width:120px;"></el-input>
                 </p>
                 <p style="display: inline-block;">
@@ -639,7 +639,7 @@
             <div class="content_top">
               <div class="zhuangui" style="flex:1">
                 <p style="display: inline-block; margin-right: 30px;">
-                    护士长签字: 
+                    护士长签字:
                     <el-select v-model="value" placeholder="请选择" style="width: 120px;">
                         <el-option
                         v-for="item in options"
@@ -711,14 +711,26 @@ export default{
     open_editor(row){
       this.editor_dialogVisible =true
     },
-    print_pingfen(){
+    print_pingfen(id){
       const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
-      printJS({
-        printable: 'pingfeng',
-        type: 'html',
-        style: style,
-        scanStyles: false
-      })
+      if(id==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }else if(id==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+
     },
   }
 }
@@ -752,7 +764,7 @@ input{
 }
 .content_top{
   display: flex;
-  justify-content: space-between; 
+  justify-content: space-between;
 }
 .table{
         border: 1px solid #DCDFE6;
@@ -768,7 +780,7 @@ input{
         tbody td{
            height: 40px;
            padding: 5px;
-           
+
         }
         .start{
           vertical-align: top;
@@ -798,4 +810,4 @@ input{
             -webkit-appearance: checkbox;
         }
     }
-</style>
+</style>

src/xt_pages/user/history/RASS_history.vue

@@ -2,14 +2,14 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">RASS评估记录</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary">打印评分</el-button>
-          <el-button type="primary">打印明细</el-button>
+          <el-button type="primary" @click="Rass_pingfen(1)">打印评分</el-button>
+          <el-button type="primary" @click="Rass_pingfen(2)">打印明细</el-button>
         </div>
       </div>
       <div>
@@ -17,7 +17,7 @@
           ref="multipleTable"
           :data="tableData"
           border
-          
+
           tooltip-effect="dark"
           :header-cell-style="{
             background:'#4579c5',
@@ -26,56 +26,53 @@
           style="width: 100%"
           @selection-change="handleSelectionChange">
           <el-table-column
-            fixed
             type="selection"
             width="55"
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width=""
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="LOS评分"
-            width="300"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="RASS评分"
-            width="300"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估护士"
-            width="300"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            fixed="right"
             prop="address"
             label="操作"
-            width="180"
+            width=""
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
 
-      <div style="display: flex;margin: 50px 0 20px 0;"> 
+      <div style="display: flex;margin: 50px 0 20px 0;">
         <div style="width: 50%;">
           <div class="history">疼痛评估历史评分</div>
         </div>
-        <div style="margin-left: 30%;">
-          <el-button type="primary">打印评分</el-button>
+        <div style="margin-left: 40%;">
+          <el-button type="primary" @click="tengtong_open">打印评分</el-button>
         </div>
       </div>
       <div>
@@ -83,68 +80,238 @@
           ref="multipleTable"
           :data="tableData"
           border
-          
           tooltip-effect="dark"
           :header-cell-style="{
             background:'#4579c5',
             color:'#fff'
           }"
           style="width: 100%"
-          @selection-change="handleSelectionChange">
+          @selection-change="teng_SelectionChanges">
           <el-table-column
-            fixed
             type="selection"
             width="55"
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width=""
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
           </el-table-column>
           <el-table-column
             prop="name"
             label="疼痛工具"
-            width="350"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="分数"
-            width="130"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估护士"
-            width="300"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            fixed="right"
+
             prop="address"
             label="操作"
-            width="180"
+            width=""
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
-              <el-button type="primary" icon="el-icon-delete"></el-button>
+              <el-button type="primary" icon="el-icon-delete" @click="teng_dele(scope.row)"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-      
+    <!-- RASS打印评分 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="RASS_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="">评估日期</td>
+                  <td style="">LOS评分</td>
+                  <td style="">RASS评分</td>
+                  <td style="">评估护士</td>
+                </tr>
+
+                <tr v-for="(item,index) in multipleSelection" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td></td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+     <!-- 疼痛打印评分 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="teng_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_teng" style="float:right">打印</el-button>
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="">评估日期</td>
+                  <td style="">疼痛工具</td>
+                  <td style="">分数</td>
+                  <td style="">评估护士</td>
+                </tr>
+
+                <tr v-for="(item,index) in tengtongvalue" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td></td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- RASS打印明细 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="mingxi_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="">
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="mingxi" >
+          <div class="diedao_content" style="page-break-after: always;" v-for="i in multipleSelection">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心RASS评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+              </div>
+                <table class="table" border="1" style="width: 100%;border-collapse: collapse;margin-bottom: 30px;">
+                  <thead>
+                    <tr>
+                      <th style="width: 180px; text-align: left;margin-left: 5px;">LOS评分</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr v-for="(item, index) in LOS" :key="index">
+                      <td style="padding: 5px;">
+                        <div class="rightjiange" style="position: relative;">
+                          <label style="">
+                            <input type="radio" name="ball" :value="item.value"  />
+                            <div style="display: inline-block;">{{ item.title }}</div>&nbsp;
+                            <div style="display: inline-block;position: absolute;top:0px">
+                                {{ item.value }}
+                            </div>
+                          </label>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+
+                <table class="table" border="1" style="width: 100%;border-collapse: collapse;">
+                  <thead>
+                    <tr>
+                      <th colspan="2">RASS评分</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr class="bg_color" v-for="(item,index) in RASS" :key="index">
+                        <td class='bing' style="width: 50%;">
+                          <div class="" style="position: relative;">
+                            <label style="">
+                              <input type="radio" name="ball" :value="item.value"  />
+                              <div style="display: inline-block;">{{ item.title }}</div>&nbsp;
+                              <div style="display: inline-block;width: 80%;">
+                                  {{ item.value }}
+                              </div>
+                            </label>
+                          </div>
+                        </td>
+                        <td class='bing'>
+                          <div class="rightjiange" style="position: relative;">
+                            <label style="">
+                              <input type="radio" name="ball" :value="item.value2"  />
+                              <div style="display: inline-block;">{{ item.title2 }}</div>&nbsp;
+                              <div style="display: inline-block;position: absolute;top:0px">
+                                  {{ item.value2 }}
+                              </div>
+                            </label>
+                          </div>
+                        </td>
+                    </tr>
+                  </tbody>
+                </table>
+              <div style="font-size: 16px;">打印时间：</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
+import print from 'print-js'
 export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:''
+      multipleSelection:[],
+      tengtongvalue:[],
+      RASS_dialogVisible:false,
+      teng_dialogVisible:false,
+      mingxi_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+      LOS:[{title:'0分', value:'清醒'},{title:'1分', value:'有些昏昏欲睡，但容易唤醒'},
+            {title:'2分', value:'频繁发生昏昏欲睡，容易唤醒，但不能持续处于觉醒状态'},
+            {title:'3分', value:'无意识，无法唤醒'},{title:'S分', value:'正常意识，容易唤醒'}
+          ],
+      RASS:[{title:'-5分', value:'无法唤醒，对声音或物理刺激均无反应',title2:'0分', value2:'警觉的平静的'},
+            {title:'-4分', value:'深度镇静，对声音刺激无反应，但对物理刺激有运动或睁眼反应',title2:'+1分', value2:'不安的焦虑的：焦虑但无强烈的攻击行为'},
+            {title:'-3分', value:'中度镇静，对声音刺激有活动或睁眼动作（但无目光接触）',title2:'+2分', value2:'焦虑的激动的：经常性的无目的活动，人机对抗'},
+            {title:'-2分', value:'轻度镇静，对于声音刺激可以有简短的目光接触的觉醒，<10s',title2:'+3分', value2:'非常焦虑激动的：牵拉或拔除管道，容易焦虑不安'},
+            {title:'-1分', value:'困倦的昏昏欲睡的，不完全觉醒但能保持觉醒状态，对于声音刺激眼睛可以睁开或有目光接触≥10s',title2:'+4分', value2:'好斗的好战的：过于好斗，有暴力倾向，对医护人员有攻击行为'},
+          ],
     }
   },
   methods:{
@@ -153,6 +320,61 @@ export default{
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    teng_SelectionChanges(val){
+      this.tengtongvalue = val
+    },
+    Rass_pingfen(ids){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        if(ids==1){
+          this.RASS_dialogVisible=true
+        }else{
+          this.mingxi_dialogVisible=true
+        }
+      }
+    },
+    tengtong_open(){
+      if(this.tengtongvalue.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        this.teng_dialogVisible = true
+      }
+    },
+    print_pingfen(ids){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      if(ids==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }else if(ids==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+
+    },
+    print_teng(){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      printJS({
+        printable: 'pingfeng',
+        type: 'html',
+        style: style,
+        scanStyles: false
+      })
+      this.teng_dialogVisible=false
+    },
+    teng_dele(row){
+      this.tableData.splice(row, 1);
     }
   }
 }
@@ -171,4 +393,10 @@ export default{
   color: gray;
   font-size: 18px;
 }
-</style>
+.table tr td{
+  padding:5px,
+}
+input{
+  -webkit-appearance: checkbox;
+}
+</style>

src/xt_pages/user/history/daoguan_history.vue

@@ -2,14 +2,14 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary" @click="dialogVisible=true">打印评分</el-button>
-          <el-button type="primary">打印明细</el-button>
+          <el-button type="primary" @click="open_pingfen">打印评分</el-button>
+          <el-button type="primary" @click="open_mingxi">打印明细</el-button>
         </div>
       </div>
       <div>
@@ -17,7 +17,7 @@
           ref="multipleTable"
           :data="tableData"
           border
-          
+
           tooltip-effect="dark"
           :header-cell-style="{
             background:'#4579c5',
@@ -26,16 +26,15 @@
           style="width: 100%"
           @selection-change="handleSelectionChange">
           <el-table-column
-            fixed
             type="selection"
             width="55"
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width="120"
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
           </el-table-column>
           <el-table-column
             prop="name"
@@ -58,74 +57,380 @@
           <el-table-column
             prop="name"
             label="护理措施"
-            width="500"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="总评分"
-            width="130"
+            width="80"
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="责任护士"
-            width="160"
+            width="100"
             align="center">
           </el-table-column>
           <el-table-column
-            fixed="right"
-            prop="address"
             label="操作"
-            width="180"
+            width="155"
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
+              <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-    
+
     <!-- 打印评分 -->
     <el-dialog
       title="提示"
       :visible.sync="dialogVisible"
       width="67%"
-      :before-close="handleClose">
+      >
       <div>
-        <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+        <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
         <div id="pingfeng" >
           <div class="diedao_content" style="">
             <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
               <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
                 <tr>
-                  <td style="width:180px">评估日期</td>
-                  <td style="width:100px">分数</td>
-                  <td style="">护理措施</td>
-                  <td style="width:150px">评估护士</td>
+                  <td style="width:100px">评估日期</td>
+                  <td style="width:100px">脱管后风险程度</td>
+                  <td style="width:100px">患者意识程度</td>
+                  <td style="width:100px">患者配合程度</td>
+                  <td style="width:400px">护理措施</td>
+                  <td style="width:100px">总评分</td>
+                  <td style="width:100px">责任护士</td>
                 </tr>
-                <tr>
-                  <td>2023-09-26</td>
-                  <td>15</td>
-                  <td>无</td>
-                  <td>何韦明</td>
+
+                <tr v-for="(item,index) in multipleSelection" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
                 </tr>
               </table>
             </div>
           </div>
         </div>
       </div>
-      
+
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
+     <!-- 打印明细 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="mingxi_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="">
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="mingxi" >
+          <div class="diedao_content" style="page-break-after: always;" v-for="i in multipleSelection">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心住院患者导管脱落危险因素评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+              </div>
+              <table  border="1" style="width: 100%; border-collapse:collapse ;">
+                <thead>
+                  <tr>
+                      <th style="width: 15%;">项目</th>
+                      <th style="width: 50%;">分值</th>
+                      <th>护理措施</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr>
+                    <td class="start">A.脱管后风险程度</td>
+                    <td>
+                      <div class="jiange">
+                        <el-radio-group >
+                          <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index" style="">{{ item }}</el-radio>
+                        </el-radio-group>
+                      </div>
+                    </td>
+                    <td rowspan="3">
+                      <div style="vertical-align: top; color: black; padding: 5px;">
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;1.管道维护，导管脱落严重后果及预防措施的健康教育；</label> <br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;2.床边悬挂警示标识（＞9分悬挂）；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;3.正确妥善固定；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;4.正确卧位及床上活动方式， 病人带管下床活动时， 将引流管固定在病人的衣服或裤子上；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;5.加强巡视，及时发现满足患者需要；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;6.严格交接班，各班重点交接，观察外露长度，必要时记录；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;7.昏迷、暴躁、不合作病人，根据医嘱使用镇静剂和约束带；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;8.进行诊疗护理需要移动患者时，根据医嘱使用镇静剂和约束带；</label><br/>
+                        <label><input name="ball" type="checkbox" value="football" />&nbsp;9.对于气管插管清醒患者，进行心理疏导和安全教育。</label>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="start">B.患者意识程度</td>
+                    <td>
+                      <div class="jiange">
+                          <el-radio-group >
+                              <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio>
+                          </el-radio-group>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="start">C.患者配合程度</td>
+                    <td>
+                      <div  class="jiange">
+                          <el-radio-group >
+                            <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio>
+                          </el-radio-group>
+                      </div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+              <div style="margin-top: 20px;">
+                    <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
+                    <div class="zhuangui">
+                        <p style="display: inline-block; margin-right: 70px;">患者/家属签字: <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span></p>
+                        <p style="display: inline-block;">
+                            日期：
+                            <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                        </p>
+                    </div>
+                    <div class="zhuangui">
+                        <span>转归：</span>
+                        <el-radio  label="1">脱落</el-radio>
+                        <el-radio  label="2">未脱落</el-radio>
+                    </div>
+                    <div class="zhuangui">
+                        <p style="display: inline-block; margin-right: 30px;">
+                            评估人签字:
+                            <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                        </p>
+                        <p style="display: inline-block;">
+                            日期：
+                            <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                        </p>
+                    </div>
+                    <div class="zhuangui">
+                        <p style="display: inline-block; margin-right: 30px;">
+                            护士长签字:
+                            <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                        </p>
+                        <p style="display: inline-block;">
+                            日期：
+                            <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                        </p>
+                    </div>
+              </div>
+              <hr style="margin: 10px 0px;border:1px solid rgb(135, 133, 133);"/><!--水平线-->
+              <div class="shuoming">
+                  <p>说明：</p>
+                  <p>1.＜5分为正常，5~8分为危险，≥9分为高度危险。</p>
+                  <p>2.导管脱落危险因素≥5分，需填写该表。</p>
+                  <p>3.常规情况下，评分5~8分，至少每天评估一次；评分≥9，至少每班评估一次，紧急与特殊情况，应随时评估。</p>
+              </div>
+              <div style="font-size: 16px;">打印时间：</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+     <!-- 编辑 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="editor_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <table class="tables" border="1" style="width: 100%;border-collapse: collapse;">
+          <thead>
+            <tr>
+                <th style="width: 15%;">项目</th>
+                <th style="width: 50%;">分值</th>
+                <th>护理措施</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="start">A.脱管后风险程度</td>
+              <td>
+                <div class="jiange">
+                  <el-radio-group v-model="radio" @change="handleCheckedCitiesChange">
+                    <el-radio v-for="(item,index ) in tuoguan" :label="item" :key="index" style="">{{ item }}</el-radio>
+                  </el-radio-group>
+                </div>
+              </td>
+              <td rowspan="3">
+                <div style="vertical-align: top; color: black; padding: 5px;">
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;1.管道维护，导管脱落严重后果及预防措施的健康教育；</label> <br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;2.床边悬挂警示标识（＞9分悬挂）；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;3.正确妥善固定；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;4.正确卧位及床上活动方式， 病人带管下床活动时， 将引流管固定在病人的衣服或裤子上；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;5.加强巡视，及时发现满足患者需要；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;6.严格交接班，各班重点交接，观察外露长度，必要时记录；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;7.昏迷、暴躁、不合作病人，根据医嘱使用镇静剂和约束带；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;8.进行诊疗护理需要移动患者时，根据医嘱使用镇静剂和约束带；</label><br/>
+                  <label><input name="ball" type="checkbox" value="football" />&nbsp;9.对于气管插管清醒患者，进行心理疏导和安全教育。</label>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="start">B.患者意识程度</td>
+              <td>
+                <div class="jiange">
+                    <el-radio-group v-model="radio1"  @change="handleCheckedCitiesChange">
+                        <el-radio v-for="(item,index ) in yishi" :label="item" :key="index">{{ item }}</el-radio>
+                    </el-radio-group>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="start">C.患者配合程度</td>
+              <td>
+                <div  class="jiange">
+                    <el-radio-group v-model="radio2" @change="handleCheckedCitiesChange">
+                      <el-radio v-for="(item,index ) in peihe" :label="item" :key="index">{{ item }}</el-radio>
+                    </el-radio-group>
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div class="content_top" style="margin: 10px 0px;">
+        <div>
+            <div class="bottoms">
+            <span>总分:</span>
+            <el-input v-model="duct_Totalpoints" style="width: 100px;"></el-input>分
+            </div>
+
+            <div class="bottoms">
+                <span>评估日期:</span>
+                <el-date-picker
+                    v-model="value1"
+                    type="date"
+                    placeholder="选择日期"
+                    :clearable="false"
+                    style="width: 150px;">
+                </el-date-picker>
+            </div>
+
+            <div class="bottoms">
+                <span>评估人:</span>
+                <el-select v-model="value" placeholder="请选择" >
+                    <el-option
+                    v-for="item in options"
+                    :key="item.value"
+                    :label="item.label"
+                    :value="item.value"
+                    style="width:150px;">
+                    </el-option>
+                </el-select>
+            </div>
+
+        </div>
+        <div style="margin:5px 10px;">
+          <el-button type="primary">确认</el-button>
+        </div>
+      </div>
+      <hr style="border:none;height:1px;background:#DCDFE6;"/><!--水平线-->
+      <div style="margin-top: 20px;">
+          <p>患者知情同意书：我对住院期间发生导管脱落的风险及预防措施已知晓，并给予配合。</p>
+          <div class="zhuangui">
+              <p style="display: inline-block; margin-right: 70px;">患者/家属签字: <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span></p>
+              <p style="display: inline-block;">
+                  日期：
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </p>
+          </div>
+          <div class="zhuangui">
+              <span>转归：</span>
+              <el-radio v-model="radio" label="1">脱落</el-radio>
+              <el-radio v-model="radio" label="2">未脱落</el-radio>
+          </div>
+          <div class="zhuangui">
+              <p style="display: inline-block; margin-right: 30px;">
+                  评估人签字:
+                  <el-select v-model="value" placeholder="请选择" style="width: 120px;">
+                      <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                      </el-option>
+                  </el-select>
+              </p>
+              <p style="display: inline-block;">
+                  日期：
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </p>
+          </div>
+          <div class="zhuangui">
+              <p style="display: inline-block; margin-right: 30px;">
+                  护士长签字:
+                  <el-select v-model="value" placeholder="请选择" style="width: 120px;">
+                      <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value">
+                      </el-option>
+                  </el-select>
+              </p>
+              <p style="display: inline-block;">
+                  日期：
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </p>
+          </div>
+      </div>
+      <hr style="margin: 10px 0px;border:none;height:1px;background:#DCDFE6;"/><!--水平线-->
+      <div class="shuoming">
+          <p>说明：</p>
+          <p>1.＜5分为正常，5~8分为危险，≥9分为高度危险。</p>
+          <p>2.导管脱落危险因素≥5分，需填写该表。</p>
+          <p>3.常规情况下，评分5~8分，至少每天评估一次；评分≥9，至少每班评估一次，紧急与特殊情况，应随时评估。</p>
+      </div>
+    </el-dialog>
 
-    
   </div>
 </template>
 <script>
@@ -134,8 +439,26 @@ export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:'',
+      multipleSelection:[],
       dialogVisible:false,
+      mingxi_dialogVisible:false,
+      editor_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+      tuoguan:['低危导管 (1分)','中危导管 (2分)','高危导管 (3分)'],
+      yishi:['意识清醒 (0分)','中昏迷、深昏迷 (1分)','嗜睡、昏睡 (2分)','浅昏迷 (3分)','意识模糊 (4分)'],
+      peihe:['完全配合 (1分)','部分配合 (2分)','不配合 (3分)'],
+
+      value1:'',
+      radio:'',
+      radio1:'',
+      radio2:'',
+      radio_val:null,
+      radio1_val:null,
+      radio2_val:null,
+      // duct_Totalpoints:0,
+      options:[],
+      input:'',
+      value:'',
     }
   },
   methods:{
@@ -145,14 +468,67 @@ export default{
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    print_pingfen(){
+    open_pingfen(){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        this.dialogVisible=true
+      }
+
+    },
+    open_mingxi(){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        this.mingxi_dialogVisible=true
+      }
+
+    },
+    print_pingfen(ids){
       const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
-      printJS({
-        printable: 'pingfeng',
-        type: 'html',
-        style: style,
-        scanStyles: false
-      })
+      if(ids==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }else if(ids==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+
+    },
+    open_xiugai(row){
+      this.editor_dialogVisible=true
+    },
+
+    handleCheckedCitiesChange(e){
+      const ball=e
+      const jiequ =(ball.split('(')[1].split('分')[0]) * 1
+      if(e == this.radio){
+        this.radio_val = jiequ
+      }
+      if(e == this.radio1){
+        this.radio1_val = jiequ
+      }
+      if(e == this.radio2){
+        this.radio2_val = jiequ
+      }
+    },
+    daoguanhistory(){
+      this.$router.push({path: '/patients/daoguan_history'})
+    }
+  },
+  computed:{
+    duct_Totalpoints(){
+      return this.radio_val + this.radio1_val + this.radio2_val
     }
   }
 }
@@ -173,11 +549,65 @@ export default{
 }
 .diedao_content{
   background-color: white;
-  width:960px;  
-  margin:0 auto; 
+  width:960px;
+  margin:0 auto;
   padding: 0 0 20px 0;
 }
 .table tr td{
   padding:5px,
 }
-</style>
+.tables{
+    border: 1px solid #DCDFE6;
+    border-collapse:collapse;
+    border-spacing: 0;
+    thead th{
+        background: #0077ff9f;
+        color: white;
+        text-align: center;
+        height: 40px;
+    }
+    tbody td{
+        height: 40px;
+        .el-radio {
+          color: #101010;
+          cursor: pointer;
+          margin-right: 30px;
+          font-size: 15px !important;
+        }
+    }
+    .start{
+        text-align: center;
+    }
+    .bing{
+        width: 150px;
+        text-align: center;
+    }
+    .bg_color{
+        background: rgb(243, 240, 240);
+    }
+    .jiange{
+        // margin-left: 20px;
+        padding-left: 10px;
+        color: black;
+    }
+    input{
+        -webkit-appearance: checkbox;
+    }
+}
+.shuoming p{
+  margin-top: 5px;
+  color: rgb(167, 165, 165);
+}
+.zhuangui{
+  margin-top: 10px;
+}
+.content_top{
+  display: flex;
+  justify-content: space-between;
+}
+.bottoms{
+  display: inline-block;
+  margin-left: 10px;
+  margin-top: 5px;
+}
+</style>

src/xt_pages/user/history/date_history.vue

@@ -2,17 +2,17 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary">打印评分</el-button>
-          <el-button type="primary">打印明细</el-button>
+          <el-button type="primary" @click="open_pingfeng">打印评分</el-button>
+          <el-button type="primary" @click="open_mingxi">打印明细</el-button>
         </div>
       </div>
-      
+
       <div>
         <el-table
           ref="multipleTable"
@@ -26,15 +26,17 @@
           style="width: 100%"
           @selection-change="handleSelectionChange">
           <el-table-column
+
             type="selection"
             width="55"
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width=""
+            width="90"
             align="center">
-            
+
           </el-table-column>
           <el-table-column
             prop="name"
@@ -52,7 +54,7 @@
             label="修饰"
             width=""
             align="center">
-            
+
           </el-table-column>
           <el-table-column
             prop="name"
@@ -70,7 +72,7 @@
             label="控制小便"
             width=""
             align="center">
-            
+
           </el-table-column>
           <el-table-column
             prop="name"
@@ -94,43 +96,522 @@
             label="上下楼梯"
             width=""
             align="center">
-            
+
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="总分"
             width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估人"
             width=""
             align="center">
           </el-table-column>
           <el-table-column
+
             prop="address"
             label="操作"
-            width=""
+            width="150"
             align="center"
-            show-overflow-tooltip>
+            >
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
+              <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-      
+
+     <!-- 打印评分 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="overflow: hidden;">
+          <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心日常生活能力评定记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="tables" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="">评估日期</td>
+                  <td style="">进食</td>
+                  <td style="">洗澡</td>
+                  <td style="">修饰</td>
+                  <td style="">穿衣</td>
+                  <td style="">控制大便</td>
+                  <td style="">控制小便</td>
+                  <td style="">如厕</td>
+                  <td style="">床椅转移</td>
+                  <td style="">平地行走</td>
+                  <td style="">上下楼梯</td>
+                  <td style="">总分</td>
+                  <td style="">评估人</td>
+                </tr>
+                <tr v-for="item in multipleSelection" >
+                  <td>{{item.time}}</td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td></td>
+                  <td>{{item.mark}}</td>
+                  <td>{{item.evaluate}}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      </span>
+    </el-dialog>
+    <!-- 打印明细 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="mingxi_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="">
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="mingxi" >
+          <div class="diedao_content" style="page-break-after: always;" v-for="i in multipleSelection">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心日常生活能力评定记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+              </div>
+              <table  border="1" style="width: 100%; border-collapse:collapse ;">
+                <thead>
+                  <tr>
+                    <th style="width: 150px;">项目</th>
+                    <th colspan="4">分值</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr class="bg_color">
+                    <td class="start">进食</td>
+                    <td v-for="(item,index) in jinshi" :key="index">
+                        <div class="jiange">
+                          <span>
+                            <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                                {{ item.label }}
+                            </label>
+                          </span>
+                        </div>
+                    </td>
+                    <td>&nbsp;</td>
+                  </tr>
+                  <tr>
+                    <td class="start">洗澡</td>
+                    <td v-for="(item,index) in xizao" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value"/>&nbsp;
+                              {{ item.label }}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr class="bg_color">
+                    <td class="start">修饰</td>
+                    <td v-for="(item,index) in xiushi" :key="index">
+                        <div class="jiange">
+                          <span>
+                            <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                                {{item.label}}
+                            </label>
+                          </span>
+                        </div>
+                    </td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td class="start">穿衣</td>
+                    <td v-for="(item,index) in chuanyi" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr class="bg_color">
+                    <td class="start">控制大便</td>
+                    <td v-for="(item,index) in dabian" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td class="start">控制小便</td>
+                    <td v-for="(item,index) in xioabian" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr class="bg_color">
+                    <td class="start">如厕</td>
+                    <td v-for="(item,index) in ruce" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td class="start">床椅转移</td>
+                    <td v-for="(item,index) in chuangyi" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr class="bg_color">
+                    <td class="start">平地行走</td>
+                    <td v-for="(item,index) in pingdi" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{item.label}}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td class="start">上下楼梯</td>
+                    <td v-for="(item,index) in louti" :key="index">
+                      <div class="jiange">
+                        <span>
+                          <label><input type="checkbox" name="ball" :value="item.value" />&nbsp;
+                              {{ item.label }}
+                          </label>
+                        </span>
+                      </div>
+                    </td>
+                    <td></td>
+                  </tr>
+                </tbody>
+              </table>
+              <div style="font-size: 16px;">打印时间：</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 编辑 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="editor_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <table class="table" border="1" style="width: 100%;">
+            <thead>
+              <tr>
+                <th style="width: 150px;">项目</th>
+                <th colspan="4">分值</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr class="bg_color">
+                <td class="start">进食</td>
+                <td v-for="(item,index) in jinshi" :key="index">
+                    <div class="jiange">
+                      <span>
+                        <label><input type="checkbox" name="ball" :value="item.value" @click="jinshiclick($event,item.value)"/>&nbsp;
+                            {{ item.label }}
+                        </label>
+                      </span>
+                    </div>
+                </td>
+                <td>&nbsp;</td>
+              </tr>
+              <tr>
+                <td class="start">洗澡</td>
+                <td v-for="(item,index) in xizao" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="xizaoclick($event,item.value)"/>&nbsp;
+                          {{ item.label }}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+                <td></td>
+              </tr>
+              <tr class="bg_color">
+                <td class="start">修饰</td>
+                <td v-for="(item,index) in xiushi" :key="index">
+                    <div class="jiange">
+                      <span>
+                        <label><input type="checkbox" name="ball" :value="item.value" @click="xiushiclick($event,item.value)"/>&nbsp;
+                            {{item.label}}
+                        </label>
+                      </span>
+                    </div>
+                </td>
+                <td></td>
+                <td></td>
+              </tr>
+              <tr>
+                <td class="start">穿衣</td>
+                <td v-for="(item,index) in chuanyi" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="chuanyiclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+              </tr>
+              <tr class="bg_color">
+                <td class="start">控制大便</td>
+                <td v-for="(item,index) in dabian" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="dabianclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+              </tr>
+              <tr>
+                <td class="start">控制小便</td>
+                <td v-for="(item,index) in xioabian" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="xioabianclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+              </tr>
+              <tr class="bg_color">
+                <td class="start">如厕</td>
+                <td v-for="(item,index) in ruce" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="ruceclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+              </tr>
+              <tr>
+                <td class="start">床椅转移</td>
+                <td v-for="(item,index) in chuangyi" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="chuangyiclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+              </tr>
+              <tr class="bg_color">
+                <td class="start">平地行走</td>
+                <td v-for="(item,index) in pingdi" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="pingdiclick($event,item.value)"/>&nbsp;
+                          {{item.label}}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+              </tr>
+              <tr>
+                <td class="start">上下楼梯</td>
+                <td v-for="(item,index) in louti" :key="index">
+                  <div class="jiange">
+                    <span>
+                      <label><input type="checkbox" name="ball" :value="item.value" @click="louticlick($event,item.value)"/>&nbsp;
+                          {{ item.label }}
+                      </label>
+                    </span>
+                  </div>
+                </td>
+                <td></td>
+              </tr>
+              <tr>
+                <td colspan="5">
+                  <div class="content_top" style="margin: 10px 0px;">
+                    <div>
+                        <div class="bottoms">
+                        <span>总分:</span>
+                        <el-input v-model="date_Totalpoints" style="width: 100px;"></el-input>分
+                        </div>
+
+                        <div class="bottoms">
+                            <span>评估日期:</span>
+                            <el-date-picker
+                                v-model="value1"
+                                type="date"
+                                placeholder="选择日期"
+                                :clearable="false"
+                                style="width: 150px;">
+                            </el-date-picker>
+                        </div>
+
+                        <div class="bottoms">
+                            <span>评估人:</span>
+                            <el-select v-model="value" placeholder="请选择" >
+                                <el-option
+                                v-for="item in options"
+                                :key="item.value"
+                                :label="item.label"
+                                :value="item.value"
+                                style="width:150px;">
+                                </el-option>
+                            </el-select>
+                        </div>
+
+                    </div>
+                    <div style="margin:5px 10px;">
+                            <el-button type="primary">确认</el-button>
+                    </div>
+                  </div>
+                </td>
+              </tr>
+            </tbody>
+        </table>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
+import print from 'print-js'
 export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:''
+      multipleSelection:[],
+      dialogVisible:false,
+      mingxi_dialogVisible:false,
+      editor_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+      jinshi:[{value:10,label:'可独立进食(10分)'},
+              {value:5,label:'需部分帮助(如协助夹菜等)(5分)'},
+              {value:0,label:'需极大帮助或完全依赖他人(0分)'}
+            ],
+      xizao:[{value:5,label:'准备好洗澡水后可独立完成(5分)'},
+              {value:0,label:'在洗澡过程中需他人帮助(0分)'}
+            ],
+      xiushi:[{value:5,label:'可自己独立完成(5分)'},
+              {value:0,label:'需他人帮助(0分)'}
+            ],
+      chuanyi:[{value:10,label:'可独立完成(10分)'},
+              {value:5,label:'需部分帮助(如协助系鞋带等)(5分)'},
+              {value:0,label:'需极大帮助或完全依赖他人(0分)'}
+            ],
+      dabian:[{value:10,label:'可控制大便(10分)'},
+              {value:5,label:'偶尔失禁(5分)'},
+              {value:0,label:'完全失禁(0分)'}
+            ],
+      xioabian:[{value:10,label:'可控制大便(10分)'},
+              {value:5,label:'偶尔失禁(5分)'},
+              {value:0,label:'完全失禁(0分)'}
+            ],
+      ruce:[{value:10,label:'可独立完成(10分)'},
+            {value:5,label:'需部分帮助(如协助整理衣裤等)(5分)'},
+            {value:0,label:'需极大帮助或完全依赖他人(0分)'}
+          ],
+      chuangyi:[{value:15,label:'可独立完成(15分)'},
+              {value:10,label:'需部分帮助(1人协助))(10分)'},
+              {value:5,label:'需极大帮助(2人协助)(5分)'},
+              {value:0,label:'完全依赖他人，不能坐(0分)'}
+            ],
+      pingdi:[{value:15,label:'可独立在平地上行走>45S，可用辅助工具(15分)'},
+              {value:10,label:'需部分帮助(他人搀扶或使用辅助工具)(10分)'},
+              {value:5,label:'需极大帮助(可坐轮椅自动移动))(5分)'},
+              {value:0,label:'完全依赖他人(0分)'}
+            ],
+      louti:[{value:10,label:'可独立上下1层楼梯(可用辅助工具)(10分)'},
+              {value:5,label:'需部分帮助(他人帮助)(5分)'},
+              {value:0,label:'需极大帮助或完全依赖他人(0分)'}
+            ],
+
+      value:'',
+      input:'',
+      value1:'',
+      options:[],
+      jinshi_val:null,
+      xizao_val:null,
+      xiushi_val:null,
+      chuanyi_val:null,
+      dabian_val:null,
+      xiaobian_val:null,
+      ruce_val:null,
+      chuangyi_val:null,
+      paingdi_val:null,
+      louti_val:null,
     }
   },
   methods:{
@@ -139,6 +620,126 @@ export default{
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    open_pingfeng(){
+      if(this.multipleSelection.length==0){
+        this.$message('选择至少一条数据')
+      }else{
+        this.dialogVisible=true
+      }
+
+    },
+    open_mingxi(){
+      if(this.multipleSelection.length==0){
+        this.$message('选择至少一条数据')
+      }else{
+        this.mingxi_dialogVisible=true
+      }
+
+    },
+    print_pingfen(id){
+      this.dialogVisible=false
+      this.mingxi_dialogVisible=false
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      if(id==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+
+      }else if(id==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+
+      }
+
+
+    },
+    open_xiugai(row){
+      this.editor_dialogVisible=true
+    },
+
+    jinshiclick(e,val){
+     if(e.target.checked == true){
+      this.jinshi_val = val
+     }else{
+      this.jinshi_val =this.jinshi_val - val
+     }
+    },
+    xizaoclick(e,val){
+      if(e.target.checked == true){
+      this.xizao_val = val
+     }else{
+      this.xizao_val =this.xizao_val - val
+     }
+    },
+    xiushiclick(e,val){
+     if(e.target.checked == true){
+      this.xiushi_val = val
+     }else{
+      this.xiushi_val =this.xiushi_val - val
+     }
+    },
+    chuanyiclick(e,val){
+      if(e.target.checked == true){
+      this.chuanyi_val = val
+     }else{
+      this.chuanyi_val =this.chuanyi_val - val
+     }
+    },
+    dabianclick(e,val){
+     if(e.target.checked == true){
+      this.dabian_val = val
+     }else{
+      this.dabian_val =this.dabian_val - val
+     }
+    },
+    xiaobianclick(e,val){
+      if(e.target.checked == true){
+      this.xiaobian_val = val
+     }else{
+      this.xiaobian_val =this.xiaobian_val - val
+     }
+    },
+    ruceclick(e,val){
+     if(e.target.checked == true){
+      this.ruce_val = val
+     }else{
+      this.ruce_val =this.ruce_val - val
+     }
+    },
+    chuangyiclick(e,val){
+      if(e.target.checked == true){
+      this.chuangyi_val = val
+     }else{
+      this.chuangyi_val =this.chuangyi_val - val
+     }
+    },
+    pingdiclick(e,val){
+     if(e.target.checked == true){
+      this.paingdi_val = val
+     }else{
+      this.paingdi_val =this.paingdi_val - val
+     }
+    },
+    louticlick(e,val){
+      if(e.target.checked == true){
+      this.louti_val = val
+     }else{
+      this.louti_val =this.louti_val - val
+     }
+    },
+  },
+  computed:{
+    date_Totalpoints(){
+      return this.jinshi_val + this.xizao_val + this.xiushi_val + this.chuanyi_val + this.dabian_val + this.xiaobian_val +
+      this.ruce_val + this.chuangyi_val + this.paingdi_val + this.louti_val
     }
   }
 }
@@ -157,4 +758,45 @@ export default{
   color: gray;
   font-size: 18px;
 }
-</style>
+
+.table{
+  border: 1px solid #DCDFE6;
+  border-collapse:collapse;
+  border-spacing: 0;
+  thead th{
+      background: #0077ff9f;
+      color: white;
+      text-align: center;
+      height: 40px;
+  }
+  tbody td{
+      height: 40px;
+  }
+  .start{
+      text-align: center;
+  }
+  .bing{
+      width: 150px;
+      text-align: center;
+  }
+  .bg_color{
+      background: rgb(243, 240, 240);
+  }
+  .jiange{
+      margin-left: 20px;
+      color: black;
+  }
+  .content_top{
+    display: flex;
+    justify-content: space-between;
+  }
+  .bottoms{
+    display: inline-block;
+    margin-left: 10px;
+    margin-top: 5px;
+  }
+}
+input{
+  -webkit-appearance: checkbox;
+}
+</style>

src/xt_pages/user/history/mind_history.vue

@@ -7,8 +7,8 @@
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
         </div>
-        <div style="margin-left: 30%;">
-          <el-button type="primary">打印记录</el-button>
+        <div style="margin-left: 40%;">
+          <el-button type="primary" @click="open_print">打印记录</el-button>
         </div>
       </div>
       <div>
@@ -30,64 +30,209 @@
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width="150"
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
+            
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop=""
             label="心理评估"
-            width="130"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="情感障碍"
-            width=""
+            width="150"
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="自伤"
             width="160"
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="伤人"
-            width=""
+            width="150"
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估护士"
-            width=""
+            width="150"
             align="center">
           </el-table-column>
           <el-table-column
             prop="address"
             label="操作"
-            width=""
+            width="160"
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
+              <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-      
+      <!-- 打印评分 -->
+      <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心营养状况评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="width:100px">评估日期</td>
+                  <td style="">心理评估</td>
+                  <td style="width:100px">感情障碍</td>
+                  <td style="width:100px">自伤</td>
+                  <td style="width:100px">伤人</td>
+                  <td style="width:100px">责任护士</td>
+                </tr>
+
+                <tr v-for="(item,index) in multipleSelection" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>  
+    <!-- 编辑 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="editor_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <table class="tables" border="1" style="width: 100%;">
+            <thead>
+                <tr>
+                    <th style="width: 130px;">项目</th>
+                    <th style="">症状</th>
+                </tr>
+            </thead>
+            <tbody>
+            <tr class="bg_color">
+                <td class="start">心理评估</td>
+                <td>
+                    <div class="jiange">
+                        <span v-for="item in xinli" class="rightjiange">
+                            <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                        </span>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="start">情感障碍</td>
+                <td>
+                    <div class="jiange">
+                        <el-radio-group v-model="radio1">
+                            <el-radio v-for="(item,index ) in qingan" :label="item" :key="index" style="color: black;font-size: 15px;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td>                           
+            </tr>
+            <tr class="bg_color">
+                <td class="start">自伤</td>
+                <td>
+                    <div  class="jiange">
+                        <el-radio-group v-model="radio2">
+                        <el-radio v-for="(item,index ) in qingan" :label="item" :key="index" style="color: black;font-size: 15px;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="start">伤人</td>
+                <td>
+                    <div  class="jiange">
+                        <el-radio-group v-model="radio3">
+                            <el-radio v-for="(item,index ) in qingan" :label="item" :key="index" style="color: black;font-size: 15px;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+      </div>
+
+      <div class="content_top" style="margin-bottom: 10px ;">
+          <div>
+              <div class="bottoms">
+                  <span>评估日期:</span>
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      :clearable="false"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </div>
+
+              <div class="bottoms">
+                  <span>评估人:</span>
+                  <el-select v-model="value" placeholder="请选择" >
+                      <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                      style="width:150px;">
+                      </el-option>
+                  </el-select>
+              </div>
+          </div>
+          <div style="margin:5px 10px;">
+              <el-button type="primary">确认</el-button>
+          </div>
+      </div>
+    </el-dialog>  
   </div>
 </template>
 <script>
+import print from 'print-js'
 export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:''
+      multipleSelection:[],
+      dialogVisible:false,
+      editor_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+
+      checkList:'',
+      radio1:'',
+      radio2:'',
+      radio3:'',
+      options:[],
+      value:'',
+      value1:'',
+      xinli:['配合治疗','担忧','烦躁','抵触情绪','拒绝治疗','坐立不安','怪异行为','其他'],
+      qingan:['有','无',],
     }
   },
   methods:{
@@ -96,6 +241,26 @@ export default{
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    open_print(){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        this.dialogVisible=true
+      }
+    },
+    print_pingfen(){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      printJS({
+        printable: 'pingfeng',
+        type: 'html',
+        style: style,
+        scanStyles: false
+      })
+      this.dialogVisible=false
+    },
+    open_xiugai(row){
+      this.editor_dialogVisible=true
     }
   }
 }
@@ -114,4 +279,52 @@ export default{
   color: gray;
   font-size: 18px;
 }
+.table tr td th {
+  padding: 5px;
+}
+.content_top{
+      display: flex;
+      justify-content: space-between; 
+    }
+.tables{
+    border: 1px solid #DCDFE6;
+    border-collapse:collapse;
+    border-spacing: 0;
+    thead th{
+        background: #0077ff9f;
+        color: white;
+        text-align: center;
+        height: 40px;
+    }
+    tbody td{
+        height: 40px;
+    }
+    .start{
+        text-align: center;
+    }
+    .bing{
+        width: 150px;
+        text-align: center;
+    }
+    .bg_color{
+        background: rgb(243, 240, 240);
+    }
+    .jiange{
+        margin-left: 20px;
+        color: black;
+    }
+    .rightjiange{
+      margin-right: 40px;
+      font-size: 15px;
+    }
+    
+    input{
+        -webkit-appearance: checkbox;
+    }
+}
+.bottoms{
+  display: inline-block;
+  margin-left: 10px;
+  margin-top: 5px; 
+}
 </style>

src/xt_pages/user/history/nourishment_history.vue

@@ -8,8 +8,8 @@
           <div class="history">历史评分</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary">打印评分</el-button>
-          <el-button type="primary">打印明细</el-button>
+          <el-button type="primary" @click="open_print(1)">打印评分</el-button>
+          <el-button type="primary" @click="open_print(2)">打印明细</el-button>
         </div>
       </div>
       <div>
@@ -31,37 +31,37 @@
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width=""
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="疾病相关"
-            width="130"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="营养受损"
             width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="年龄评分"
-            width="160"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="总分"
             width=""
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估护士"
             width=""
             align="center">
@@ -73,22 +73,486 @@
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
+              <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-      
+     <!-- 打印评分 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心营养状况评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="width:100px">评估日期</td>
+                  <td style="width:100px">疾病相关</td>
+                  <td style="width:100px">营养受损</td>
+                  <td style="width:100px">年龄评分</td>
+                  <td style="width:100px">总评分</td>
+                  <td style="width:100px">责任护士</td>
+                </tr>
+
+                <tr v-for="(item,index) in multipleSelection" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>  
+     <!-- 打印明细 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="mingxi_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="">
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="mingxi" >
+          <div class="diedao_content" style="page-break-after: always;" v-for="i in multipleSelection">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心营养状况评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+              </div>
+              <div>
+                <table class="table" border="1" style="width: 100%;margin-bottom: 20px;border-collapse: collapse;">
+                  <thead>
+                    <tr>
+                      <th colspan="2" style="text-align: left;padding-left: 5px;">疾病相关评分</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr class="bg_color">
+                      <td style="width: 100px;">
+                        <el-radio  label="0" >0分</el-radio>
+                      </td>
+                      <td class="saoyang wenzi_color">营养需要量无增加</td>
+                    </tr>
+                    <tr>
+                      <td style="width: 100px;">
+                        <el-radio  label="1" >1分</el-radio>
+                      </td>
+                      <td class="saoyang wenzi_color">
+                          营养需要量轻度增加：
+                          <div >
+                              <span v-for="item in qingdu" style="margin-right: 5px;">
+                                  <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                              </span>
+                              <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                              </label>
+                          </div>
+                      </td>
+                    </tr>
+                    <tr class="bg_color">
+                      <td class="start">
+                        <el-radio  label="2" >2分</el-radio>
+                      </td>
+                      <td class="saoyang wenzi_color">
+                          营养需要量中度增加：
+                          <div >
+                              <span v-for="item in zhdu" style="margin-right: 5px;">
+                                  <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                              </span>
+                              <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                              </label>
+                          </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="start">
+                        <el-radio v-model="radio" label="3" >3分</el-radio>
+                      </td>
+                      <td class="saoyang wenzi_color">
+                          营养需要量重度增加：
+                          <div >
+                              <span v-for="item in zhongsdu" style="margin-right: 5px;">
+                                  <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                              </span>
+                              <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                  <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                              </label>
+                          </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+
+                <table class="table" border="1" style="width: 100%;margin-bottom: 20px;border-collapse: collapse;">
+                    <thead>
+                        <tr>
+                          <th colspan="2" style="text-align: left;padding-left: 5px;">营养受损评分</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                    <tr class="bg_color">
+                        <td style="width: 100px;">
+                          <el-radio  label="0" >0分</el-radio>
+                        </td>
+
+                        <td class="saoyang wenzi_color" >无营养受损</td>
+                    </tr>
+                    <tr>
+                        <td style="width: 100px;">
+                          <el-radio  label="1" >1分</el-radio>
+                        </td>
+
+                        <td class="saoyang">
+                            <div >
+                                <span class="rightjiange">
+                                    <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                        3个月内体重下降>5%
+                                    </label>
+                                    <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                        一周内进食量较从前减少25%-50%
+                                    </label>
+                                </span>
+
+                            </div>
+                        </td>
+                    </tr>
+                    <tr class="bg_color">
+                      <td style="width: 100px;">
+                        <el-radio  label="2">2分</el-radio>
+                      </td>
+
+                      <td class="saoyang">
+                          <div >
+                              <span class="rightjiange">
+                                  <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      2个月内体重下降>5%
+                                  </label>
+                                  <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      一周内进食量较从前减少50%-75%
+                                  </label>
+                              </span>
+
+                          </div>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td style="width: 100px;">
+                        <el-radio  label="3" >3分</el-radio>
+                      </td>
+                      <td class="saoyang">
+                          <div >
+                              <span class="rightjiange">
+                                  <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      1个月内体重下降>5%
+                                  </label>
+                                  <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      一周内进食量较从前减少75%-100%
+                                  </label>
+                                  <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      体重指数（BMI）<18.5
+                                  </label>
+                                  <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                      血蛋白<30g/L（得不到准确的BNI值时用白蛋白替代）
+                                  </label>
+                              </span>
+
+                          </div>
+                      </td>
+                    </tr>
+                    </tbody>
+                </table>
+
+                <table class="table" border="1" style="width: 100%;border-collapse: collapse;">
+                    <thead>
+                        <tr>
+                          <th colspan="2" style="text-align: left;padding-left: 5px;">年龄评分</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                      <tr >
+                          <td style="width: 100px;">
+                            <el-radio  label="0" >0分</el-radio>
+                          </td>
+                          <td class="saoyang" style="font-size: 15px;">≤70岁</td>
+                      </tr>
+                      <tr>
+                          <td style="width: 100px;">
+                            <el-radio  label="1" >1分</el-radio>
+                          </td>
+                          <td class="saoyang" style="font-size: 15px;">＞70岁</td>
+                      </tr>
+                    </tbody>
+                </table>
+              </div> 
+              
+              <div style="font-size: 16px;">打印时间：</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 编辑 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="editor_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <table class="tables" border="1" style="width: 100%;margin-bottom: 20px;border-collapse: collapse;">
+            <thead>
+                <tr>
+                    <th colspan="2" style="text-align: left;padding-left: 5px;">疾病相关评分</th>
+                </tr>
+            </thead>
+            <tbody>
+            <tr class="bg_color">
+                <td class="start yingyang">
+                  <el-radio v-model="radio" label="0" @change="radio_change">0分</el-radio>
+                </td>
+                <td class="saoyang wenzi_color">营养需要量无增加</td>
+            </tr>
+            <tr>
+              <td class="start">
+                <el-radio v-model="radio" label="1" @change="radio_change">1分</el-radio>
+              </td>
+              <td class="saoyang wenzi_color">
+                  营养需要量轻度增加：
+                  <div >
+                      <span v-for="item in qingdu" class="rightjiange">
+                          <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                      </span>
+                      <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                          <el-input v-model="input" placeholder="" style="width: 120px;"></el-input>
+                      </label>
+                  </div>
+              </td>
+            </tr>
+            <tr class="bg_color">
+                <td class="start">
+                  <el-radio v-model="radio" label="2" @change="radio_change">2分</el-radio>
+                </td>
+                <td class="saoyang wenzi_color">
+                    营养需要量中度增加：
+                    <div >
+                        <span v-for="item in zhdu" class="rightjiange">
+                            <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                        </span>
+                        <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                            <el-input v-model="input" placeholder="" style="width: 120px;"></el-input>
+                        </label>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td class="start">
+                  <el-radio v-model="radio" label="3" @change="radio_change">3分</el-radio>
+                </td>
+                <td class="saoyang wenzi_color">
+                    营养需要量重度增加：
+                    <div >
+                        <span v-for="item in zhongsdu" class="rightjiange">
+                            <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;{{ item }}</label>
+                        </span>
+                        <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                            <el-input v-model="input" placeholder="" style="width: 120px;"></el-input>
+                        </label>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
+
+        <table class="tables" border="1" style="width: 100%;margin-bottom: 20px;border-collapse: collapse;">
+            <thead>
+                <tr>
+                    <th colspan="2" style="text-align: left;padding-left: 5px;">营养受损评分</th>
+                </tr>
+            </thead>
+            <tbody>
+            <tr class="bg_color">
+                <td class="start yingyang">
+                  <el-radio v-model="radio1" label="0" @change="radio_change">0分</el-radio>
+                </td>
+
+                <td class="saoyang wenzi_color" >无营养受损</td>
+            </tr>
+            <tr>
+                <td class="start">
+                  <el-radio v-model="radio1" label="1" @change="radio_change">1分</el-radio>
+                </td>
+
+                <td class="saoyang">
+                    <div >
+                        <span class="rightjiange">
+                            <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                3个月内体重下降>5%
+                            </label>
+                            <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                                一周内进食量较从前减少25%-50%
+                            </label>
+                        </span>
+
+                    </div>
+                </td>
+            </tr>
+            <tr class="bg_color">
+              <td class="start">
+                <el-radio v-model="radio1" label="2" @change="radio_change">2分</el-radio>
+              </td>
+
+              <td class="saoyang">
+                  <div >
+                      <span class="rightjiange">
+                          <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              2个月内体重下降>5%
+                          </label>
+                          <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              一周内进食量较从前减少50%-75%
+                          </label>
+                      </span>
+
+                  </div>
+              </td>
+            </tr>
+            <tr>
+              <td class="start">
+                <el-radio v-model="radio1" label="3" @change="radio_change">3分</el-radio>
+              </td>
+              <td class="saoyang">
+                  <div >
+                      <span class="rightjiange">
+                          <label><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              1个月内体重下降>5%
+                          </label>
+                          <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              一周内进食量较从前减少75%-100%
+                          </label>
+                          <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              体重指数（BMI）<18.5
+                          </label>
+                          <label style="margin-left: 40px;"><input type="checkbox" name="ball" value="volleyball" />&nbsp;
+                              血蛋白<30g/L（得不到准确的BNI值时用白蛋白替代）
+                          </label>
+                      </span>
+
+                  </div>
+              </td>
+            </tr>
+            </tbody>
+        </table>
+
+        <table class="tables" border="1" style="width: 100%;border-collapse: collapse;">
+            <thead>
+                <tr>
+                    <th colspan="2" style="text-align: left;padding-left: 5px;">年龄评分</th>
+                </tr>
+            </thead>
+            <tbody>
+              <tr class="bg_color ">
+                  <td class="start yingyang">
+                    <el-radio v-model="radio2" label="0" @change="radio_change">0分</el-radio>
+                  </td>
+                  <td class="saoyang" style="font-size: 15px;">≤70岁</td>
+              </tr>
+              <tr>
+                  <td class="start yingyang">
+                    <el-radio v-model="radio2" label="1" @change="radio_change">1分</el-radio>
+                  </td>
+                  <td class="saoyang" style="font-size: 15px;">＞70岁</td>
+              </tr>
+            </tbody>
+        </table>
+      </div>
+      <div class="content_top" style="margin: 20px 0px;">
+          <div>
+              <div class="bottoms">
+                  <span>营养风险总评分:</span>
+                  <el-input v-model="nour_Totalpoints" style="width: 50px;"></el-input>分 (疾病相关评分+营养受损评分+年龄评分)
+              </div>
+
+              <div class="bottoms">
+                  <span>评估日期:</span>
+                  <el-date-picker
+                      v-model="value1"
+                      type="date"
+                      placeholder="选择日期"
+                      :clearable="false"
+                      style="width: 150px;">
+                  </el-date-picker>
+              </div>
+
+              <div class="bottoms">
+                  <span>评估人:</span>
+                  <el-select v-model="value" placeholder="请选择" style="width:120px;">
+                      <el-option
+                      v-for="item in options"
+                      :key="item.value"
+                      :label="item.label"
+                      :value="item.value"
+                      >
+                      </el-option>
+                  </el-select>
+              </div>
+          </div>
+          <div>
+              <el-button type="primary">确定</el-button>
+          </div>
+      </div>
+    </el-dialog>
   </div>
 </template>
 <script>
+import print from 'print-js'
 export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:''
+      multipleSelection:[],
+      dialogVisible:false,
+      mingxi_dialogVisible:false,
+      editor_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+      qingdu:['骸骨折','慢性疾病急性发作或有','COPD','血液透析','肝硬化','一般恶性肿瘤患者','糖尿病'],
+      zhdu:['腹部大手术','脑卒中','重度肺炎','血液恶性肿瘤'],
+      zhongsdu:['颅脑损伤','骨髓移植','大于APACHE分的ICU患者'],
+
+
+      checkList:[],
+      options:[],
+      value:'',
+      value1:'',
+      input:'',
+      radio:'',
+      radio1:'',
+      radio2:'',
+      radio_val:null,
+      radio1_val:null,
+      radio2_val:null,
     }
   },
   methods:{
@@ -97,6 +561,59 @@ export default{
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    open_print(ids){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        if(ids==1){
+          this.dialogVisible=true
+        }else{
+          this.mingxi_dialogVisible=true
+        }
+      }
+    },
+    print_pingfen(ids){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      if(ids==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }else if(ids==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+
+    },
+    open_xiugai(row){
+      this.editor_dialogVisible=true
+    },
+    radio_change(e){
+      const ball=e * 1
+      console.log('1111',e);
+      if(ball == this.radio){
+        this.radio_val = ball
+      }
+      if(e == this.radio1){
+        this.radio1_val = ball
+      }
+      if(e == this.radio2){
+        this.radio2_val = ball
+      }
+    },
+  },
+  computed:{
+    nour_Totalpoints(){
+      return this.radio_val + this.radio1_val + this.radio2_val
     }
   }
 }
@@ -115,4 +632,60 @@ export default{
   color: gray;
   font-size: 18px;
 }
+input{
+  -webkit-appearance: checkbox;
+}
+.table tr td th {
+  padding: 5px;
+}
+.tables{
+  border: 1px solid #DCDFE6;
+  border-collapse:collapse;
+  border-spacing: 0;
+  thead th{
+      background: #0077ff9f;
+      color: white;
+      text-align: center;
+      height: 40px;
+  }
+  tbody td{
+      height: 40px;
+  }
+  .start{
+      text-align: center;
+  }
+  .bing{
+      width: 150px;
+      text-align: center;
+  }
+  .bg_color{
+      background: rgb(243, 240, 240);
+  }
+  .jiange{
+      margin-left: 20px;
+      color: black;
+  }
+  .rightjiange{
+    margin-right: 40px;
+    font-size: 15px;
+  }
+  input{
+      -webkit-appearance: checkbox;
+  }
+  .saoyang{
+        padding: 5px;
+  }
+  .yingyang{
+      width: 8%;
+  }
+}
+.bottoms{
+  display: inline-block;
+  margin-left: 10px;
+  margin-top: 5px;
+}
+.content_top{
+  display: flex;
+  justify-content: space-between;
+}
 </style>

src/xt_pages/user/history/pruritus_history.vue

@@ -8,8 +8,8 @@
           <div class="history">历史评分</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary">打印评分</el-button>
-          <el-button type="primary">打印明细</el-button>
+          <el-button type="primary" @click="open_print(1)">打印评分</el-button>
+          <el-button type="primary" @click="open_print(2)">打印明细</el-button>
         </div>
       </div>
       <div>
@@ -31,15 +31,15 @@
             align="center">
           </el-table-column>
           <el-table-column
+            prop="time"
             label="评估日期"
-            width="180"
+            width="150"
             align="center">
-            <template slot-scope="scope">{{ scope.row.date }}</template>
           </el-table-column>
           <el-table-column
             prop="name"
             label="痒的部位"
-            width="130"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
@@ -51,7 +51,7 @@
           <el-table-column
             prop="name"
             label="痒的频率"
-            width="160"
+            width=""
             align="center">
           </el-table-column>
           <el-table-column
@@ -61,15 +61,15 @@
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="mark"
             label="总分"
-            width=""
+            width="80"
             align="center">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="evaluate"
             label="评估护士"
-            width=""
+            width="100"
             align="center">
           </el-table-column>
           <el-table-column
@@ -79,22 +79,292 @@
             align="center"
             show-overflow-tooltip>
             <template slot-scope="scope">
-              <el-button type="primary" icon="el-icon-edit-outline"></el-button>
+              <el-button type="primary" icon="el-icon-edit-outline" @click="open_xiugai(scope.row)"></el-button>
               <el-button type="primary" icon="el-icon-delete"></el-button>
             </template>
           </el-table-column>
         </el-table>
       </div>
     </div>
-      
+     <!-- 打印评分 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="67%"
+      >
+      <div>
+        <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
+        <div id="pingfeng" >
+          <div class="diedao_content" style="">
+            <div style="width:100%">
+              <div style="text-align: center;"><h1>血液透析中心营养状况评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>打印时间：</span>
+              </div>
+              <table class="table" border="1" style="border-collapse:collapse;text-align:center;width:100%;font-size:16px">
+                <tr>
+                  <td style="width:100px">评估日期</td>
+                  <td style="width:100px">痒的部位</td>
+                  <td style="width:150px">痒的程度</td>
+                  <td style="width:150px">痒的频率</td>
+                  <td style="width:150px">痒对睡眠的影响</td>
+                  <td style="width:80px">总分</td>
+                  <td style="width:100px">责任护士</td>
+                </tr>
+
+                <tr v-for="(item,index) in multipleSelection" :key="index">
+                  <td>{{ item.time }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.mark }}</td>
+                  <td>{{ item.evaluate }}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>  
+     <!-- 打印明细 -->
+     <el-dialog
+      title="提示"
+      :visible.sync="mingxi_dialogVisible"
+      width="67%"
+      >
+      <div>
+        <div style="overflow: hidden;">
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
+        </div>
+
+        <div id="mingxi" >
+          <div class="diedao_content" style="">
+            <div style="width:100%;margin-top: 20px;">
+              <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
+              <div style="margin-top: 20px;font-size: 16px;">
+                <span>患者姓名：</span>
+                <span>透析号：</span>
+                <span>评估日期：</span>
+                <span>评估护士：</span>
+                <span>总分：</span>
+              </div>
+              <div>
+                <table class="table" border="1" style="width: 100%;border-collapse: collapse;">
+                  <thead>
+                    <tr>
+                      <th style="width: 10%;">项目</th>
+                      <th style="width: 57%;">结果</th>
+                      <th style="width: 3%;">得分</th>
+                      <th style="width: 30%;">说明</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td class="start">痒的部位</td>
+                      <td>
+                          <div class="jiange">
+                              <span v-for="item in buwei" class="rightjiange" >
+                                  <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                              </span> 
+                              <label ><input type="checkbox" name="ball" value="其他" />
+                                  &nbsp;其他 <span style="display: inline-block;border-bottom:1px solid #DCDFE6;width: 60px;"></span>
+                              </label>
+                          </div>
+                      </td>
+                      <td class="start">{{checked_points}}</td>
+                      <td class="saoyang">瘙痒部位：计分范围1~3分一个部位瘙痒计1分，最多得3分，选全身计3分</td>
+                    </tr>
+                    <tr>
+                      <td class="start">痒的程度</td>
+                      <td>
+                          <div class="jiange">
+                              <el-radio-group  >
+                                  <el-radio v-for="(item,index ) in chengdu" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                              </el-radio-group>
+                          </div>
+                      </td> 
+                      <td class="start">{{radio1_points}}</td>
+                      <td class="saoyang">瘙痒严重程度：计分范围1~5分</td>                          
+                    </tr>
+                    <tr>
+                      <td class="start">痒的频率</td>
+                      <td>
+                          <div  class="jiange">
+                              <el-radio-group >
+                                  <el-radio v-for="(item,index ) in pinlv" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                              </el-radio-group>
+                          </div>
+                      </td>
+                      <td class="start">{{radio2_points}}</td>
+                      <td class="saoyang">瘙痒频率：计分范围1~5分瘙痒有过4次，每次＜10min或有1次瘙痒＞10min计1分，以此类推，一直持续计5分</td>
+                    </tr>
+                    <tr>
+                      <td class="start">痒对睡眠的影响</td>
+                      <td>
+                          <div  class="jiange">
+                              <el-radio-group >
+                                  <el-radio v-for="(item,index ) in yingxiang" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                              </el-radio-group>
+                          </div>
+                      </td>
+                      <td class="start">{{radio3_points}}</td>
+                      <td class="saoyang">
+                          瘙痒对睡眠的影响：计分范围0~6分无影响0分，一夜痒醒1次计2分，一夜痒醒2次计4分，一夜痒醒3次以上计6分
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+            <div style="font-size: 16px;">打印时间：</div>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 编辑 -->
+    <el-dialog
+      title="提示"
+      :visible.sync="editor_dialogVisible"
+      width="67%"
+      >
+      <div>
+          <table class="table" border="1" style="width: 100%;">
+            <thead>
+              <tr>
+                <th style="width: 10%;">项目</th>
+                <th style="width: 57%;">结果</th>
+                <th style="width: 3%;">得分</th>
+                <th style="width: 30%;">说明</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td class="start">痒的部位</td>
+                <td>
+                    <div class="jiange">
+                        <span v-for="item in buwei" class="rightjiange" @change="handleCheckedCitiesChange">
+                            <label><input type="checkbox" name="ball" :value="item" />&nbsp;{{ item }}</label>
+                        </span> 
+                        <label @change="handleCheckedCitiesChange"><input type="checkbox" name="ball" value="其他" />
+                            &nbsp;其他 <el-input v-model="input" style="width: 100px;"></el-input>
+                        </label>
+                    </div>
+                </td>
+                <td class="start">{{checked_points}}</td>
+                <td class="saoyang">瘙痒部位：计分范围1~3分一个部位瘙痒计1分，最多得3分，选全身计3分</td>
+              </tr>
+              <tr>
+                <td class="start">痒的程度</td>
+                <td>
+                    <div class="jiange">
+                        <el-radio-group v-model="radio1" @change="radiochecked">
+                            <el-radio v-for="(item,index ) in chengdu" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td> 
+                <td class="start">{{radio1_points}}</td>
+                <td class="saoyang">瘙痒严重程度：计分范围1~5分</td>                          
+              </tr>
+              <tr>
+                <td class="start">痒的频率</td>
+                <td>
+                    <div  class="jiange">
+                        <el-radio-group v-model="radio2" @change="radiochecked">
+                            <el-radio v-for="(item,index ) in pinlv" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td>
+                <td class="start">{{radio2_points}}</td>
+                <td class="saoyang">瘙痒频率：计分范围1~5分瘙痒有过4次，每次＜10min或有1次瘙痒＞10min计1分，以此类推，一直持续计5分</td>
+              </tr>
+              <tr>
+                <td class="start">痒对睡眠的影响</td>
+                <td>
+                    <div  class="jiange">
+                        <el-radio-group v-model="radio3" @change="radiochecked">
+                            <el-radio v-for="(item,index ) in yingxiang" :label="item" :key="index" style="color: black;font-size: 15PX;">{{ item }}</el-radio>
+                        </el-radio-group>
+                    </div>
+                </td>
+                <td class="start">{{radio3_points}}</td>
+                <td class="saoyang">
+                    瘙痒对睡眠的影响：计分范围0~6分无影响0分，一夜痒醒1次计2分，一夜痒醒2次计4分，一夜痒醒3次以上计6分
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+
+        <p style="margin: 20px 0px 10px 0px;">备注：总分得分范围3（轻度瘙痒）~19分（最大程度瘙痒）</p>
+        <div class="content_top" style="margin-bottom: 10px ;">
+          <div>
+            <div class="bottoms">
+              <span>总分:</span>
+              <el-input v-model="pruritus_Totalpoints" style="width: 100px;"></el-input>分
+            </div>
+            <div class="bottoms">
+              <span>评估日期:</span>
+              <el-date-picker
+                  v-model="value1"
+                  type="date"
+                  placeholder="选择日期"
+                  :clearable="false"
+                  style="width: 150px;">
+              </el-date-picker>
+            </div>
+
+            <div class="bottoms">
+              <span>评估人:</span>
+              <el-select v-model="value" placeholder="请选择" >
+                  <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                  style="width:150px;">
+                  </el-option>
+              </el-select>
+            </div>
+          </div>
+          <div style="margin:5px 10px;">
+              <el-button type="primary">确认</el-button>
+          </div>
+        </div>   
+    </el-dialog>  
   </div>
 </template>
 <script>
+import print from 'print-js'
 export default{
   data(){
     return{
       tableData:[],
-      multipleSelection:''
+      multipleSelection:[],
+      dialogVisible:false,
+      mingxi_dialogVisible:false,
+      editor_dialogVisible:false,
+      tableData:[{time:'2023-9-27',mark:'15',evaluate:'千亦雪'},{time:'2023-9-27',mark:'14',evaluate:'千任雪'}],
+
+      buwei:['躯体','上肢','下肢','头皮','全身'],
+      chengdu:['不要抓(1)','要抓但没有抓痕(2)','抓出抓痕才能止痒(3)','经常抓出抓痕(4)','完全坐立不安(5)'],
+      pinlv:['很少时候(1)','较少时候(2)','较多时候(3)','很多时候(4)','一直持续(5)'],
+      yingxiang:['无影响(0)','一夜痒醒一次(2)','一夜痒醒两次(4)','一夜痒醒三次(6)'],
+      checkList:[],
+      radio1:'',
+      radio2:'',
+      radio3:'',
+      input:'',
+      ball:'',
+      radio1_points:0,
+      radio2_points:0,
+      radio3_points:0,
+      checked_points:0,
+      options:[],
+      value:'',
+      value1:'',
     }
   },
   methods:{
@@ -103,6 +373,83 @@ export default{
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
+    },
+    open_print(ids){
+      if(this.multipleSelection.length==0){
+        this.$message('请选择需要打印的记录')
+      }else{
+        if(ids==1){
+          this.dialogVisible=true
+        }else{
+          this.mingxi_dialogVisible=true
+        }
+      }
+    },
+    print_pingfen(ids){
+      const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
+      if(ids==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }else{
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+      
+    },
+    open_xiugai(row){
+      this.editor_dialogVisible=true
+    },
+    handleCheckedCitiesChange(e){
+      this.ball = e.target.value
+      console.log('1111111',this.ball)
+      if(e.target.checked==true){
+        if(e.target.value == '全身'){
+          this.checked_points = 3
+          // this.pruritus_Totalpoints=this.pruritus_Totalpoints + this.checked_points
+        }else{
+          var checked =1
+          this.checked_points = this.checked_points + checked
+          // this.pruritus_Totalpoints=this.pruritus_Totalpoints + checked
+        }
+      }else{
+        if(e.target.value == '全身'){
+          this.checked_points = 0
+          // this.pruritus_Totalpoints=this.pruritus_Totalpoints - 3
+        }else{
+          var checked =1
+          this.checked_points = this.checked_points - checked
+          // this.pruritus_Totalpoints=this.pruritus_Totalpoints - checked
+        }
+      }
+    },
+    radiochecked(e){
+      const bal=e
+      const jiequ =(bal.split('(')[1].split(')')[0]) * 1
+      if(bal == this.radio1){
+        this.radio1_points =jiequ
+      }
+      if(bal == this.radio2){
+        this.radio2_points =jiequ
+      }
+      if(bal == this.radio3){
+        this.radio3_points =jiequ
+      }
+    },
+    
+  },
+  computed:{
+    pruritus_Totalpoints(){
+      return this.checked_points + this.radio1_points + this.radio2_points +this.radio3_points
     }
   }
 }
@@ -121,4 +468,54 @@ export default{
   color: gray;
   font-size: 18px;
 }
+.table tr td th {
+  padding: 5px;
+}
+.content_top{
+      display: flex;
+      justify-content: space-between; 
+}
+.table{
+    border: 1px solid #DCDFE6;
+    border-collapse:collapse;
+    border-spacing: 0;
+    thead th{
+        background: #0077ff9f;
+        color: white;
+        text-align: center;
+        height: 40px;
+    }
+    tbody td{
+        height: 40px;
+    }
+    .start{
+        text-align: center;
+    }
+    .bing{
+        width: 150px;
+        text-align: center;
+    }
+    .bg_color{
+        background: rgb(243, 240, 240);
+    }
+    .jiange{
+        margin-left: 20px;
+        color: black;
+    }
+    .rightjiange{
+      margin-right: 40px;
+      font-size: 15px;
+    }
+    input{
+        -webkit-appearance: checkbox;
+    }
+    .saoyang{
+          padding: 5px;
+    }
+}
+.bottoms{
+    display: inline-block;
+    margin-left: 10px;
+    margin-top: 5px; 
+}
 </style>

src/xt_pages/user/history/tumble_history.vue

@@ -2,14 +2,15 @@
 <template>
   <div class="patient-container">
     <div class="patient-app-containers advice-container app-container">
-      <div style="display: flex;margin-bottom: 20px;"> 
+      <div style="display: flex;margin-bottom: 20px;">
         <div style="width: 50%;">
           <el-button type="text" icon="el-icon-arrow-left" style="font-size: 18px;" @click="fanhui">返回</el-button>
           <div class="history">历史评分</div>
         </div>
         <div style="margin-left: 30%;">
-          <el-button type="primary" @click="open_pingfen">打印评分</el-button>
-          <el-button type="primary" @click="open_mingxi">打印明细</el-button>
+          <el-button type="primary" @click="open_pingfen(1)">打印评分</el-button>
+          <el-button type="primary" @click="open_pingfen(2)">打印评分</el-button>
+          <!-- <el-button type="primary" @click="open_mingxi">打印明细</el-button> -->
         </div>
       </div>
       <div>
@@ -68,7 +69,7 @@
         </el-table>
       </div>
     </div>
-      
+
     <!-- 打印评分 -->
     <el-dialog
       title="提示"
@@ -77,9 +78,9 @@
       >
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(1)" style="float:right">打印</el-button>
         </div>
-        
+
         <div id="pingfeng" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
@@ -107,7 +108,7 @@
           </div>
         </div>
       </div>
-      
+
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
@@ -120,10 +121,10 @@
       width="67%">
       <div>
         <div style="overflow: hidden;">
-          <el-button type="primary" @click="print_pingfen" style="float:right">打印</el-button>
+          <el-button type="primary" @click="print_pingfen(2)" style="float:right">打印</el-button>
         </div>
-        
-        <div id="pingfeng" >
+
+        <div id="mingxi" >
           <div class="diedao_content" style="">
             <div style="width:100%;margin-top: 20px;">
               <div style="text-align: center;"><h1>血液透析中心跌倒评估记录</h1></div>
@@ -571,7 +572,7 @@
               </table>
             </div>
           </div>
-          
+
           <div class="content_top" style="margin-top: 10px;">
             <div style="flex: 1;">
               <span>评估日期：</span>
@@ -598,7 +599,7 @@
             <div style="flex: 1;">
               <el-button type="primary" @click="erci_editor">确认</el-button>
             </div>
-            
+
           </div>
         </div>
       </div>
@@ -644,28 +645,51 @@ export default{
       this.multipleSelection=val;
       console.log('0000',this.multipleSelection);
     },
-    open_pingfen(){
-      if(this.multipleSelection.length==0){
-        this.$message('至少选择一条数据')
-      }else{
-        this.dialogVisible=true
+    open_pingfen(ids){
+      if(ids==1){
+        if(this.multipleSelection.length==0){
+          this.$message('至少选择一条数据')
+        }else{
+          this.dialogVisible=true
+        }
       }
-    },
-    open_mingxi(){
-      if(this.multipleSelection.length==0){
-        this.$message('至少选择一条数据')
-      }else{
-        this.mingxi_dialogVisible=true
+      if(ids==2){
+        if(this.multipleSelection.length==0){
+          this.$message('至少选择一条数据')
+        }else{
+          this.mingxi_dialogVisible=true
+        }
       }
+
     },
-    print_pingfen(){
+    // open_mingxi(){
+    //   if(this.multipleSelection.length==0){
+    //     this.$message('至少选择一条数据')
+    //   }else{
+    //     this.mingxi_dialogVisible=true
+    //   }
+    // },
+    print_pingfen(ids){
       const style= '@media print {.diedao_content{background-color: white; width:960px;  margin:0 auto; padding: 0 0 20px 0;} .table tr td{padding:5px}}'
-      printJS({
-        printable: 'pingfeng',
-        type: 'html',
-        style: style,
-        scanStyles: false
-      })
+      if(ids==1){
+        printJS({
+          printable: 'pingfeng',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.dialogVisible=false
+      }
+      if(ids==2){
+        printJS({
+          printable: 'mingxi',
+          type: 'html',
+          style: style,
+          scanStyles: false
+        })
+        this.mingxi_dialogVisible=false
+      }
+
     },
     open_editor(row){
       this.bianji_dialogVisible=true
@@ -711,8 +735,8 @@ export default{
 }
 .diedao_content{
   background-color: white;
-  width:960px;  
-  margin:0 auto; 
+  width:960px;
+  margin:0 auto;
   padding: 0 0 20px 0;
 }
 .tables tr td{
@@ -798,4 +822,4 @@ p{
   height: 40px;
   padding: 5px;
 }
-</style>
+</style>