提交代码

src/api/his/his.js

@@ -827,6 +827,16 @@ export function getMonthHisPatient(params){
 }
 
 
+export function changeOrderDesc(params){
+  return request({
+    url:"/api/changeorderdesc",
+    method:"get",
+    params:params
+  })
+}
+
+
+
 
 
 

src/api/qcd.js

@@ -135,6 +135,15 @@ export function GetAllQCStatistisData(params) {
 
 
 
+export function GetFiveInstatistisc(params) {
+  return request({
+    url: '/api/qc/patientinspectionstatistis/get',
+    method: 'get',
+    params: params
+  })
+}
+
+
 
 
 

src/router/modules/Dialysisanalysis.js

@@ -11,6 +11,15 @@ export default {
     icon: 'statistics'
   },
   children: [
+    {
+      path: '/Dialysisanalysis/qualitycontrol/summary',
+      component: () => import('@/xt_pages/Dialysisanalysis/summary/index'),
+      name: 'summary',
+      meta: {
+        title: '指标汇总',
+        noCache: true
+      }
+    },
     {
       path: '/Dialysisanalysis/qualitycontrol/thyroidGland',
       component: () => import('@/xt_pages/Dialysisanalysis/qualitycontrol/thyroidGland'),
@@ -67,7 +76,7 @@ export default {
       component: () => import('@/xt_pages/Dialysisanalysis/platelets/index'),
       name: 'thyroidGland',
       meta: {
-        title: '血小板',
+        title: 'KTV/URR',
         noCache: true
       }
     },{

src/xt_pages/Dialysisanalysis/platelets/all_ktv.vue

@@ -0,0 +1,686 @@
+<template>
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+
+            placeholder="选择日期">
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
+            v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="选择日期">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="KTV"
+
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          align="center"
+          label="人数"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          align="center"
+          label="操作">
+          <template slot-scope="scope">
+            <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                       type="text">查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      width="1000px" class="registerDialog" :visible.sync="detailVisibility"
+      :close-on-click-modal="isClose"
+      :close-on-press-escape="isClose"
+    >
+      <el-row :gutter="25">
+        <el-col :span="5">
+          <div class="block">
+            <span>查询时间:</span>
+            <el-select size="small" v-model="time_type_two" placeholder="请选择"
+                       style="width:100px;margin-left:5px;" @change="changeItemTwo">
+              <el-option
+                v-for="item,index in times"
+                :key="index"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </el-col>
+        <el-col :span="10">
+          <div>
+            <el-date-picker
+              style="width: 120px"
+              v-model="start_time_one"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              type="date"
+
+              placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              style="width: 120px"
+              v-model="end_time_one"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+
+        <el-col :span="4">
+          <div>
+
+            <el-select size="small" v-model="statistics_type" placeholder="请选择"
+                       style="width:100px;margin-left:5px;">
+              <el-option
+                v-for="item,index in statistics_types"
+                :key="index"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+
+          </div>
+        </el-col>
+
+        <!--        <el-col :span="4">-->
+        <!--          <div>-->
+        <!--            <el-select size="small" v-model="sort_type" placeholder="请选择"-->
+        <!--                       style="width:100px;margin-left:5px;">-->
+        <!--              <el-option-->
+        <!--                v-for="item,index in sort_types"-->
+        <!--                :key="index"-->
+        <!--                :label="item.label"-->
+        <!--                :value="item.value">-->
+        <!--              </el-option>-->
+        <!--            </el-select>-->
+        <!--          </div>-->
+        <!--        </el-col>-->
+
+        <el-col :span="4">
+          <div >
+            <el-input v-model="keyword" placeholder="请输入患者姓名或透析号"></el-input>
+          </div>
+        </el-col>
+
+        <el-col :span="2">
+          <div>
+            <el-button @click="getDataTwo()">查询</el-button>
+          </div>
+        </el-col>
+
+        <el-col :span="2">
+          <div>
+            <el-button @click="exportAction()">导出</el-button>
+          </div>
+        </el-col>
+
+        <!--        <el-col :span="2">-->
+        <!--          <div>-->
+        <!--            <el-button @click="getDataTwo()">打印</el-button>-->
+        <!--          </div>-->
+        <!--        </el-col>-->
+
+
+
+
+
+      </el-row>
+
+      <el-table
+        :data="patientTableData"
+        border
+        ref="table"
+        max-height="500px"
+        style="width: 100%">
+        <el-table-column
+          prop="dialysis_no"
+          align="center"
+          label="透析号"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="患者姓名"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="date"
+          label="检查日期"
+        >
+        </el-table-column>
+
+        <el-table-column
+          prop="inspect_value"
+          label="结果"
+        >
+        </el-table-column>
+
+      </el-table>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailVisibility = false">取消</el-button>
+        <el-button type="primary" @click="detailVisibility = false">确定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts'
+import { GetAllQCStatistisData, GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '400px'
+    }
+
+  },
+  data() {
+    return {
+      statistics_types:[
+        { value: 1, label: '不达标患者' },
+        { value: 2, label: '未检查患者' },
+        { value: 3, label: '达标患者' },
+      ],
+      sort_types:[
+        { value: 1, label: '时间' },
+        { value: 2, label: '患者' },
+      ],
+      detailVisibility:false,
+      isClose:true,
+      time_type: 1,
+      time_type_two:1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      start_time_one: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time_one: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      reference:{},
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      statistics_type:1,
+      sort_type:"",
+      keyword:"",
+      patientTableData:[],
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    exportAction(){
+      let list = []
+      for (let i = 0; i < this.patientTableData.length; i++) {
+        let order = this.patientTableData[i]
+        let name = order.name
+        let value = order.inspect_value
+        let inspect_date = order.date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    getDataTwo() {
+      if(this.start_time_one.length == 0){
+        this.$message.error("请选择开始时间")
+      }
+      if(this.end_time_one.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time_one,
+        end_date: this.end_time_one,
+        item_type:this.statistics_type,
+        order_type:this.sort_type,
+        keyword: this.keyword,
+        type:2,
+      }
+      this.patientTableData = []
+      GetAllQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.detailVisibility = true
+          this.patientTableData  =  this.patientTableData.concat(response.data.data.list)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
+      }
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        type:2,
+
+      }
+      this.pieData = []
+      this.tableData = []
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          // this.reference = response.data.data.reference
+          // this.input = response.data.data.reference.range_min + "<=" + response.data.data.reference.item_name + "<=" + response.data.data.reference.range_max
+          let objone = {
+            value:  response.data.data.unusual_total ,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.no_check_total ,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#F74587', '#32D79B', '#6590FF'],
+
+
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
+            },
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  normal : {
+                    formatter: '{b}:{c}: ({d}%)',
+                    textStyle : {
+                      fontWeight : 'normal',
+                      fontSize : 15,
+                      color : "black"
+                    }
+                  }
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData,
+                itemStyle : {
+                  emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  }
+                }
+              }
+            ]
+          }
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
+    },
+    changeItemTwo(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+          this.start_time_one = startOfMonth
+          this.end_time_one = endOfMonth
+          // this.getDataTwo()
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+          this.start_time_one = startOfLastMonth
+          this.end_time_one = endOfLastMonth
+          // this.getDataTwo()
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfYear
+          this.end_time_one = endOfYear
+          // this.getDataTwo()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfLastYear
+          this.end_time_one = endOfLastYear
+          // this.getDataTwo()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+          this.start_time_one = startOfFirstQuarter
+          this.end_time_one = endOfFirstQuarter
+          // this.getDataTwo()
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+          this.start_time_one = startOfSecondQuarter
+          this.end_time_one = endOfSecondQuarter
+          // this.getDataTwo()
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfThirdQuarter
+          this.end_time_one = endOfThirdQuarter
+          // this.getDataTwo()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfFourthQuarter
+          this.end_time_one = endOfFourthQuarter
+          // this.getDataTwo()
+          break
+        case 9:
+          this.start_time_one = ''
+          this.end_time_one = ''
+          break
+      }
+    },
+
+
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
+
+      return sums
+    },
+    handleClick(row) {
+      console.log(row)
+      if(row.name == "不达标值患者"){
+        this.statistics_type = 1
+      }else if(row.name == "达标值患者"){
+        this.statistics_type = 3
+      }else {
+        this.statistics_type = 2
+      }
+      this.getDataTwo()
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/platelets/all_urr.vue

@@ -0,0 +1,684 @@
+<template>
+  <div>
+    <el-row :gutter="25">
+      <el-col :span="5">
+        <div class="block">
+          <span>查询时间:</span>
+          <el-select size="small" v-model="time_type" placeholder="请选择"
+                     style="width:150px;margin-left:10px;" @change="changeItem">
+            <el-option
+              v-for="item,index in times"
+              :key="index"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
+      </el-col>
+      <el-col :span="8">
+        <div>
+          <el-date-picker
+            style="width: 200px"
+
+            v-model="start_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+
+            placeholder="选择日期">
+          </el-date-picker>
+          <span>-</span>
+          <el-date-picker
+            style="width: 200px"
+            v-model="end_time"
+            format="yyyy-MM-dd"
+            value-format="yyyy-MM-dd"
+            type="date"
+            placeholder="选择日期">
+          </el-date-picker>
+        </div>
+      </el-col>
+      <el-col :span="3">
+        <el-button type="primary" @click="getData()">查询</el-button>
+      </el-col>
+    </el-row>
+    <div class="cell clearfix" style="margin: 20px; font-weight: bold;">
+      <p class="chartTitle">统计图</p>
+    </div>
+    <div class="echart" id="mychart" :style={width:width,height:height}></div>
+    <div style="width: 80%;margin: auto;">
+      <el-table
+        :data="tableData"
+        border
+        :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
+        style="width: 100%;">
+        <el-table-column
+          prop="name"
+          align="center"
+          label="URR"
+
+        >
+        </el-table-column>
+        <el-table-column
+          prop="count"
+          align="center"
+          label="人数"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="address"
+          align="center"
+          label="操作">
+          <template slot-scope="scope">
+            <el-button @click="handleClick(scope.row)" style="font-size:16px;"
+                       type="text">查看详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <el-dialog
+      width="1000px" class="registerDialog" :visible.sync="detailVisibility"
+      :close-on-click-modal="isClose"
+      :close-on-press-escape="isClose"
+    >
+      <el-row :gutter="25">
+        <el-col :span="5">
+          <div class="block">
+            <span>查询时间:</span>
+            <el-select size="small" v-model="time_type_two" placeholder="请选择"
+                       style="width:100px;margin-left:5px;" @change="changeItemTwo">
+              <el-option
+                v-for="item,index in times"
+                :key="index"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </el-col>
+        <el-col :span="10">
+          <div>
+            <el-date-picker
+              style="width: 120px"
+              v-model="start_time_one"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              type="date"
+
+              placeholder="选择日期">
+            </el-date-picker>
+            <span>-</span>
+            <el-date-picker
+              style="width: 120px"
+              v-model="end_time_one"
+              format="yyyy-MM-dd"
+              value-format="yyyy-MM-dd"
+              type="date"
+              placeholder="选择日期">
+            </el-date-picker>
+          </div>
+        </el-col>
+
+        <el-col :span="4">
+          <div>
+
+            <el-select size="small" v-model="statistics_type" placeholder="请选择"
+                       style="width:100px;margin-left:5px;">
+              <el-option
+                v-for="item,index in statistics_types"
+                :key="index"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+
+          </div>
+        </el-col>
+
+        <!--        <el-col :span="4">-->
+        <!--          <div>-->
+        <!--            <el-select size="small" v-model="sort_type" placeholder="请选择"-->
+        <!--                       style="width:100px;margin-left:5px;">-->
+        <!--              <el-option-->
+        <!--                v-for="item,index in sort_types"-->
+        <!--                :key="index"-->
+        <!--                :label="item.label"-->
+        <!--                :value="item.value">-->
+        <!--              </el-option>-->
+        <!--            </el-select>-->
+        <!--          </div>-->
+        <!--        </el-col>-->
+
+        <el-col :span="4">
+          <div >
+            <el-input v-model="keyword" placeholder="请输入患者姓名或透析号"></el-input>
+          </div>
+        </el-col>
+
+        <el-col :span="2">
+          <div>
+            <el-button @click="getDataTwo()">查询</el-button>
+          </div>
+        </el-col>
+
+        <el-col :span="2">
+          <div>
+            <el-button @click="exportAction()">导出</el-button>
+          </div>
+        </el-col>
+
+        <!--        <el-col :span="2">-->
+        <!--          <div>-->
+        <!--            <el-button @click="getDataTwo()">打印</el-button>-->
+        <!--          </div>-->
+        <!--        </el-col>-->
+
+
+
+
+
+      </el-row>
+
+      <el-table
+        :data="patientTableData"
+        border
+        ref="table"
+        max-height="500px"
+        style="width: 100%">
+        <el-table-column
+          prop="dialysis_no"
+          align="center"
+          label="透析号"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="name"
+          label="患者姓名"
+        >
+        </el-table-column>
+        <el-table-column
+          prop="date"
+          label="检查日期"
+        >
+        </el-table-column>
+
+        <el-table-column
+          prop="inspect_value"
+          label="结果"
+        >
+        </el-table-column>
+
+      </el-table>
+
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="detailVisibility = false">取消</el-button>
+        <el-button type="primary" @click="detailVisibility = false">确定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+<script>
+import * as echarts from 'echarts'
+import { GetAllQCStatistisData, GetQCStatistisData } from '../../../api/qcd'
+
+const moment = require('moment')
+
+export default {
+  props: {
+
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '400px'
+    }
+
+  },
+  data() {
+    return {
+      statistics_types:[
+        { value: 1, label: '不达标患者' },
+        { value: 2, label: '未检查患者' },
+        { value: 3, label: '达标患者' },
+      ],
+      sort_types:[
+        { value: 1, label: '时间' },
+        { value: 2, label: '患者' },
+      ],
+      detailVisibility:false,
+      isClose:true,
+      time_type: 1,
+      time_type_two:1,
+      times: [
+        { value: 1, label: '本月' },
+        { value: 2, label: '上月' },
+        { value: 3, label: '今年' },
+        { value: 4, label: '上一年' },
+        { value: 5, label: '第一季度' },
+        { value: 6, label: '第二季度' },
+        { value: 7, label: '第三季度' },
+        { value: 8, label: '第四季度' },
+        { value: 9, label: '自定义' }
+
+      ],
+      time_month: '',
+      start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+      start_time_one: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+      end_time_one: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+
+      input: '',
+      myChart: {},
+      pieData: [],
+      pieName: [],
+      reference:{},
+      // myChartStyle:{float: "right", width: "100%", height: "400px"},
+      tableData: [],
+      statistics_type:1,
+      sort_type:"",
+      keyword:"",
+      patientTableData:[],
+    }
+  },
+  mounted() {
+    this.getData()
+  },
+  methods: {
+    exportAction(){
+      let list = []
+      for (let i = 0; i < this.patientTableData.length; i++) {
+        let order = this.patientTableData[i]
+        let name = order.name
+        let value = order.inspect_value
+        let inspect_date = order.date
+
+        let obj = {
+          '姓名': name,
+          '数值': value,
+          '日期': inspect_date,
+        }
+        list.push(obj)
+      }
+      import('@/vendor/Export2Excel').then(excel => {
+        const tHeader = ['姓名', '数值', '日期']
+        const filterVal = ['姓名', '数值', '日期']
+        const data = this.formatJson(filterVal, list)
+        excel.export_json_to_excel1({
+          header: tHeader,
+          data,
+          filename: '明细',
+          ref: this.$refs['table'].$el
+        })
+      })
+    },
+
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    },
+    getDataTwo() {
+      if(this.start_time_one.length == 0){
+        this.$message.error("请选择开始时间")
+      }
+      if(this.end_time_one.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time_one,
+        end_date: this.end_time_one,
+        item_type:this.statistics_type,
+        order_type:this.sort_type,
+        keyword: this.keyword,
+        type:3,
+      }
+      this.patientTableData = []
+      GetAllQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          this.detailVisibility = true
+          this.patientTableData  =  this.patientTableData.concat(response.data.data.list)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    getData() {
+      if(this.start_time.length == 0){
+        this.$message.error("请选择开始时间")
+      }
+      if(this.end_time.length == 0){
+        this.$message.error("请选择结束时间")
+      }
+      let params = {
+        start_date: this.start_time,
+        end_date: this.end_time,
+        type:3,
+      }
+      this.pieData = []
+      this.tableData = []
+      console.log("~~~~~~~~~~")
+      GetQCStatistisData(params).then(response => {
+        if (response.data.state == 1) {
+          let objone = {
+            value:  response.data.data.unusual_total ,
+            name: '不达标值患者',
+            count:response.data.data.unusual_total,
+          }
+          this.pieData.push(objone)
+          this.tableData.push(objone)
+
+          let objtwo = {
+            value:   response.data.data.normal_total,
+            name: '达标值患者',
+            count:response.data.data.normal_total,
+
+          }
+          this.pieData.push(objtwo)
+          this.tableData.push(objtwo)
+
+          let objthree = {
+            value: response.data.data.no_check_total ,
+            name: '未检查患者',
+            count:response.data.data.no_check_total,
+
+          }
+          this.pieData.push(objthree)
+          this.tableData.push(objthree)
+
+          let objfour = {
+            value: response.data.data.patient_count,
+            name: '合计',
+            count:response.data.data.patient_count,
+          }
+          this.tableData.push(objfour)
+          for (let i = 0; i < this.pieData.length; i++) {
+            this.pieName[i] = this.pieData[i].name
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          window.addEventListener('resize', () => {
+            this.myChart.resize()
+          })
+          const option = {
+            legend: {
+              // 图例
+              data: this.pieName,
+              left: '10%',
+              top: '30%',
+              orient: 'vertical'
+            },
+            color: ['#F74587', '#32D79B', '#6590FF'],
+
+
+            title: {
+              // 设置饼图标题，位置设为顶部居中
+              //   text: "国内院士前五省份图示",
+              top: '0%',
+              left: 'center'
+            },
+            series: [
+              {
+                type: 'pie',
+                label: {
+                  normal : {
+                    formatter: '{b}:{c}: ({d}%)',
+                    textStyle : {
+                      fontWeight : 'normal',
+                      fontSize : 15,
+                      color : "black"
+                    }
+                  }
+                  // b代表名称，c代表对应值，d代表百分比"{b} : {d}% ({c})"
+                },
+                radius: '65%', //饼图半径
+                data: this.pieData,
+                itemStyle : {
+                  emphasis: {
+                    shadowBlur: 10,
+                    shadowOffsetX: 0,
+                    shadowColor: 'rgba(0, 0, 0, 0.5)'
+                  }
+                }
+              }
+            ]
+          }
+          //   console.log(this.seriesData);
+          const optionFree = {
+            series: [
+              {
+                data: this.seriesData,
+                type: 'line',
+                smooth: true
+              }
+            ]
+          }
+          this.myChart = echarts.init(document.getElementById('mychart'))
+          this.myChart.setOption(option)
+        } else {
+          this.$message.error(response.data.msg)
+        }
+      })
+
+    },
+    changeItem(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfMonth
+          this.end_time = endOfMonth
+          this.getData()
+
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastMonth
+          this.end_time = endOfLastMonth
+          this.getData()
+
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfYear
+          this.end_time = endOfYear
+          this.getData()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfLastYear
+          this.end_time = endOfLastYear
+          this.getData()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFirstQuarter
+          this.end_time = endOfFirstQuarter
+          this.getData()
+
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfSecondQuarter
+          this.end_time = endOfSecondQuarter
+          this.getData()
+
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time = startOfThirdQuarter
+          this.end_time = endOfThirdQuarter
+          this.getData()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time = startOfFourthQuarter
+          this.end_time = endOfFourthQuarter
+          this.getData()
+          break
+        case 9:
+          this.start_time = ''
+          this.end_time = ''
+          break
+      }
+    },
+    changeItemTwo(val) {
+      const currentDate = new Date()
+      switch (val) {
+        case 1:
+          const startOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).toLocaleDateString('en-CA')
+          const endOfMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0).toLocaleDateString('en-CA')
+          this.start_time_one = startOfMonth
+          this.end_time_one = endOfMonth
+          // this.getDataTwo()
+          break
+        case 2:
+          // 上月的起始日期和结束日期
+          const startOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1).toLocaleDateString('en-CA')
+          const endOfLastMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0).toLocaleDateString('en-CA')
+          this.start_time_one = startOfLastMonth
+          this.end_time_one = endOfLastMonth
+          // this.getDataTwo()
+          break
+        case 3:
+          // 今年的起始日期和结束日期
+          const startOfYear = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfYear = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfYear
+          this.end_time_one = endOfYear
+          // this.getDataTwo()
+
+          break
+        case 4:
+          // 上一年的起始日期和结束日期
+          const startOfLastYear = new Date(currentDate.getFullYear() - 1, 0, 1).toLocaleDateString('en-CA')
+          const endOfLastYear = new Date(currentDate.getFullYear() - 1, 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfLastYear
+          this.end_time_one = endOfLastYear
+          // this.getDataTwo()
+
+          break
+        case 5:
+          // 第一季度的起始日期和结束日期
+          const startOfFirstQuarter = new Date(currentDate.getFullYear(), 0, 1).toLocaleDateString('en-CA')
+          const endOfFirstQuarter = new Date(currentDate.getFullYear(), 2, 31).toLocaleDateString('en-CA')
+          this.start_time_one = startOfFirstQuarter
+          this.end_time_one = endOfFirstQuarter
+          // this.getDataTwo()
+          break
+        case 6:
+          // 第二季度的起始日期和结束日期
+          const startOfSecondQuarter = new Date(currentDate.getFullYear(), 3, 1).toLocaleDateString('en-CA')
+          const endOfSecondQuarter = new Date(currentDate.getFullYear(), 5, 30).toLocaleDateString('en-CA')
+          this.start_time_one = startOfSecondQuarter
+          this.end_time_one = endOfSecondQuarter
+          // this.getDataTwo()
+          break
+        case 7:
+          // 第三季度的起始日期和结束日期
+          const startOfThirdQuarter = new Date(currentDate.getFullYear(), 6, 1).toLocaleDateString('en-CA')
+          const endOfThirdQuarter = new Date(currentDate.getFullYear(), 8, 30).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfThirdQuarter
+          this.end_time_one = endOfThirdQuarter
+          // this.getDataTwo()
+
+          break
+        case 8:
+          // 第四季度的起始日期和结束日期
+          const startOfFourthQuarter = new Date(currentDate.getFullYear(), 9, 1).toLocaleDateString('en-CA')
+          const endOfFourthQuarter = new Date(currentDate.getFullYear(), 11, 31).toLocaleDateString('en-CA')
+
+          this.start_time_one = startOfFourthQuarter
+          this.end_time_one = endOfFourthQuarter
+          // this.getDataTwo()
+          break
+        case 9:
+          this.start_time_one = ''
+          this.end_time_one = ''
+          break
+      }
+    },
+
+
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '总价'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (!values.every(value => isNaN(value))) {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] += ' 元'
+        } else {
+          sums[index] = 'N/A'
+        }
+      })
+
+      return sums
+    },
+    handleClick(row) {
+      console.log(row)
+      if(row.name == "不达标值患者"){
+        this.statistics_type = 1
+      }else if(row.name == "达标值患者"){
+        this.statistics_type = 3
+      }else {
+        this.statistics_type = 2
+      }
+      this.getDataTwo()
+    }
+  }
+
+}
+</script>
+<style lang="scss" scoped>
+.content_top {
+  display: flex;
+  justify-content: space-around;
+  color: #1e5feb;
+}
+</style>

src/xt_pages/Dialysisanalysis/platelets/index.vue

@@ -7,35 +7,53 @@
       <div class="app-container">
         <div class="page_patientControlAnalysis">
             <el-tabs v-model="activeName" @tab-click="handleClick" >
-                <el-tab-pane label="统计全部" name="first">
+                <el-tab-pane label="统计全部(KTV)" name="first">
                   <keep-alive>
-                    <plateletsall v-if="activeName == 'first'"></plateletsall>
+                    <all_ktv v-if="activeName == 'first'"></all_ktv>
                   </keep-alive>
                 </el-tab-pane>
-                
-                <el-tab-pane label="统计个人" name="second">
+              <el-tab-pane label="统计全部(URR)" name="second">
+                <keep-alive>
+                  <all_urr v-if="activeName == 'second'"></all_urr>
+                </keep-alive>
+              </el-tab-pane>
+
+                <el-tab-pane label="统计个人(KTV)" name="third">
                   <keep-alive>
-                    <plateletsalone v-if="activeName == 'second'"></plateletsalone>
+                    <p_ktv v-if="activeName == 'third'"></p_ktv>
                   </keep-alive>
                 </el-tab-pane>
-            
+
+
+              <el-tab-pane label="统计个人(URR)" name="four">
+                <keep-alive>
+                  <p_urr v-if="activeName == 'four'"></p_urr>
+                </keep-alive>
+              </el-tab-pane>
+
             </el-tabs>
         </div>
       </div>
     </div>
   </template>
-  
+
 <script>
 import echarts from 'echarts'
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
 import plateletsall from './plateletsall'
 import plateletsalone from './plateletsalone.vue'
+import All_ktv from './all_ktv.vue'
+import All_urr from './all_urr.vue'
+import P_ktv from './p_ktv.vue'
+import P_urr from './p_urr.vue'
 export default {
     name:'thyroidGland',
     components: {
+      P_urr,
+      P_ktv,
+      All_urr,
+      All_ktv,
         BreadCrumb,
-        plateletsall,
-        plateletsalone
     },
     data() {
         return {
@@ -99,4 +117,4 @@ export default {
 // }
 
 // }
-</style>
+</style>

src/xt_pages/Dialysisanalysis/platelets/p_ktv.vue

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

src/xt_pages/Dialysisanalysis/platelets/p_urr.vue

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

src/xt_pages/Dialysisanalysis/summary/index.vue

@@ -0,0 +1,275 @@
+<!-- 血钾 -->
+<template>
+    <div class="main-contain">
+      <div class="position">
+        <bread-crumb :crumbs="crumbs"></bread-crumb>
+      </div>
+      <div class="app-container">
+        <div class="page_patientControlAnalysis">
+          <div>
+            <el-row :gutter="25">
+              <el-col :span="5">
+                <div>
+                  <div class="block">
+                    <el-date-picker
+                      v-model="start_month"
+                      type="month"
+                      format="yyyy-MM"
+                      value-format="yyyy-MM"
+                      @change="changemonth"
+                      placeholder="选择月">
+                    </el-date-picker>
+                  </div>
+                </div>
+              </el-col>
+
+              <el-col :span="5">
+                <el-button size="small" icon="el-icon-printer" @click="exportAction" type="primary">导出
+                </el-button>
+              </el-col>
+
+            </el-row>
+
+            <div style="width: 80%;margin: auto;margin: 20px">
+              <el-table
+                :data="patientTableData"
+                border
+                ref="table"
+                :header-cell-style="{
+          backgroundColor: 'rgb(245, 247, 250)',
+          color: '#606266'
+        }"
+                style="width: 100%;">
+                <el-table-column type="index" label="序号" align="center" width="60">
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="姓名"
+                >
+                  <template slot-scope="scope">
+                    {{ scope.row.name }}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="月"
+                >
+                  <template slot-scope="scope">
+                    {{start_month.split("-")[1]}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="IPTH"
+                >
+                  <template slot-scope="scope">
+                    {{scope.row.ipth}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="血红蛋白"
+                >
+                  <template slot-scope="scope">
+                    {{scope.row.xhdb}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="血钾"
+                >
+                  <template slot-scope="scope">
+                    {{scope.row.xuejia}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="白蛋白"
+                >
+                  <template slot-scope="scope">
+                    {{scope.row.bdb}}
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  prop="count"
+                  label="血磷"
+                >
+                  <template slot-scope="scope">
+                    {{scope.row.xuelin}}
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </template>
+
+<script>
+
+import {  GetFiveInstatistisc } from '../../../api/qcd'
+import { uParseTime } from '@/utils/tools'
+import BreadCrumb from '@/xt_pages/components/bread-crumb'
+const moment = require('moment')
+
+export default {
+    name:'summary',
+    components: {
+        BreadCrumb,
+    },
+    data() {
+        return {
+          start_month:new Date(new Date().getFullYear(), new Date().getMonth()).toLocaleDateString('en-CA'),
+          start_time: new Date(new Date().getFullYear(), new Date().getMonth(), 1).toLocaleDateString('en-CA'),
+          end_time: new Date(new Date().getFullYear(), new Date().getMonth() + 1, 0).toLocaleDateString('en-CA'),
+          patientTableData:[],
+            activeName: 'first'
+        }
+    },
+    methods:{
+      exportAction(){
+        let list = []
+        for (let i = 0; i < this.patientTableData.length; i++) {
+          let order = this.patientTableData[i]
+          let name = order.name
+
+          let obj = {
+            '姓名': name,
+          }
+          list.push(obj)
+        }
+        import('@/vendor/Export2Excel').then(excel => {
+          const tHeader = ['姓名']
+          const filterVal = ['姓名']
+          const data = this.formatJson(filterVal, list)
+          excel.export_json_to_excel1({
+            header: tHeader,
+            data,
+            filename: '明细',
+            ref: this.$refs['table'].$el
+          })
+        })
+      },formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
+      },
+      getMonthStartAndEndDates(year, month) {
+        // month参数是从1到12的数字
+        // 将month减去1以得到JavaScript Date对象中对应的月份（0到11）
+        const jsMonth = month - 1;
+
+        // 获取指定月份的第一天
+        const startDate = new Date(year, jsMonth, 1);
+
+        // 获取下一个月的第一天
+        const endDate = new Date(year, jsMonth + 1, 1);
+
+        // 将endDate减去1毫秒以得到指定月份的最后一天
+        endDate.setTime(endDate.getTime() - 1);
+        let date1 = new Date(startDate);
+        let date2 = new Date(endDate);
+        let month3 =  date1.getMonth() + 1;
+        let month2 =  date2.getMonth() + 1;
+        let day1 =  date1.getDate();
+        let day2 =  date2.getDate();
+        this.start_time = date1.getFullYear() + "-"  + (month3 < 10 ? "0" + month3:month3) + "-"+(day1 < 10 ? "0" + day1:day1)
+        this.end_time =  date2.getFullYear() + "-"  + (month2 < 10 ? "0" + month2:month2)+"-"+(day2 < 10 ? "0" + day2:day2)
+        console.log(this.start_time)
+        console.log(this.end_time)
+      },
+      changemonth(){
+        this.getMonthStartAndEndDates(this.start_month.split("-")[0],this.start_month.split("-")[1])
+        this.getData()
+
+      },
+      getData(){
+        if(this.start_time.length == 0){
+          this.$message.error("请选择开始时间")
+          return
+        }
+        if(this.end_time.length == 0){
+          this.$message.error("请选择结束时间")
+          return
+
+        }
+        let params = {
+          start_date: this.start_time,
+          end_date: this.end_time,
+          keyword: this.keyword,
+        }
+        this.patientTableData = []
+        GetFiveInstatistisc(params).then(response => {
+          if (response.data.state == 1) {
+            this.patientTableData  =  response.data.data.list
+          } else {
+            this.$message.error(response.data.msg)
+          }
+        })
+
+      },
+      getTime(value, temp) {
+        if (value != undefined) {
+          return uParseTime(value, temp)
+        }
+        return ''
+      },
+      handleClick(tab, event) {
+        console.log(tab, event);
+      }
+    },created() {
+      this.getData()
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+// .page_patientControlAnalysis {
+
+// .pointTitle {
+//   font-size: 13px;
+// }
+
+// .chartTitle {
+//   font-size: 16px;
+//   font-weight: bold;
+//   color: #000000;
+// }
+
+// .point {
+//   width: 13px;
+//   height: 13px;
+//   background: linear-gradient(
+//       0deg,
+//       rgba(169, 224, 243, 1),
+//       rgba(159, 189, 252, 1)
+//   );
+//   border-radius: 7px;
+//   margin-right: 8px;
+// }
+
+// .pointTitle {
+//   font-size: 13px;
+// }
+
+// }
+
+</style>
+
+<style lang="scss">
+// .page_patientControlAnalysis {
+
+// .el-form-item {
+//   margin-bottom: 0;
+// }
+
+// .cell {
+//   text-align: center;
+// }
+
+// ::-webkit-scrollbar {
+//   height: 15px !important;
+// }
+
+// }
+</style>

src/xt_pages/hospitalStation/summary.vue

@@ -227,7 +227,7 @@
               size="mini"
               type="primary"
               @click="confirmUploadInfo(scope.row)"
-              v-if="$store.getters.xt_user.org_id == 10265"
+              v-if="$store.getters.xt_user.org_id == 10265 || $store.getters.xt_user.org_id == 10210"
             >
               确认结算清单
             </el-button>
@@ -510,40 +510,73 @@ export default {
       this.selecting_schs = val
     },
     confirmUploadInfo(row){
-      var that = this;
-      axios
-        .get("http://127.0.0.1:9532/api/4102", {
-          params: {
-            order_id: row.id,
-            admin_user_id: this.$store.getters.xt_user.user.id,
-            stas_type: 1
-          },
-        })
-        .then(function (response) {
-          if (response.data.state == 0) {
-            that.$message.error(response.data.msg);
-            return false;
-          } else {
-            if (response.data.data.failed_code == -10) {
-              that
-                .$confirm(response.data.data.msg, "医保错误信息", {
-                  confirmButtonText: "确 定",
-                  type: "warning",
-                })
-                .then(() => {
-                })
-                .catch(() => {
-                });
+      if(this.$store.getters.xt_user.org_id == 10265) {
+        var that = this;
+        axios
+          .get("http://127.0.0.1:9532/api/4102", {
+            params: {
+              order_id: row.id,
+              admin_user_id: this.$store.getters.xt_user.user.id,
+              stas_type: 1
+            },
+          })
+          .then(function(response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg);
+              return false;
             } else {
-              that.$message.success("确认成功");
-              row.result.id = response.data.data.result.id;
+              if (response.data.data.failed_code == -10) {
+                that
+                  .$confirm(response.data.data.msg, "医保错误信息", {
+                    confirmButtonText: "确 定",
+                    type: "warning",
+                  })
+                  .then(() => {
+                  })
+                  .catch(() => {
+                  });
+              } else {
+                that.$message.success("确认成功");
+                row.result.id = response.data.data.result.id;
+              }
             }
-          }
-        })
-        .catch(function (error) {
-        });
-
-
+          })
+          .catch(function(error) {
+          });
+      }else{
+        var that = this;
+        axios
+          .get("http://127.0.0.1:9532/api/comfirm/upload", {
+            params: {
+              order_id: row.id,
+              admin_user_id: this.$store.getters.xt_user.user.id,
+              stas_type: 1
+            },
+          })
+          .then(function(response) {
+            if (response.data.state == 0) {
+              that.$message.error(response.data.msg);
+              return false;
+            } else {
+              if (response.data.data.failed_code == -10) {
+                that
+                  .$confirm(response.data.data.msg, "医保错误信息", {
+                    confirmButtonText: "确 定",
+                    type: "warning",
+                  })
+                  .then(() => {
+                  })
+                  .catch(() => {
+                  });
+              } else {
+                that.$message.success("确认成功");
+                row.result.id = response.data.data.result.id;
+              }
+            }
+          })
+          .catch(function(error) {
+          });
+      }
     },
     cancelUploadTwo(row){
       if(this.$store.getters.xt_user.org_id == 10265){

src/xt_pages/outpatientCharges/invoicePrint.vue

@@ -8,10 +8,9 @@
         icon="el-icon-printer"
         @click="printThisPage"
         type="primary"
-      >打印</el-button
-      >
+      >打印</el-button>
     </template>
-    <div class="app-container" style="padding-top:40px;">
+    <div class="app-container" style="padding-top:40px;" v-if="org_id != 10217 && org_id != 0 && org_id != 10485 && org_id != 10375">
         <div class='dialysisPage'>
           <div v-if="org_id != 10106 && org_id != 10215 && org_id != 4 && org_id != 10188 && org_id != 10217 && org_id != 0 && org_id != 10387&& org_id != 10210" >
             <printOne v-if="org_id != 10088 " :paramsObj="invoiceParams"></printOne>
@@ -20,12 +19,32 @@
           <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>
+          <printSix v-if="org_id == 10217  || org_id == 0" :paramsObj="invoiceParams"></printSix>
 <!--          <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 || org_id == 0" :paramsObj="invoiceParams"></PrintNight>
+          <PrintNight v-if="org_id == 10210" :paramsObj="invoiceParams"></PrintNight>
         </div>
     </div>
+
+    <div class="app-container" style="padding-top:40px;" v-if="org_id == 10485  ">
+      <div class='dialysisPage'>
+      <print-eleven :paramsObj="invoiceParams"></print-eleven>
+      </div>
+    </div>
+
+    <div class="app-container" style="" v-if="org_id == 10217 || org_id == 0">
+      <div class='dialysisPage'>
+        <printSix  :paramsObj="invoiceParams"></printSix>
+      </div>
+    </div>
+
+    <div class="app-container" style="padding-top:40px;" v-if="org_id == 10375">
+      <div class='dialysisPage'>
+        <print-ten :paramsObj="invoiceParams"></print-ten>
+      </div>
+    </div>
+
+
   </div>
 </template>
 
@@ -40,9 +59,13 @@
   import printEight from './invoiceTemplate/printEight'
   import PrintEight from "./invoiceTemplate/printEight";
   import PrintNight from "./invoiceTemplate/PrintNight";
+  import PrintEleven from './invoiceTemplate/printEleven.vue'
+  import PrintTen from './invoiceTemplate/printTen.vue'
   export default {
     name: "invoicePrint",
     components: {
+      PrintTen,
+      PrintEleven,
       PrintNight,
       PrintEight,
       printOne,
@@ -89,14 +112,29 @@
         return "";
       },
       printThisPage() {
-        const style =
-          '@media print {#invoice-print{font-size:12px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
-        printJS({
-          printable: "invoice-print",
-          type: "html",
-          style: style,
-          scanStyles: false
-        });
+        if (this.org_id == 10217){
+          const style =
+            // '@media print {#invoice-print{font-size:12px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
+            '@media print {#invoice-print{font-size:12px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;}.actionBar div{width:150px;}}';
+          printJS({
+            printable: "invoice-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+          });
+        }else{
+          const style =
+            '@media print {#invoice-print{font-size:12px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
+          printJS({
+            printable: "invoice-print",
+            type: "html",
+            style: style,
+            scanStyles: false
+          });
+
+
+        }
+
 
 
         // if (this.org_template_info.template_id == 1) {

src/xt_pages/outpatientCharges/invoiceTemplate/printEleven.vue

@@ -0,0 +1,248 @@
+<template>
+  <div id='invoice-print' style="position: relative;">
+    <div>
+      <div style="display: inline-block; position: absolute;top: 100px;left: 100px;">{{list.order.mdtrt_id}}</div>
+      <div style="display: inline-block; position: absolute;top: 100px;left: 300px;">{{  paramsObj.setl_time ? paramsObj.setl_time.split(' ')[0].slice(0,4) : getTime(list.date, '{y}-{m}-{d}').slice(0,4) }}</div>
+      <div style="display: inline-block; position: absolute;top: 100px;left: 350px;">{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(5,7)) : getTime(list.date, '{y}-{m}-{d}').slice(5,7) }}</div>
+      <div style="display: inline-block; position: absolute;top: 100px;left: 400px;">{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(8,11)) : getTime(list.date, '{y}-{m}-{d}').slice(8,11) }}</div>
+    </div>
+    <div>
+      <div style="position: absolute;top: 120px;left: 115px;">{{ paramsObj.name }}</div>
+      <div style="display:flex;justify-content: space-between;">
+          <div  style="position: absolute;top:120px;left:308px;">√</div>
+          <div  style="position: absolute;top:120px;left:366px;"></div>
+          <div  style="position: absolute;top:120px;left:425px;"></div>
+      </div>
+      <div style="display:flex;justify-content: space-between;">
+          <div  style="position: absolute;top:120px;left:555px;" v-if="list.gender == 1">√</div>
+          <div  style="position: absolute;top:120px;left:599px;" v-else-if="list.gender == 2">√</div>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:146px;left:180px;">医保</div>
+      <div  style="position: absolute;top:146px;left:360px;">{{ list.number.length <= 13 ? list.psn_cash_money.toFixed(2) : (list.psn_cash_money).toFixed(2) }}</div>
+      <div  style="position: absolute;top:146px;left:540px;">现金</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:172px;left:100px;">西药</div>
+      <div  style="position: absolute;top:172px;left:160px;">{{ list.westernMedicineCostTotal ? list.westernMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:172px;left:220px;">检查费</div>
+      <div  style="position: absolute;top:172px;left:280px;">{{ list.checkCostTotal ? list.checkCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:172px;left:340px;">治疗费</div>
+      <div  style="position: absolute;top:172px;left:400px;">{{ list.treatCostTotal ? list.treatCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:172px;left:518px;">床位费</div>
+      <div  style="position: absolute;top:172px;left:578px;">{{ list.bedCostTotal ? list.bedCostTotal.toFixed(2) : '' }}</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:198px;left:100px;">中成药</div>
+      <div  style="position: absolute;top:198px;left:160px;">{{ list.chineseTraditionalMedicineCostTotal ? list.chineseTraditionalMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:198px;left:220px;">化验费</div>
+      <div  style="position: absolute;top:198px;left:280px;">{{ list.laboratoryCostTotal ? list.laboratoryCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:198px;left:340px;">手术费</div>
+      <div  style="position: absolute;top:198px;left:400px;">{{ list.operationCostTotal ? list.operationCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:198px;left:518px;">其他费</div>
+      <div  style="position: absolute;top:198px;left:578px;">{{ list.otherCostTotal ? list.otherCostTotal.toFixed(2) : '' }}</div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:224px;left:100px;">诊察费</div>
+      <div  style="position: absolute;top:224px;left:160px;">{{ list.zhenChaCostTotal ? list.zhenChaCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:224px;left:220px;">材料费</div>
+      <div  style="position: absolute;top:224px;left:280px;">{{ list.materialCostTotal ? list.materialCostTotal.toFixed(2) : '' }}</div>
+      <div  style="position: absolute;top:224px;left:340px;"></div>
+      <div  style="position: absolute;top:224px;left:400px;"></div>
+      <div  style="position: absolute;top:224px;left:518px;"></div>
+      <div  style="position: absolute;top:224px;left:578px;"></div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div  style="position: absolute;top:250px;left:160px;"></div>
+      <div  style="position: absolute;top:250px;left:280px;"></div>
+      <div  style="position: absolute;top:250px;left:400px;"></div>
+      <div  style="position: absolute;top:250px;left:578px;"></div>
+    </div>
+    <div>
+      <span>
+        <span  style="position: absolute;top:276px;left:210px">
+          <span v-if="zhongwen.indexOf('万') > -1 && zhongwen.indexOf('拾') > -1 && zhongwen.indexOf('拾') == 1">
+                    {{ zhongwen.substring(0,1) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:276px;left:260px">
+            <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:276px;left:310px">
+            <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:276px;left:360px">
+            <span v-if="zhongwen.indexOf('佰') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('佰') - 1,zhongwen.indexOf('佰')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span style="position: absolute;top:276px;left:410px">
+            <span v-if="zhongwen.indexOf('拾') > -1">
+                    {{zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) == '佰' ||  !zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾'))? '壹' : zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:276px;left:460px">
+           <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(this.zhongwen.indexOf('元') - 1).substring(0,1)!= '拾'">
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+        <span  style="position: absolute;top:276px;left:510px">
+             <span v-if="zhongwen.indexOf('角') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+
+        <span  style="position: absolute;top:276px;left:560px">
+             <span v-if="zhongwen.indexOf('分') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('分') - 1,zhongwen.indexOf('分')) }}
+                </span>
+                <span v-else>零</span>
+        </span>
+      </span>
+      <span style="position: absolute;top:276px;left:580px">{{ totalPrice.toFixed(2) }}</span>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:365px;left:180px;">{{ org_name}}</div>
+      <div style="position: absolute;top:365px;left:340px;"></div>
+      <div style="position: absolute;top:365px;left:490px;">{{list.admin_user_name}}</div>
+    </div>
+  </div>
+</template>
+<script>
+import { getInvoice } from '@/api/project/project'
+import { uParseTime } from '@/utils/tools'
+export default {
+  props:{
+    paramsObj:Object
+  },
+  data(){
+    return{
+      gender:'',
+      list:{},
+      printDate:'',
+      zhongwen:'',
+      totalPrice:0.0,
+      org_id:'',
+      org_name:''
+    }
+  },
+  created(){
+    console.log('paramsObj',this.paramsObj)
+    let params = {
+      order_id: this.paramsObj.order_id,
+      patient_id: this.paramsObj.patient_id,
+      number: this.paramsObj.number,
+    }
+    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.list.zhenChaCostTotal
+        if(this.totalPrice == 0){
+
+          this.totalPrice = this.list.medfee_sumamt
+        }
+        console.log( "this.totalPrice")
+
+        this.smalltoBIG(this.totalPrice.toFixed(2))
+        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.gender = this.list.gender
+      })
+    },
+    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);  //遍历转化为大写的数字
+      }
+
+      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 ''
+    },
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        let params = {
+          order_id: val.order_id,
+          patient_id: val.patient_id,
+          number: val.number,
+        }
+        this.getInvoice(params)
+
+      },
+      deep:true
+    }
+  }
+}
+</script>

src/xt_pages/outpatientCharges/invoiceTemplate/printSix.vue

@@ -1,23 +1,23 @@
 <template>
-    <div id='invoice-print'>
-        <div v-for='(i,index) in pageArr.length' :key="index" >
-            <div :style="{position: 'absolute',top:(20 + (index * 660))  + 'px',left:200+ 'px',}">盐城大丰悦达金骆驼血液透析中心</div>
-            <div :style="{position: 'absolute',top:(70 + (index * 660))  + 'px',left:150+ 'px',}">{{ list.order_number }}</div>
-            <div style="display:flex;justify-content: space-between;">
-                <div :style="{position: 'absolute',top:(100 + (index * 660))  + 'px',left:100+ 'px',}">{{ paramsObj.name }}</div>
-            </div>
-            <div :style="{position: 'absolute',top:(190 + (index * 660))  + 'px',left:120+ 'px',}">
-                <div v-if="list.westernMedicineCostTotal">西药 {{ list.westernMedicineCostTotal }}</div>
-                <div v-if="list.treatCostTotal">治疗费 {{ list.treatCostTotal }}</div>
-                <div v-if="list.bedCostTotal">床位费 {{ list.bedCostTotal }}</div>
-                <div v-if="list.chineseTraditionalMedicineCostTotal">中成药 {{ list.chineseTraditionalMedicineCostTotal }}</div>
-                <div v-if="list.laboratoryCostTotal">化验费 {{ list.laboratoryCostTotal }}</div>
-                <div v-if="list.operationCostTotal">手术费 {{ list.operationCostTotal }}</div>
-                <div v-if="list.otherCostTotal">其他费 {{ list.otherCostTotal }}</div>
-                <div v-if="list.materialCostTotal">材料费 {{ list.materialCostTotal }}</div>
-            </div>
-            <div :style="{position: 'absolute',top:(190 + (index * 660))  + 'px',left:280+ 'px'}">
-                <div v-for="item in list.order_info.slice(index * 10,(index * 10) + pageArr[index])">
+  <div id='invoice-print'>
+    <div v-for='(i,index) in pageArr.length' :key="index" >
+      <div :style="{position: 'absolute',top:(20 + (index * 520))  + 'px',left:200+ 'px',}">盐城大丰悦达金骆驼血液透析中心</div>
+      <div :style="{position: 'absolute',top:(70 + (index * 520))  + 'px',left:150+ 'px',}">{{ list.order_number }}</div>
+      <div style="display:flex;justify-content: space-between;">
+        <div :style="{position: 'absolute',top:(100 + (index * 520))  + 'px',left:100+ 'px',}">{{ paramsObj.name }}</div>
+      </div>
+      <div :style="{position: 'absolute',top:(190 + (index * 520))  + 'px',left:120+ 'px',}">
+        <div v-if="list.westernMedicineCostTotal">西药 {{ list.westernMedicineCostTotal }}</div>
+        <div v-if="list.treatCostTotal">治疗费 {{ list.treatCostTotal }}</div>
+        <div v-if="list.bedCostTotal">床位费 {{ list.bedCostTotal }}</div>
+        <div v-if="list.chineseTraditionalMedicineCostTotal">中成药 {{ list.chineseTraditionalMedicineCostTotal }}</div>
+        <div v-if="list.laboratoryCostTotal">化验费 {{ list.laboratoryCostTotal }}</div>
+        <div v-if="list.operationCostTotal">手术费 {{ list.operationCostTotal }}</div>
+        <div v-if="list.otherCostTotal">其他费 {{ list.otherCostTotal }}</div>
+        <div v-if="list.materialCostTotal">材料费 {{ list.materialCostTotal }}</div>
+      </div>
+      <div :style="{position: 'absolute',top:(190 + (index * 520))  + 'px',left:300+ 'px'}">
+        <div v-for="item in list.order_info.slice(index * 10,(index * 10) + pageArr[index])">
                     <span style="display:inline-block;width:200px;">
                         <span v-if="item.advice.id == 0">
                             <span v-if="item.project.type == 2"> {{ item.project.project.project_name }}</span>
@@ -25,65 +25,65 @@
                         </span>
                         <span v-else>{{ item.advice.advice_name }}</span>
                     </span>
-                    <span style="display:inline-block;width:50px;">
+          <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>
                         <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 :style="{position: 'absolute',top:(390 + (index * 660))  + 'px',left:130+ 'px'}">{{ zhongwen }}</div>
-            <div :style="{position: 'absolute',top:(390 + (index * 660))  + 'px',left:480+ 'px'}">{{ list.medfee_sumamt }}</div>
-            <div v-if="index == pageArr.length - 1" :style="{position: 'absolute',top:(420 + (index * 660))  + 'px',left:110+ 'px',width:100 + '%',fontSize:12+'px'}">
-                <div style="display:flex;">
-                  <div style="width:140px">医疗总费用：{{ list.order.medfee_sumamt }}</div>
-                  <div style="width:140px">基金支付总额：{{ list.order.fund_pay_sumamt }}</div>
-                  <div style="width:140px">统筹支出：{{ list.order.hifp_pay }}</div>
-                  <div style="width:140px">大病支出：{{list.order.hifmi_pay}}</div>
+        </div>
+      </div>
+      <div :style="{position: 'absolute',top:(390 + (index * 520))  + 'px',left:130+ 'px'}">{{ zhongwen }}</div>
+      <div :style="{position: 'absolute',top:(390 + (index * 520))  + 'px',left:480+ 'px'}">{{ list.medfee_sumamt }}</div>
+      <div v-if="index == pageArr.length - 1" :style="{position: 'absolute',top:(410 + (index * 520))  + 'px',left:110+ 'px',width:100 + '%',fontSize:12+'px'}">
+        <div style="display:flex;">
+          <div style="width:140px">医疗总费用：{{ list.order.medfee_sumamt }}</div>
+          <div style="width:140px">基金支付总额：{{ list.order.fund_pay_sumamt }}</div>
+          <div style="width:140px">统筹支出：{{ list.order.hifp_pay }}</div>
+          <div style="width:140px">大病支出：{{list.order.hifmi_pay}}</div>
 
-                </div>
-                <div style="display:flex;">
-                  <div style="width:140px">个人账户支付：{{ list.order.acct_pay }}</div>
-                  <div style="width:140px">现金支出：{{ list.order.psn_cash_pay }}</div>
-                  <div style="width:140px">本次账户：0</div>
-                  <div style="width:140px">上次账户：0</div>
-                </div>
-              <div style="display:flex;">
-                <div style="width:140px">账户余额：{{ list.order.balc }}</div>
-                <div style="width:140px">其他支出：{{ list.order.oth_pay }}</div>
-                <div style="width:140px">大病补充保险支出：0</div>
-                <div style="width:140px">民政支出：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>
+        <div style="display:flex;">
+          <div style="width:140px">个人账户支付：{{ list.order.acct_pay }}</div>
+          <div style="width:140px">现金支出：{{ list.order.psn_cash_pay }}</div>
+          <div style="width:140px">本次账户：0</div>
+          <div style="width:140px">上次账户：0</div>
+        </div>
+        <div style="display:flex;">
+          <div style="width:140px">账户余额：{{ list.order.balc }}</div>
+          <div style="width:140px">其他支出：{{ list.order.oth_pay }}</div>
+          <div style="width:140px">大病补充保险支出：0</div>
+          <div style="width:140px">民政支出：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>
-            <div>
-                <div :style="{position: 'absolute',top:(480 + (index * 660))  + 'px',left:140+ 'px'}">盐城大丰悦达金骆驼血液透析中心</div>
-                <div :style="{position: 'absolute',top:(480 + (index * 660))  + 'px',left:410+ 'px'}">{{ paramsObj.chargeName }}</div>
-                <div :style="{position: 'absolute',top:(480 + (index * 660))  + 'px',left:550+ 'px'}">
-                    <span>{{  paramsObj.setl_time ? paramsObj.setl_time.split(' ')[0].slice(0,4) : getTime(list.date, '{y}-{m}-{d}').slice(0,4) }}</span>
-                </div>
-                <div :style="{position: 'absolute',top:(480 + (index * 660))  + 'px',left:610+ 'px'}">
-                    <span>{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(5,7)) : getTime(list.date, '{y}-{m}-{d}').slice(5,7) }}</span>
-                </div>
-                <div :style="{position: 'absolute',top:(480 + (index * 660))  + 'px',left:650+ 'px'}">
-                    <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>
+        <div :style="{position: 'absolute',top:(480 + (index * 520))  + 'px',left:140+ 'px'}">盐城大丰悦达金骆驼血液透析中心</div>
+        <div :style="{position: 'absolute',top:(480 + (index * 520))  + 'px',left:410+ 'px'}">{{ paramsObj.chargeName }}</div>
+        <div :style="{position: 'absolute',top:(480 + (index * 520))  + 'px',left:550+ 'px'}">
+          <span>{{  paramsObj.setl_time ? paramsObj.setl_time.split(' ')[0].slice(0,4) : getTime(list.date, '{y}-{m}-{d}').slice(0,4) }}</span>
+        </div>
+        <div :style="{position: 'absolute',top:(480 + (index * 520))  + 'px',left:610+ 'px'}">
+          <span>{{ paramsObj.setl_time ? parseInt(paramsObj.setl_time.split(' ')[0].slice(5,7)) : getTime(list.date, '{y}-{m}-{d}').slice(5,7) }}</span>
         </div>
+        <div :style="{position: 'absolute',top:(480 + (index * 520))  + 'px',left:650+ 'px'}">
+          <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>
 
 
@@ -91,142 +91,142 @@
 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:[],
-        }
-    },
-    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
+  props:{
+    paramsObj:Object
+  },
+  data(){
+    return{
+      list:{},
+      printDate:'',
+      zhongwen:'',
+      totalPrice:0.0,
+      org_id:'',
+      org_name:'',
+      page:1,
+      pageArr:[],
+    }
+  },
+  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
+        // console.log(this.list,'表单内容打印记得注释')
+        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.pageArr.push(10)
+        console.log('pageArr',this.pageArr.length)
+      })
     },
-    methods:{
-        getInvoice(params){
-            getInvoice(params).then((res) => {
-                // console.log('res',res)
-                this.list = res.data.data
-                // console.log(this.list,'表单内容打印记得注释')
-                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.pageArr.push(10)
-                console.log('pageArr',this.pageArr.length)
-            })
-        },
-        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";
+    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 indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
+      var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
+      n += "00";
 
-            if (indexpoint >= 0){
+      var indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
 
-                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
-            }
+      if (indexpoint >= 0){
 
-            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, "元整");
-            }
+        n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
+      }
 
-            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)
-            }
-        }
+      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 ''
     },
-    watch:{
-        paramsObj:{//深度监听，可监听到对象、数组的变化
-            handler(val, oldVal){
-                let params = {
-                    order_id: val.order_id,
-                    patient_id: val.patient_id,
-                }
-                this.getInvoice(params)
+    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)
+        }
+      }
+    }
 
-            },
-            deep:true
+  },
+  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/outpatientCharges/invoiceTemplate/printTen.vue

@@ -0,0 +1,265 @@
+<template>
+  <div id='invoice-print' style="position: relative;">
+    <div style="display: flex;width: 575px;margin-bottom: 5px; position: absolute; top: 70px;right: 1px;">
+      {{printDate}}
+    </div>
+    <div style="display: flex; justify-content: space-between;width: 573px;">
+      <div style="position: absolute;top: 85px;">
+        <span>{{paramsObj.name}}</span>
+        <span></span>
+        <span style="margin-left: 60px;" v-if="list.gender == 1">女</span>
+        <span style="margin-left: 60px;" v-else-if="list.gender == 2">男</span>
+
+        <span></span>
+      </div>
+      <div style="position: absolute;top: 85px;left: 351px;">
+        <span style="margin-right: 60px;"></span>
+      </div>
+    </div>
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:120px;left:80px">西药费</div>
+      <div style="position: absolute;top:120px;left:171px">{{ list.westernMedicineCostTotal ? list.westernMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:120px;left:262px">检查费</div>
+      <div style="position: absolute;top:120px;left:353px">{{ list.checkCostTotal ? list.checkCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:120px;left:444px">治疗费</div>
+      <div style="position: absolute;top:120px;left:535px">{{ list.treatCostTotal ? list.treatCostTotal.toFixed(2) : '' }}</div>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:140px;left:80px">床位费</div>
+      <div style="position: absolute;top:140px;left:171px">{{ list.bedCostTotal ? list.bedCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:140px;left:262px">中成药</div>
+      <div style="position: absolute;top:140px;left:353px">{{ list.chineseTraditionalMedicineCostTotal ? list.chineseTraditionalMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:140px;left:444px">化验费</div>
+      <div style="position: absolute;top:140px;left:535px">{{ list.laboratoryCostTotal ? list.laboratoryCostTotal.toFixed(2) : '' }}</div>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:160px;left:80px">手术费</div>
+      <div style="position: absolute;top:160px;left:171px">{{ list.operationCostTotal ? list.operationCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:160px;left:262px">中成药</div>
+      <div style="position: absolute;top:160px;left:353px">{{ list.chineseTraditionalMedicineCostTotal ? list.chineseTraditionalMedicineCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:160px;left:444px">其他费</div>
+      <div style="position: absolute;top:160px;left:535px">{{ list.otherCostTotal ? list.otherCostTotal.toFixed(2) : '' }}</div>
+    </div>
+
+    <div style="display:flex;justify-content: space-between;">
+      <div style="position: absolute;top:180px;left:80px">诊察费</div>
+      <div style="position: absolute;top:180px;left:171px">{{ list.zhenChaCostTotal ? list.zhenChaCostTotal.toFixed(2) : '' }}</div>
+      <div style="position: absolute;top:180px;left:262px">材料费</div>
+      <div style="position: absolute;top:180px;left:353px">{{ list.materialCostTotal ? list.materialCostTotal.toFixed(2) : '' }}</div>
+    </div>
+
+
+
+    <div>
+      <span>
+      <span  style="position: absolute;top:230px;left:120px">
+         <span v-if="zhongwen.indexOf('万') > -1 && zhongwen.indexOf('拾') > -1 && zhongwen.indexOf('拾') == 1">
+                    {{ zhongwen.substring(0,1) }}
+                </span>
+                <span v-else>零</span>
+
+      </span>
+      <span  style="position: absolute;top:230px;left:140px">
+           <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+
+      </span>
+      <span  style="position: absolute;top:230px;left:160px">
+        <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+
+      </span>
+      <span  style="position: absolute;top:230px;left:180px">
+          <span v-if="zhongwen.indexOf('佰') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('佰') - 1,zhongwen.indexOf('佰')) }}
+                </span>
+                <span v-else>零</span>
+
+      </span>
+      <span style="position: absolute;top:230px;left:200px">
+          <span v-if="zhongwen.indexOf('拾') > -1">
+                    {{zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) == '佰' ||  !zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾'))? '壹' : zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) }}
+                </span>
+                <span v-else>零</span>
+
+      </span>
+      <span  style="position: absolute;top:230px;left:220px">
+          <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(this.zhongwen.indexOf('元') - 1).substring(0,1)!= '拾'">
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
+                </span>
+                <span v-else>零</span>
+      </span>
+      <span  style="position: absolute;top:230px;left:240px">
+           <span v-if="zhongwen.indexOf('角') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
+                </span>
+                <span v-else>零</span>
+      </span>
+      <span  style="position: absolute;top:230px;left:260px">
+         <span v-if="zhongwen.indexOf('分') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('分') - 1,zhongwen.indexOf('分')) }}
+                </span>
+                <span v-else>零</span>
+      </span>
+      </span>
+      <span style="position: absolute;top:230px;left:450px">￥：{{totalPrice.toFixed(2)}}</span>
+    </div>
+
+    <div style="border-bottom: 1px solid black;position: absolute;top:250px;left:110;width:573px;font-Size:12px">
+      <div  style="display:flex;margin: 3px 0px;">
+        <div style="width:140px">医保：门慢统筹：{{list.order.hifp_pay}}</div>
+        <div style="width:140px">大病保险：{{list.order.hifmi_pay}}</div>
+        <div style="width:140px">民政救助: </div>
+        <div style="width:140px">兜底支付：</div>
+      </div>
+      <div style="display:flex;margin-bottom: 3px;">
+        <div style="width:140px">个人自付：{{list.order.psn_part_amt}}</div>
+        <div style="width:140px">个账支付：{{list.order.acct_pay}}</div>
+        <div style="width:140px">个账余额：{{list.order.balc}}</div>
+      </div>
+    </div>
+    <div style="position: absolute;top:290px;left:110;width:573px;font-Size:12px">
+      <div style="display:flex;margin: 3px 0px;">
+        <div style="width:140px">现金支付：{{list.order.psn_cash_pay}}</div>
+        <div style="width:140px">预存扣减：</div>
+        <div style="width:140px">预存余额：</div>
+      </div>
+      <div style="display:flex;justify-content: space-between; margin: 3px 0px;">
+        <div style="width:140px">收款单位（盖章）</div>
+        <div style="width:140px">收款人：{{list.admin_user_name}}</div>
+      </div>
+    </div>
+
+  </div>
+</template>
+<script>
+import { getInvoice } from '@/api/project/project'
+import { uParseTime } from '@/utils/tools'
+export default {
+  props:{
+    paramsObj:Object
+  },
+  data(){
+    return{
+      gender:'',
+      list:{},
+      printDate:'',
+      zhongwen:'',
+      totalPrice:0.0,
+      org_id:'',
+      org_name:''
+    }
+  },
+  created(){
+    console.log('paramsObj',this.paramsObj)
+    let params = {
+      order_id: this.paramsObj.order_id,
+      patient_id: this.paramsObj.patient_id,
+      number: this.paramsObj.number,
+    }
+    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.list.zhenChaCostTotal
+        if(this.totalPrice == 0){
+
+          this.totalPrice = this.list.medfee_sumamt
+        }
+        console.log( "this.totalPrice")
+
+        this.smalltoBIG(this.totalPrice.toFixed(2))
+        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.gender = this.list.gender
+      })
+    },
+    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);  //遍历转化为大写的数字
+      }
+
+      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 ''
+    },
+  },
+  watch:{
+    paramsObj:{//深度监听，可监听到对象、数组的变化
+      handler(val, oldVal){
+        let params = {
+          order_id: val.order_id,
+          patient_id: val.patient_id,
+          number: val.number,
+        }
+        this.getInvoice(params)
+
+      },
+      deep:true
+    }
+  }
+}
+</script>

src/xt_pages/outpatientCharges/outpatientChargesManagement.vue

@@ -1113,8 +1113,6 @@ export default {
         { value: '1402', label: '门诊特殊病(1402)' },
         { value: '1401', label: '门诊慢性病(1401)' },
         { value: '2302', label: '异地就医(2302)' },
-
-
         { value: '0', label: '自费' }
 
       ],
@@ -4866,6 +4864,9 @@ export default {
         case 1401:
           return '门诊慢性病(1401)' + '处方' + index
           break
+        case 2302:
+          return '异地就医(2302)' + '处方' + index
+          break
         case 9922:
           return '家庭通道' + '处方' + index
           break

src/xt_pages/outpatientCharges/statementPrint.vue

@@ -23,7 +23,6 @@
           org_id == 10138 ||
           org_id == 9504 ||
           org_id == 10028 ||
-          org_id == 0 ||
           org_id == 10278
         "
       >
@@ -64,7 +63,7 @@
             org_id != 9504 &&
             org_id != 10028 &&
             org_id != 0 &&
-            org_id != 10278 && org_id != 10387 && org_id != 0 && org_id != 10191 &&org_id != 10210 && this.paramsObj.balance_accounts_type == 1"></printOne>
+            org_id != 10278 && org_id != 10387 && org_id != 10191 &&org_id != 10210 && this.paramsObj.balance_accounts_type == 1"></printOne>
 
       <privateChargePrint  :info="info" v-if="org_id != 9990 &&
             org_id != 10138 &&
@@ -406,7 +405,6 @@
             };
             if (
               this.org_id == 10138 ||
-              this.$store.getters.xt_user.org_id == 0 ||
               this.org_id == 10278
             ) {
               getPrivateExpenses(params).then((response) => {
@@ -485,7 +483,8 @@
                   console.log("this.num", this.num);
                 }
               });
-            } else if (this.org_id == 10028) {
+            } else
+              if (this.org_id == 10028) {
               getPrivateExpenses(params).then((response) => {
                 if (response.data.state == 0) {
                   // this.$message.error(response.data.msg)
@@ -529,7 +528,8 @@
                   console.log(111, this.balanceAccounts);
                 }
               });
-            } else if (this.org_id == 10215 ) {
+            } else
+            {
               getPrivateExpensesOrder(params).then((response) => {
                 if (response.data.state == 0) {
                   // this.$message.error(response.data.msg)
@@ -614,9 +614,10 @@
                   that.info["treat_cost_part_self_total"] =
                     response.data.data.treatCostPartSelfTotal;
                   that.info["date"] = response.data.data.date;
-                  // that.info["number"] = response.data.data.number;
+                  that.info["number"] = response.data.data.number;
                   that.info["order_infos"] = response.data.data.order_infos;
                   that.info["diagnosis"] = response.data.data.diagnosis;
+                  that.info["his"] = response.data.data.his;
 
                   let obj = {
                     type: 1,
@@ -685,162 +686,6 @@
                 }
               });
             }
-            // else if (this.org_id == 0) {
-            //
-            //   getPrivateExpensesOrder(params).then((response) => {
-            //     if (response.data.state == 0) {
-            //       // this.$message.error(response.data.msg)
-            //
-            //       return false;
-            //     } else {
-            //       var that = this;
-            //       that.info = response.data.data.info;
-            //       that.p_admin = response.data.data.printor_admin;
-            //       that.charge_admin = response.data.data.charge_admin;
-            //
-            //       that.info["p_admin"] = that.p_admin;
-            //       that.info["charge_admin"] = that.charge_admin;
-            //       that.info["order_number"] = response.data.data.order_number;
-            //       that.info["patient"] = response.data.data.patient;
-            //       that.info["date"] = response.data.data.date;
-            //       that.info["number"] = response.data.data.number;
-            //       that.info["order_infos"] = response.data.data.order_infos;
-            //       that.info["diagnosis"] = response.data.data.diagnosis;
-            //       that.info["fixmedins_name"] = response.data.data.org_name;
-            //       that.info["fixmedins_code"] = response.data.data.org_code;
-            //       // that.info["doctor_code"] = response.data.data.doctor_code;
-            //       // that.info["department"] = response.data.data.department;
-            //       // that.info["health_card_no"] = response.data.data.health_card_no;
-            //
-            //       that.info["bed_cost_total"] = response.data.data.bedCostTotal;
-            //       that.info["bed_cost_self_total"] =
-            //           response.data.data.bedCostSelfTotal;
-            //       that.info["bed_cost_part_self_total"] =
-            //           response.data.data.bedCostPartSelfTotal;
-            //
-            //       that.info["operation_cost_total"] =
-            //           response.data.data.operationCostTotal;
-            //       that.info["operation_cost_self_total"] =
-            //           response.data.data.operationCostSelfTotal;
-            //       that.info["operation_cost_part_self_total"] =
-            //           response.data.data.operationCostPartSelfTotal;
-            //
-            //       that.info["other_cost_total"] = response.data.data.otherCostTotal;
-            //       that.info["other_cost_self_total"] =
-            //           response.data.data.otherCostSelfTotal;
-            //       that.info["other_cost_part_self_total"] =
-            //           response.data.data.otherCostPartSelfTotal;
-            //
-            //       that.info["material_cost_total"] =
-            //           response.data.data.materialCostTotal;
-            //       that.info["material_cost_self_total"] =
-            //           response.data.data.materialCostSelfTotal;
-            //       that.info["material_cost_part_self_total"] =
-            //           response.data.data.materialCostPartSelfTotal;
-            //
-            //       that.info["western_medicine_cost_total"] =
-            //           response.data.data.westernMedicineCostTotal;
-            //       that.info["western_medicine_cost_self_total"] =
-            //           response.data.data.westernMedicineCostSelfTotal;
-            //       that.info["western_medicine_cost_part_self_total"] =
-            //           response.data.data.westernMedicineCostPartSelfTotal;
-            //
-            //       that.info["chinese_traditional_medicine_cost_total"] =
-            //           response.data.data.chineseTraditionalMedicineCostTotal;
-            //       that.info["chinese_traditional_medicine_cost_self_total"] =
-            //           response.data.data.chineseTraditionalMedicineCostSelfTotal;
-            //       that.info["chinese_traditional_medicine_cost_part_self_total"] =
-            //           response.data.data.chineseTraditionalMedicineCostPartSelfTotal;
-            //
-            //       that.info["check_cost_total"] = response.data.data.checkCostTotal;
-            //       that.info["check_cost_self_total"] =
-            //           response.data.data.checkCostSelfTotal;
-            //       that.info["check_cost_part_self_total"] =
-            //           response.data.data.checkCostPartSelfTotal;
-            //
-            //       that.info["laboratory_cost_total"] =
-            //           response.data.data.laboratoryCostTotal;
-            //       that.info["laboratory_cost_self_total"] =
-            //           response.data.data.laboratoryCostSelfTotal;
-            //       that.info["laboratory_cost_part_self_total"] =
-            //           response.data.data.laboratoryCostPartSelfTotal;
-            //
-            //       that.info["treat_cost_total"] = response.data.data.treatCostTotal;
-            //       that.info["treat_cost_self_total"] =
-            //           response.data.data.treatCostSelfTotal;
-            //       that.info["treat_cost_part_self_total"] =
-            //           response.data.data.treatCostPartSelfTotal;
-            //       that.info["date"] = response.data.data.date;
-            //       // that.info["number"] = response.data.data.number;
-            //       that.info["order_infos"] = response.data.data.order_infos;
-            //       that.info["diagnosis"] = response.data.data.diagnosis;
-            //
-            //
-            //       let list = []
-            //       for (let i = 0; i < response.data.data.order_infos.length; i++) {
-            //         let order = response.data.data.order_infos[i]
-            //         let obj = {
-            //           code:"",
-            //           name: "",
-            //           spec: "",
-            //           cnt: "",
-            //           det_item_fee_sumamt: "",
-            //         }
-            //
-            //         if (order.advice_id > 0 && order.project_id == 0) {
-            //           obj.name = order.advice.advice_name
-            //           let spec = order.advice.drug.dose + order.advice.drug.dose_unit + '*' + order.advice.drug.min_number + order.advice.drug.min_unit + '/' + order.advice.drug.max_unit
-            //           obj.spec = spec
-            //           obj.cnt = order.cnt
-            //           obj.det_item_fee_sumamt =order.det_item_fee_sumamt
-            //           obj.code = order.advice.drug.medical_insurance_number
-            //           list.push(obj)
-            //         }else if (order.advice_id == 0 && order.project_id > 0) {
-            //           if(order.project.type == 2){
-            //             obj.name = order.project.project.project_name
-            //             obj.spec = ""
-            //             obj.cnt = order.cnt
-            //             obj.det_item_fee_sumamt =order.det_item_fee_sumamt
-            //             obj.code = order.project.project.medical_code
-            //           }else{
-            //             obj.name = order.project.good_info.good_name
-            //             obj.spec = order.project.good_info.specification_name
-            //             obj.cnt = order.cnt
-            //             obj.det_item_fee_sumamt =order.det_item_fee_sumamt
-            //             obj.code = order.project.good_info.medical_insurance_number
-            //           }
-            //           list.push(obj)
-            //         }
-            //
-            //       }
-            //       console.log(list)
-            //       let len = list.length / 2
-            //       let L_list = []
-            //       let R_list = []
-            //       len = Math.trunc(len)
-            //       for(let i = 0; i < len; i++){
-            //         L_list.push(list[i])
-            //       }
-            //       console.log(len)
-            //       for(let i = len; i < list.length; i++){
-            //         console.log(list[i])
-            //         R_list.push(list[i])
-            //       }
-            //       console.log(L_list)
-            //       console.log(R_list)
-            //
-            //       that.info["L_list"] = L_list
-            //       that.info["R_list"] = R_list
-            //
-            //
-            //
-            //
-            //
-            //
-            //     }
-            //   });
-            // }
-
           } else {
             console.log(this.org_id)
             if (this.org_id == 0) {

src/xt_pages/outpatientCharges/statementTemplate/printThree.vue

@@ -123,7 +123,7 @@
                         <td colspan="7">
                             <div style="display:flex;flez-wrap:wrap;margin-bottom:10px;font-size:16px;">
                                 <div style="width:33%;">医疗费总额：{{info.medfee_sumamt?info.medfee_sumamt:info.new_order.medfee_sumamt}}元</div>
-                                <div style="width:33%;">基金支付金额：{{ (info.new_order.hifp_pay + info.new_order.maf_pay + info.new_order.hifmi_pay).toFixed(2)}}元</div>
+                                <div style="width:33%;">基金支付金额：{{ (info.new_order.hifp_pay + info.new_order.maf_pay + info.new_order.hifmi_pay + info.new_order.hifob_pay).toFixed(2)}}元</div>
                                 <div style="width:33%;">个人账户支付金额：{{info.acct_pay?info.acct_pay:info.new_order.acct_pay}}元</div>
 
                             </div>

src/xt_pages/outpatientCharges/statementTemplate/privateChargePrint.vue

@@ -47,12 +47,19 @@
         <td width="100"></td>
         <td>床号</td>
         <td></td>
+<!--        <td>入院日期</td>-->
+<!--        <td>{{info.his.in_hosptial_time ? info.his.in_hosptial_time.split(' ')[0] : ''}}</td>-->
+<!--        <td>出院日期</td>-->
+<!--        <td width="100">{{info.his.out_hosptial_time ? info.his.out_hosptial_time.split(' ')[0] : ''}}</td>-->
+<!--        <td>住院天数</td>-->
+<!--        <td>{{getDay(info.his.in_hosptial_time.split(' ')[0] ,info.his.out_hosptial_time.split(' ')[0])}}</td>-->
+
         <td>入院日期</td>
-        <td>{{info.his.in_hosptial_time ? info.his.in_hosptial_time.split(' ')[0] : ''}}</td>
+        <td></td>
         <td>出院日期</td>
-        <td width="100">{{info.his.out_hosptial_time ? info.his.out_hosptial_time.split(' ')[0] : ''}}</td>
+        <td width="100"></td>
         <td>住院天数</td>
-        <td>{{getDay(info.his.in_hosptial_time.split(' ')[0] ,info.his.out_hosptial_time.split(' ')[0])}}</td>
+        <td></td>
 
       </tr>
       <tr>

src/xt_pages/outpatientCharges/summary.vue

@@ -127,7 +127,7 @@
 <!--           <el-button size="small" type="primary" @click="export_detail_three">报表下载12</el-button>-->
           <!-- <el-button size="small" type="primary" @click="export_detail_four">报表下载3</el-button>-->
           <!-- <el-button size="small" type="primary" @click="export_detail_five">报表下载3</el-button>-->
-          <!-- <el-button size="small" type="primary" @click="export_detail_six">报表下载9</el-button>-->
+<!--           <el-button size="small" type="primary" @click="export_detail_six">报表下载9</el-button>-->
           <!-- <el-button size="small" type="primary" @click="export_detail_tenone">报表下载10</el-button>-->
           <!--  <el-button size="small" type="primary" @click="export_detail_seven">报表下载4</el-button>-->
 
@@ -1672,7 +1672,7 @@ export default {
           var tarList = []
           for (let i = 0; i < list.length; i++) {
             let obj = {
-              "周期": "2023年第一季度",
+              "周期": "2023年第二季度",
               "类别": "门诊",
               "医保目录编码": list[i].code,
               "医保目录名称": list[i].name,

src/xt_pages/outpatientDoctorStation/batch_print_checkTemplate/printOne.vue

@@ -6,7 +6,7 @@
         style="box-shadow: 0 1 px 4 px rgba(0, 0, 0, 0.27),
          0 0 40 px rgba(0, 0, 0, 0.06) inset  "
     >
-       
+
       <div
           id="prescription-print"
           class="prescription-print"
@@ -90,8 +90,9 @@
                   :key="item.id"
                   style="margin-bottom: 10px"
               >
-                {{ item.team.project_team }}
+                {{ item.team.id > 0 ? item.team.project_team:item.project.project_name }}
               </div>
+
             </div>
           </div>
           <div
@@ -110,14 +111,32 @@
                 getTime(i.info.ctime) ? getTime(i.info.ctime).split(' ')[0] : ''
               }}
             </div>
-            <div>医生签字：{{ i.info.doctor ? i.info.doctor : '' }}</div>
+            <div>医生签字:
+              <img
+                v-if="setAdminUserES(i.info.creator)"
+                style="height: 30px"
+                :src="setAdminUserES(i.info.creator)"
+                alt=""
+                srcset=""
+              />
+              <span
+                style="width: 100px; display: inline-block"
+                v-else-if="i.info.doctor != ''"
+              >
+              {{ i.info.doctor ? i.info.doctor : "" }}
+            </span>
+              <span v-else>
+
+            </span>
+
+            </div>
           </div>
         </div>
-        
+
         <img style="width:100%;" v-if="org_id == 10138 || org_id == 0" src="https://kuyi.shengws.com/bailin/blend.jpg" alt="">
         <img style="width:100%;" v-if="org_id == 10278" src="https://kuyi.shengws.com/bailinbeier.png" alt="">
       </div>
-       
+
     </div>
   </div>
 </template>
@@ -151,11 +170,27 @@ export default {
       doctor: '',
       org_id: '',
       singleProjectPrint: [],
-      total_copy: []
+      total_copy: [],
+      operatorMaps: {},
+
     }
   },
 
   methods: {
+    // 电子签名
+    setAdminUserES(id) {
+      // console.log(id, "id");
+      if (id == 0) {
+        return "";
+      }
+      if (id in this.operatorMaps) {
+        // console.log(this.operatorMaps, "this.operatorMaps");
+        return this.operatorMaps[id].url;
+      } else {
+        // console.log("po");
+        return "";
+      }
+    },
     getAllDoctorList() {
       getAllDoctorList().then((response) => {
         if (response.data.state == 1) {
@@ -177,8 +212,10 @@ export default {
       var res = []
       for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
         for (var j = 0, resLen = res.length; j < resLen; j++) {
-          if (array[i].team_id === res[j].team_id) {
-            break
+          if(array[i].team_id != 0) {
+            if (array[i].team_id === res[j].team_id) {
+              break
+            }
           }
         }
         if (j === resLen) {
@@ -214,8 +251,43 @@ export default {
         // }
       })
       let data = []
+      projectPrint =  this.unique_two(projectPrint)
       console.log(projectPrint)
+      projectPrint.map((item) => {
+        // console.log(item, "999");
+        if (item.team.id == 0) {
+          console.log("~~~~~~")
+          data.push(item)
+        } else {
+          let status = data.some((it) => it.team.id == item.team.id)
+          if (!status) {
+            data.push(item)
+          }
+        }
+      })
+      if (isUpdate) {
+        this.projectPrint = data
+      }
+      console.log(data)
+      return data
+    },
+    getTeamTwo(prescriptions, isUpdate = true) {
+      let projectPrint = []
+      prescriptions.forEach((item) => {
+        // ！此为修改前的处理方法，因考虑到可能有逻辑错误的存在故注释，若后续需求以这个为准可放开此条！
+        if (item.project.length > 0) {
+          item.project.map((it) => {
+            if (it.type == 2) {
+              if (it.project.cost_classify == 3) {
+                projectPrint.push(it)
+              }
+            }
+          })
+        }
+      })
+      let data = []
       projectPrint =  this.unique_two(projectPrint)
+      console.log(projectPrint)
       projectPrint.map((item) => {
         // console.log(item, "999");
         if (item.team.id == 0) {
@@ -233,6 +305,7 @@ export default {
       return data
     },
 
+
     // 计算金额(单独从上面的方法割开来，防止进入死循环)
     getSingleTeam(prescriptions) {
       let projectPrint = []
@@ -464,12 +537,57 @@ export default {
           return '二档医疗退休'
           break
       }
-    }
+    }, getPrescriptionPrint() {
+      var params = {
+        patient_id: this.patient_id,
+        record_date: this.record_date,
+        prescription_id: this.prescription_id,
+        his_patient_id: this.his_patient_id,
+        ids: this.ids,
+        p_type: 2,
+      };
+      console.log("params", params);
+      getPrescriptionPrint(params).then((response) => {
+        if (response.data.state == 1) {
+          var advicePrint = response.data.data.advicePrint;
+          console.log("adviceprint9999", advicePrint);
+          this.advicePrint = advicePrint;
+
+          this.doctorList_1 = response.data.data.eles;
+          console.log(this.doctorList_1, "百霖医生列表");
+          if (this.doctorList_1.length > 0) {
+            var operatorsLen = this.doctorList_1.length;
+            for (var index = 0; index < operatorsLen; index++) {
+              this.$set(
+                this.operatorMaps,
+                this.doctorList_1[index].creator,
+                this.doctorList_1[index]
+              );
+            }
+          }
+
+          this.getPage();
+          this.prescriptions = advicePrint;
+          console.log("处方222222", this.prescriptions);
+          var hisPatient = response.data.data.hisPatient;
+          console.log("hisPatient", hisPatient);
+          this.hisPatient = hisPatient;
+          var projectlist = response.data.data.projectlist;
+          console.log("所有项目列表", projectlist);
+          this.projectList = projectlist;
+
+          let outputlist1Name = response.data.data.his.patient_info
+            ? JSON.parse(response.data.data.his.patient_info)
+            : {};
+          this.faber = outputlist1Name;
+        }
+      });
+    },
   },
   created() {
     // this.getAllDoctorList()
     this.getInitData()
-    // this.getPrescriptionPrint()
+    this.getPrescriptionPrint()
     // this.getHisPatientDetail()
     // this.getPatientCaseHistory()
     var xtuser = this.$store.getters.xt_user

src/xt_pages/outpatientDoctorStation/batch_print_checkTemplate/printTwo.vue

@@ -0,0 +1,696 @@
+<template>
+  <div>
+    <div id="prescriptionPrint1">
+      <div v-for="(i, index) in printData" :key="index">
+        <div v-for="(item, index) in i.prescriptions" :key="index">
+          <div id="prescription-print3" class="prescription-print">
+            <img
+              style="width: 100%; height: 80px"
+              v-if="org_id == 10138"
+              src="https://kuyi.shengws.com/bailin/bltotle.jpg"
+              alt=""
+            />
+            <img
+              style="width: 100%; height: 80px"
+              v-if="org_id == 10278 || org_id == 0"
+              src="https://kuyi.shengws.com/beierlog.png"
+              alt=""
+            />
+            <div class="printTitle">检验申请单</div>
+            <div style="border: 1px solid #000;margin-bottom: 10px;">
+              <div
+                style="
+            display: flex;
+            justify-content: space-between;
+            border-bottom: 1px solid #000;
+            line-height: 40px;
+            padding: 0 10px;
+          "
+              >
+                <div>是否急诊：否</div>
+                <div>
+                  结算方式：{{ '医保' }}
+                </div>
+                <div>金额：{{ item.total }}</div>
+              </div>
+              <div
+                style="
+            display: flex;
+            justify-content: space-between;
+            border-bottom: 1px solid #000;
+            line-height: 40px;
+            padding: 0 10px;
+          "
+              >
+                <div>
+                  姓名：{{
+                    i.name
+                      ? i.name.indexOf('（') > -1
+                        ? i.name.substring(
+                          0,
+                          i.name.indexOf('（')
+                        )
+                        : i.name
+                      : ''
+                  }}
+                </div>
+                <div>
+                  性别：
+                  <span v-if="i.gender == 1">男</span>
+                  <span v-if="i.gender == 2">女</span>
+                </div>
+                <!--          <div>-->
+                <!--            年龄：{{-->
+                <!--              advicePrint[0].patient.age ? advicePrint[0].patient.age : ""-->
+                <!--            }}岁-->
+                <!--          </div>-->
+                <div> 年龄：{{
+                    getNewAge(i.birthday)
+                      ? getNewAge(i.birthday)
+                      : ''
+                  }}岁
+                </div>
+
+              </div>
+              <div style="margin-bottom: 20px; padding: 10px 10px 0" v-if="org_id!=10278 && org_id!=10138 && org_id!=0">
+                病史摘要：{{
+                  i.history.history_of_present_illness
+                    ? i.history.history_of_present_illness
+                    : ''
+                }}
+              </div>
+              <!-- <div style="margin-bottom:20px;padding:0 10px;">体格检查：
+                          <span>体温：{{ history.temperature ? history.temperature + '℃' : '/' }}</span>
+                          <span>脉搏：{{ history.pulse ? history.pulse + '次/分' : '/' }}</span>
+                          <span>呼吸：{{ history.breathing ? history.breathing + '次/分' : '/' }}</span>
+                          <span>血压：{{ history.sbp }}/{{ history.dbp }}mmHg</span>
+                      </div> -->
+              <div style="margin-bottom: 20px; padding: 0 10px">
+                临床诊断：{{ getDiagnosis(i.info.diagnosis) }}
+              </div>
+              <div style="display: flex; margin-bottom: 20px; padding: 0 10px">
+                <div>检验项目：</div>
+                <div>
+                  <div v-for="subitem in item.projectPrint" style="margin-bottom: 10px">
+                    {{ subitem.team.project_team }}
+                  </div>
+                  <div v-for="subitem in item.singleProjectPrint" style="margin-bottom: 10px">
+                    {{ subitem.project.project_name }}
+                  </div>
+                </div>
+              </div>
+              <div
+                style="
+            display: flex;
+            justify-content: space-between;
+            border-top: 1px solid #000;
+            line-height: 40px;
+            padding: 0 10px;
+          "
+              >
+                <div>开单医生：{{ doctor ? doctor : '' }}</div>
+                <div>
+                  开单日期：
+                  {{ getTime(pre_time) ? getTime(pre_time).split(' ')[0] : '' }}
+                </div>
+                <div>
+                  医生签字：
+
+                  <span
+                    style="width: 100px; display: inline-block"
+                    v-if="i.info.creator == 0"
+                  >
+               {{ i.info.doctor ? i.info.doctor : '' }}
+              </span>
+                  <img
+                    style="height: 30px"
+                    :src="setAdminUserES(i.info.creator)"
+                    alt=""
+                    srcset=""
+                    v-else
+                  />
+                </div>
+              </div>
+            </div>
+            <img
+              style="width: 100%"
+              v-if="org_id == 10138 "
+              src="https://kuyi.shengws.com/bailin/blend.jpg"
+              alt=""
+            />
+            <img
+              style="width: 100%"
+              v-if="org_id == 10278 || org_id == 0"
+              src="https://kuyi.shengws.com/bailinbeier.png"
+              alt=""
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { uParseTime } from '@/utils/tools'
+import {
+  getAllDoctorList,
+  getHisPatientDetail,
+  getPatientCaseHistory,
+  getPrescriptionPrint
+} from '@/api/project/project'
+import { getInitData } from '@/api/his/his'
+
+export default {
+  props: {
+    patient_id: Number,
+    record_date: String,
+    prescription_id: Number,
+    ids: String,
+    printData: Array
+
+  },
+  data() {
+    return {
+      doctorList_1: [],
+      doctorList: [],
+      advicePrint: {},
+      patient: {},
+      tableData: [],
+      prescriptionInfo: [],
+      hisPatient: {},
+      department: [],
+      prescriptions: [],
+      projectList: [],
+      doc_name: '',
+      orgname: '',
+      diagnoses: [],
+      pageArr: [],
+      faber: {},
+      total: 0,
+      projectPrint: [],
+      time: '',
+      doctor: '',
+      org_id: '',
+      singleProjectPrint: [],
+      operatorMaps: {}
+    }
+  },
+  methods: {
+    getAge(patient) {
+      // 将时间戳转换为 Date 对象
+      const birthday = new Date(patient.birthday * 1000)
+
+      // 获取当前日期
+      const now = new Date()
+      // 计算年龄差
+      const ageDiffMs = now - birthday
+      const ageDate = new Date(ageDiffMs) // 不需要减掉 1970 年的时间戳
+      // 提取年份
+      const age = ageDate.getUTCFullYear() - 1970
+      return age
+    }, getNewAge(birthday) {
+      // var myDate = new Date(birthday * 1000)
+      // var month = myDate.getMonth() + 1
+      // var day = myDate.getDate()
+      // var age = new Date().getFullYear() - myDate.getFullYear()
+      // if (month < new Date().getMonth() + 1 || new Date().getMonth() + 1 == month && day <= new Date().getDate()) {
+      //   age++
+      // }
+      // return age
+      var nowTime = new Date().getTime()
+      return Math.ceil((nowTime - birthday * 1000) / 31536000000)
+    },
+    getPatientCaseHistory() {
+      const params = {
+        patient_id: this.patient_id
+      }
+      getPatientCaseHistory(params).then((response) => {
+        if (response.data.state == 1) {
+          var history = response.data.data.history
+          // console.log("中国history222222", history);
+          this.history = history
+        }
+      })
+    },
+    getAllDoctorList() {
+      getAllDoctorList().then((response) => {
+        if (response.data.state == 1) {
+          var doctor = response.data.data.doctor
+
+          this.doctorList = doctor
+        }
+      })
+    },
+
+    getDoctor(id) {
+      var name = ''
+      for (let i = 0; i < this.doctorList.length; i++) {
+        if (id == this.doctorList[i].admin_user_id) {
+          name = this.doctorList[i].user_name
+        }
+      }
+      return name
+    },
+    getTime(value, temp) {
+      if (value != undefined) {
+        return uParseTime(value, temp)
+      }
+      return ''
+    },
+
+    getPrescriptionPrint() {
+      var params = {
+        // patient_id:this.patient_id,
+        // record_date:this.record_date,
+        // prescription_id:this.prescription_id,
+        patient_id: this.patient_id,
+        record_date: this.record_date,
+        prescription_id: this.prescription_id,
+        ids: this.ids,
+        p_type: 2
+      }
+      // console.log("params", params);
+      getPrescriptionPrint(params).then((response) => {
+        if (response.data.state == 1) {
+          var advicePrint = response.data.data.advicePrint
+          // console.log("adviceprint9999", advicePrint);
+          this.advicePrint = advicePrint
+          this.prescriptions = advicePrint
+          // 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) => {
+            // 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)
+                    total += it.project.price * parseInt(it.count)
+                  }
+                }
+              })
+            }
+          })
+          this.doctorList_1 = response.data.data.eles
+          // console.log(this.doctorList_1, "医生列表");
+          if (this.doctorList_1.length > 0) {
+            var operatorsLen = this.doctorList_1.length
+            for (var index = 0; index < operatorsLen; index++) {
+              this.$set(
+                this.operatorMaps,
+                this.doctorList_1[index].creator,
+                this.doctorList_1[index]
+              )
+            }
+          }
+          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)
+          this.total = total.toFixed(2)
+          this.pre_time = this.advicePrint[0].pre_time
+          this.doctor = this.advicePrint[0].doctor
+
+          this.singleProjectPrint = data2
+
+          var projectlist = response.data.data.projectlist
+
+          var projectlist = response.data.data.projectlist
+          // console.log("所有项目列表", projectlist);
+          this.projectList = projectlist
+          this.getPage()
+          let outputlist1Name = response.data.data.his.patient_info
+            ? JSON.parse(response.data.data.his.patient_info)
+            : {}
+          this.faber = outputlist1Name
+        }
+      })
+    },
+    // 电子签名
+    setAdminUserES(id) {
+      // console.log(id, "id");
+      if (id == 0) {
+        return ''
+      }
+      if (id in this.operatorMaps) {
+        // console.log(this.operatorMaps, "this.operatorMaps");
+        return this.operatorMaps[id].url
+      } else {
+        // console.log("po");
+        return ''
+      }
+    },
+    getHisPatientDetail() {
+      const params = {
+        patient_id: this.patient_id
+      }
+      getHisPatientDetail(params).then((response) => {
+        if (response.data.state == 1) {
+          var hisPatient = response.data.data.hisPatient
+          // console.log("挂号病人", hisPatient);
+          this.hisPatient = hisPatient
+        }
+      })
+    },
+    getInitData() {
+      getInitData().then((response) => {
+        if (response.data.state == 1) {
+          this.department = response.data.data.department
+          this.diagnoses = response.data.data.diagnose.sort(this.compare('id'))
+          // console.log("争端", this.diagnoses);
+        }
+      })
+    },
+    getDepart(id) {
+      var name = ''
+      for (let i = 0; i < this.department.length; i++) {
+        if (id == this.department[i].id) {
+          name = this.department[i].name
+        }
+      }
+      return name
+    },
+    getTotalOne(id) {
+      var total = 0
+      var addtotal = 0
+      for (let i = 0; i < this.prescriptions.length; i++) {
+        if (id == this.prescriptions[i].id) {
+          if (this.prescriptions[i].project != null) {
+            for (let a = 0; a < this.prescriptions[i].project.length; a++) {
+              total =
+                total +
+                this.prescriptions[i].project[a].price *
+                this.prescriptions[i].project[a].count
+            }
+          }
+
+          if (this.prescriptions[i].additionalcharge != null) {
+            for (
+              let a = 0;
+              a < this.prescriptions[i].additionalcharge.length;
+              a++
+            ) {
+              addtotal =
+                addtotal +
+                this.prescriptions[i].additionalcharge[a].price *
+                this.prescriptions[i].additionalcharge[a].count
+            }
+          }
+          addtotal = Math.floor(addtotal * 100) / 100
+        }
+      }
+
+      for (let i = 0; i < this.prescriptions.length; i++) {
+        if (id == this.prescriptions[i].id) {
+          if (this.prescriptions[i].advices != null) {
+            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+              total =
+                total +
+                this.prescriptions[i].advices[a].price *
+                this.prescriptions[i].advices[a].prescribing_number
+            }
+          }
+
+          if (this.prescriptions[i].additionalcharge != null) {
+            for (
+              let a = 0;
+              a < this.prescriptions[i].additionalcharge.length;
+              a++
+            ) {
+              addtotal =
+                addtotal +
+                this.prescriptions[i].additionalcharge[a].price *
+                this.prescriptions[i].additionalcharge[a].count
+            }
+          }
+          addtotal = Math.floor(addtotal * 100) / 100
+        }
+      }
+
+      return total + addtotal
+    },
+
+    getProjectName(id) {
+      var project_name = ''
+      for (let i = 0; i < this.projectList.length; i++) {
+        if (id == this.projectList[i].id) {
+          project_name = this.projectList[i].project_name
+        }
+      }
+      return project_name
+    },
+
+    getDiagnosis(ids) {
+      let newIds = ids.split(',').sort(function(a, b) {
+        return a - b
+      })
+
+      var name = ''
+      let nameArr = []
+      for (let i = 0; i < this.diagnoses.length; i++) {
+        // if(id == this.diagnoses[i].id){
+        //    name = this.diagnoses[i].class_name
+        // }
+
+        if (newIds.indexOf(this.diagnoses[i].id.toString()) > -1) {
+          // name += diagnoses[i].class_name + ' '
+          nameArr.push(this.diagnoses[i].class_name)
+        }
+      }
+      let newNameArr = []
+      nameArr.map((item, index) => {
+        if (item == '尿毒症') {
+          newNameArr.push(item)
+          nameArr.splice(index, 1, '')
+        }
+      })
+      newNameArr.push(...nameArr)
+      return newNameArr.join(' ')
+    },
+    compare(property) {
+      return function(a, b) {
+        var value1 = a[property]
+        var value2 = b[property]
+        return value1 - value2 //升序排序
+      }
+    },
+    getPage() {
+      this.page = 1
+      this.pageArr = []
+
+      this.advicePrint.map((item) => {
+        let arr = []
+        item.pageArr = []
+        if (item.advices.length <= 5) {
+          this.page = 1
+          arr.push(item.advices.length)
+          item.pageArr.push(arr)
+        } else if (item.advices.length > 5) {
+          this.page = parseInt(item.advices.length / 5)
+          let num = item.advices.length % 5
+          for (var i = 0; i < this.page; i++) {
+            item.pageArr.push([5])
+          }
+          if (num != 0) {
+            item.pageArr.push([num])
+          }
+        }
+      })
+      // console.log('this.pageArr',this.pageArr)
+    },
+    getName(list) {
+      console.log('list', list)
+      let new_list = []
+      for (let i = 0; i < list.length; i++) {
+        if (list[i].aac031 == '1') {
+          new_list.push(list[i])
+        }
+      }
+
+      switch (new_list[0].bcc334) {
+        case 'A31001':
+          return '深圳医保1档'
+          break
+        case 'A31002':
+          return '深圳医保2档'
+
+          break
+        case 'A31003':
+          return '深圳医保3档'
+
+          break
+        case 'A31004':
+          return '二档（少儿）'
+
+          break
+        case 'A31005':
+          return '学生二档'
+
+          break
+        case 'A31006':
+          return '大学生二档'
+
+          break
+        case 'A32001':
+          return '在职公务员'
+          break
+        case 'A32002':
+          return '在职驻深公务员'
+
+          break
+        case 'A39301':
+          return '家属统筹医疗'
+
+          break
+        case 'A41001':
+          return '工伤在职'
+
+          break
+        case 'A51001':
+          return '生育在职'
+
+          break
+        case 'A52001':
+          return '生育医疗一档'
+
+          break
+        case 'A52002':
+          return '生育医疗一档'
+
+          break
+        case 'C31001':
+          return '一档医疗退休'
+
+          break
+        case 'C31002':
+          return '二档医疗退休'
+          break
+      }
+    }
+  },
+  created() {
+    this.getAllDoctorList()
+    this.getInitData()
+    this.getPrescriptionPrint()
+    this.getHisPatientDetail()
+    this.getPatientCaseHistory()
+    var xtuser = this.$store.getters.xt_user
+    this.orgname = xtuser.org.org_name
+    this.org_id = this.$store.getters.xt_user.org_id
+  },
+  watch: {
+    ids: function(val) {
+      this.ids = val
+      this.getPrescriptionPrint()
+    }
+  }
+}
+</script>
+
+
+<style lang="scss" scoped>
+.prescription-print {
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
+  0 0 60px rgba(0, 0, 0, 0.06) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
+  0 0 40px rgba(0, 0, 0, 0.06) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  margin-bottom: 20px;
+  padding: 20px 10px;
+}
+
+.printTitle {
+  font-size: 22px;
+  text-align: center;
+  font-weight: bold;
+  margin-bottom: 10px;
+}
+
+.infoTitle {
+  display: flex;
+  margin-top: 10px;
+  line-height: 24px;
+}
+
+.infoTitle div {
+  width: 200px;
+}
+
+.infoMain {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 10px;
+}
+
+.infoMain div {
+  width: 50%;
+  line-height: 24px;
+}
+
+.prescriptionBox {
+  padding: 0 10px;
+  min-height: 400px;
+}
+
+.Rp {
+  font-size: 22px;
+  font-weight: bold;
+}
+
+.drugsBox {
+  padding-left: 40px;
+  margin-bottom: 10px;
+}
+
+.drugsBox div {
+  line-height: 20px;
+}
+
+.drugsOne {
+  line-height: 24px;
+}
+
+.drugsOne span {
+  margin-right: 20px;
+}
+
+.doctorBox {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+  line-height: 24px;
+  border-bottom: 2px solid #000;
+}
+
+.actionBar {
+  display: flex;
+  justify-content: space-between;
+  line-height: 24px;
+  padding: 0 10px;
+}
+
+.actionBar p {
+  width: 150px;
+}
+
+.under_line {
+  display: inline-block;
+  border-bottom: 1px solid #000;
+  flex: 1;
+}
+</style>

src/xt_pages/outpatientDoctorStation/pastInquiries.vue

@@ -426,7 +426,6 @@ export default {
         getBatchPrint(params).then((res) => {
           let Arr = res.data.data.patients
 
-
           let new_patients = []
           if (type != 3) {
 
@@ -476,12 +475,11 @@ export default {
             Arr.forEach((el) => {
               el.new_prescriptions.forEach((o) => {
                 o.project.forEach((i) => {
-                  if (i.team.project_team != '') {
                     new_patients.push(el)
-                  }
                 })
               })
             })
+
             let projectPrint = []
             new_patients.forEach((el) => {
               el.new_prescriptions.map((item) => {
@@ -513,7 +511,7 @@ export default {
       }
       this.innerVisible = true
     },
-    // 外层去重方
+    // // 外层去重方
     split_project(Arr) {
       let hash = {}
       let new_Arr = []

src/xt_pages/outpatientDoctorStation/print.vue

@@ -1,26 +1,23 @@
 <template>
   <div>
-    <!-- <template>
-        <el-button
-          style="float:right;"
-          :loading="loading"
-          size="small"
-          icon="el-icon-printer"
-          @click="printThisPage"
-          type="primary"
-          >打印</el-button
-        >
-      </template> -->
-<!-- 机构id列表
-3877 ：测试
-10138、10243：百霖
-0:本地
-9675:测试
- -->
     <div class="dialysisPage" style="padding-top: 40px">
       <div v-if="org_id != 10138 && org_id != 10278 && org_id != 10243">
 
-        <printOne v-if="org_id != 10088 && org_id != 10215" v-bind:childResponse="childResponse" :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" :prescription_id="prescription_id"></printOne>
+        <printOne v-if="org_id != 10088 && org_id != 10215 && org_id != 10375 && org_id !=0" v-bind:childResponse="childResponse" 
+        :advicePrint="advicePrint" :ids="ids" :patient="patient" :hisPatient="hisPatient" 
+        :doctorPorject="doctorPorject" :patient_id="patient_id" :record_date="record_date" 
+        :prescription_id="prescription_id"></printOne>
+        <prinSeven v-if="org_id == 10375 ||org_id ==0" 
+          v-bind:childResponse="childResponse"
+          :advicePrint="advicePrint"
+          :ids="ids"
+          :patient="patient"
+          :hisPatient="hisPatient"
+          :doctorPorject="doctorPorject"
+          :patient_id="patient_id"
+          :record_date="record_date"
+          :prescription_id="prescription_id">
+        </prinSeven>
 
         <printFour
           v-if="org_id == 10088"
@@ -89,6 +86,7 @@ import printThree from "./template/printThree";
 import printFour from "./template/printFour";
 import printFive from "./template/printFive";
 import printSix from "./template/printSix";
+import prinSeven from './template/prinSeven.vue'
 import {
   getAllDoctorList,
   getAllHisPatientList,
@@ -102,10 +100,11 @@ export default {
     printFour,
     printFive,
     printSix,
+    prinSeven
   },
   props: {
     paramsObj: Object,
-    newHisPatient:Object
+    newHisPatient:Object,
   },
   data() {
     return {
@@ -147,7 +146,7 @@ export default {
         }, 500);
       } else {
         const style =
-          "@media print {#prescription-print{font-size:14px;}.prescription-print:last-child {page-break-after: auto;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain div{width: 50%;line-height: 24px;}.prescriptionBox{padding:0 10px;min-height:450px;}.Rp{font-size: 22px;font-weight: bold;}.drugsBox{padding-left: 40px;margin-bottom: 10px;margin-bottom: 10px;}.drugsBox div{line-height: 20px;} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}";
+          "@media print {#prescription-print{font-size:14px;}.prescription-print:last-child {page-break-after: auto;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoTitle{display: flex;border-bottom: 2px solid #000;margin-top:10px;line-height: 1px; padding:0 10px;}.infoTitle p{width: 200px;font-size:14px;}.infoMain{display: flex;flex-wrap: wrap;border-bottom: 2px solid #000;padding:0 10px;}.infoMain div{width: 50%;line-height: 24px;}.prescriptionBox{padding:0 10px;min-height:450px;}.Rp{font-size: 22px;font-weight: bold;}.drugsBox{padding-left: 40px;margin-bottom: 10px;position: relative;}.drugsBox div{line-height: 20px;width:80%} .drugsOne{line-height: 1px;} .drugsOne span{margin-right: 20px;} .doctorBox{display: flex; justify-content: space-between; padding:0 10px; line-height: 1px; border-bottom: 2px solid #000;} .actionBar{display: flex; justify-content: space-between; line-height: 1px; padding:0 10px;} .actionBar p{width:150px;}}";
         printJS({
           printable: "prescriptionPrint",
           type: "html",

src/xt_pages/outpatientDoctorStation/template/prinSeven.vue

@@ -0,0 +1,751 @@
+<template>
+  <div id="prescriptionPrint">
+    <div v-for="(item, index) in advicePrint" :key="index">
+      <div
+        id="prescription-print"
+        class="prescription-print"
+        style="page-break-after: always;"
+      >
+        <div class="printTitle" v-if="prescriptions[index].med_type == '1111'">
+          {{ orgname }}第一类精神处方笺
+        </div>
+        <div class="printTitle" v-if="prescriptions[index].med_type == '1112'">
+          {{ orgname }}第二类精神处方笺
+        </div>
+        <div
+          class="printTitle"
+          v-if="
+            prescriptions[index].med_type != '1111' &&
+            prescriptions[index].med_type != '1112'
+          "
+        >
+          {{ orgname }}处方笺
+        </div>
+        <div >
+          <div class="infoTitle">
+            <p>姓名：{{ item.patient.name ? item.patient.name : "" }}</p>
+            <p>
+              性别：
+              <span v-if="item.patient.gender == 1">男</span>
+              <span v-if="item.patient.gender == 2">女</span>
+            </p>
+            <p>年龄：{{ getAge(item.patient) ? getAge(item.patient) : "" }}岁</p>
+          </div>
+          <div class="infoMain">
+            <div style="margin-bottom: 10px">
+              门诊号：{{ hisPatient.number ? hisPatient.number : "" }}
+            </div>
+            <div style="margin-bottom: 10px">
+              科室：{{ item.info ? getDepart(item.info.departments) : "" }}
+            </div>
+            <div style="margin-bottom: 10px">
+              <!-- 医保卡号：{{ item.hisPatient.number ? item.hisPatient.number : "" }} -->
+              费别：{{getExpenseKindName(item.patient.expense_kind)}}
+            </div>
+            <div style="margin-bottom: 10px" v-if="org_id != 10188">
+              <!-- 电话：{{ item.patient.phone }} -->
+              开方日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
+            </div>
+            <div style="margin-bottom: 10px" v-else>
+              日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
+            </div>
+            <div>地址：{{ item.patient.home_address }}</div>
+            <div style="display: flex; width: 50%">
+              临床诊断：{{ getDiagnosis(item.info.diagnosis) }}
+            </div>
+          </div>
+        </div>
+          <div class="prescriptionBox" >
+            <div class="Rp">Rp:</div>
+            <div
+              class="drugsBox"
+              v-for="(it, index) in advicess" :key="index"
+              :style="{'page-break-after':index==yi&&item.advices.length>5? 'always':'auto'}"
+            >
+            <!-- class="drugsBox"  item.advices.length>=5 ? 'danzhang' : 'drugsBox'  :style="{'page-break-after':index==yi&&item.advices.length>3? 'always':'auto'}"-->
+              <!-- <div class="drugsOne"><span style="font-weight:bold;">{{ index+1 + '.' }}</span>{{it.advice_name?it.advice_name:""}}&nbsp;&nbsp;{{it.single_dose}}{{it.single_dose_unit}}&nbsp;×&nbsp; {{it.prescribing_number}}{{it.prescribing_number_unit}}</div> -->
+              <template v-if="index==yi+1&&item.advices.length>5">
+                <div style="margin: 20px 0px;">
+                  <div class="infoTitle">
+                    <p>姓名：{{ item.patient.name ? item.patient.name : "" }}</p>
+                    <p>
+                      性别：
+                      <span v-if="item.patient.gender == 1">男</span>
+                      <span v-if="item.patient.gender == 2">女</span>
+                    </p>
+                    <p>年龄：{{ getAge(item.patient) ? getAge(item.patient) : "" }}岁</p>
+                  </div>
+                  <div class="infoMain">
+                    <div style="margin-bottom: 10px">
+                      门诊号：{{ hisPatient.number ? hisPatient.number : "" }}
+                    </div>
+                    <div style="margin-bottom: 10px">
+                      科室：{{ item.info ? getDepart(item.info.departments) : "" }}
+                    </div>
+                    <div style="margin-bottom: 10px">
+                      <!-- 医保卡号：{{ item.hisPatient.number ? item.hisPatient.number : "" }} -->
+                      费别：{{getExpenseKindName()}}
+                    </div>
+                    <div style="margin-bottom: 10px" v-if="org_id != 10188">
+                      <!-- 电话：{{ item.patient.phone }} -->
+                      开方日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
+                    </div>
+                    <div style="margin-bottom: 10px" v-else>
+                      日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}
+                    </div>
+                    <div>地址：{{ item.patient.home_address }}</div>
+                    <div style="display: flex; width: 50%">
+                      临床诊断：{{ getDiagnosis(item.info.diagnosis) }}
+                    </div>
+                  </div>
+                </div>
+              </template>
+              <div style="position: relative;">
+                <div class="drugsOne" :style="{'border-right':arr.length>0 && arr[0][0].groupno==it.groupno ? '1px solid black' :'none','width':'80%'}">
+                  <span style="font-weight: bold" >
+                    {{ index + 1 + "." }}
+                  </span>
+                  {{ it.advice_name ? it.advice_name : "" }}&nbsp;&nbsp;
+                  <span v-if="it.drug.min_unit != it.drug.dose_unit">
+                    {{ it.drug.dose }}{{ it.drug.dose_unit }}&nbsp;* {{ it.drug.min_number }}{{ it.drug.min_unit }}/
+                    {{it.drug.max_unit}}
+                  </span>&nbsp;
+                  <div>
+                    <template v-if="arr.length>0 && arr[0][0].groupno==it.groupno">
+                      <div >
+                        <!--  v-for="(its,indexs) in arr" :key="indexs" -->
+                        <span style="margin-left: 38px;">{{arr[0][0].advice_name ? arr[0][0].advice_name : ""}}</span>&nbsp;&nbsp;
+                        <span v-if="arr[0][0].drug.min_unit != arr[0][0].drug.dose_unit">
+                          {{ arr[0][0].drug.dose }}{{ arr[0][0].drug.dose_unit }}&nbsp;* {{ arr[0][0].drug.min_number }}{{ arr[0][0].drug.min_unit }}/
+                          {{arr[0][0].drug.max_unit}}
+                        </span>&nbsp;
+                      </div>
+                      <div style="display: inline-block;position: absolute;left:87%;top:20px;margin-left: 10px;">
+                        &nbsp;共{{ arr[0][0].single_dose }}{{ arr[0][0].single_dose_unit }}
+                      </div>
+                    </template>
+                  </div>
+
+                  <div style="margin-left: 70px">
+                    用法：
+                    <span v-if="(arr.length>0 && arr[0][0].groupno!=it.groupno)||arr.length<0">{{ it.single_dose }}{{ it.single_dose_unit }}</span
+                    >&nbsp;&nbsp;<span
+                      >{{ it.execution_frequency }}&nbsp;{{
+                        it.delivery_way
+                      }}&nbsp;</span>&nbsp;&nbsp;<span>{{ it.advice_desc }}</span>
+                  </div>
+
+                </div>
+                <div style="display: inline-block;position: absolute;left:80%;bottom:0px;margin-left: 10px;" v-if="arr.length>0 && arr[0][0].groupno==it.groupno">
+                  ×&nbsp;{{ it.prescribing_number}}
+                </div>
+                <div style="display: inline-block;position: absolute;left:87%;top:0px;margin-left: 10px;" v-if="arr.length>0 && arr[0][0].groupno==it.groupno">
+                  <!-- &nbsp;共{{ it.prescribing_number}}{{ it.prescribing_number_unit }} -->
+                  &nbsp;共{{ it.single_dose }}{{ it.single_dose_unit }}
+                </div>
+              </div>
+              <template v-if="index==yi&&item.advices.length>5">
+                <div style="margin: 20px 0px;">
+                  <div  style="border-bottom: 2px solid #000; width: 100%;margin-right: 30px;padding: 0 10px;line-height: 24px;" >
+                    <p style="text-align: right;">医师：{{ item.doctor ? item.doctor : "" }}</p>
+                  </div>
+
+                  <div class="actionBar" >
+                    <!-- <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+                          <p>配对：</p>
+                          <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+                          <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
+                          <p>药费：{{getTotalOne(item.id)?getTotalOne(item.id):0}}元</p> -->
+
+                    <p>审核：</p>
+                    <p>配对：</p>
+                    <p>核对：</p>
+                    <p>发药：</p>
+                    <p>
+                      金额：{{
+                        getTotalOne(item.id).toFixed(2)
+                          ? getTotalOne(item.id).toFixed(2)
+                          : 0
+                      }}元
+                    </p>
+
+                  </div>
+                  <div class="actionBar" style="margin-bottom: 10px;">
+                    <p style="width:300px;">大额处方患者意见：
+                      <el-radio v-model="radio" label="1">同意</el-radio>
+                      <el-radio v-model="radio" label="2">不同意</el-radio>
+                    </p>
+                    <p>收费员：</p>
+                  </div>
+                  <div style="padding: 0px 10px;">
+                    <p >患者签名：</p>
+                  </div>
+                </div>
+              </template>
+            </div>
+
+            <div
+              class="drugsBox"
+              v-for="(it, i) in item.additionalcharge"
+              :key="i"
+            >
+              <div class="drugsOne">
+                {{ it.item_name ? it.item_name : "" }}:&nbsp;{{ it.price }}元/{{
+                  it.count
+                }}次
+              </div>
+            </div>
+
+            <div
+              class="drugsBox"
+              v-for="(it, index) in item.project"
+              :key="index"
+            >
+              <div class="drugsOne">
+                <span style="font-weight: bold">{{ index + 1 + "." }}</span
+                >{{
+                  it.type == 2
+                    ? getProjectName(it.project_id)
+                      ? getProjectName(it.project_id)
+                      : ""
+                    : it.good_info.good_name
+                }}&nbsp;&nbsp;{{ it.single_dose
+                }}{{ it.single_dose_unit }}&nbsp;×&nbsp; {{ it.count }}{{ unit }}
+              </div>
+              <div style="margin-left: 100px">
+                <span>用法：{{ it.single_dose }}{{ it.single_dose_unit }}</span
+                >&nbsp;&nbsp;<span>{{ it.delivery_way }}</span
+                >&nbsp;&nbsp;<span>{{ it.advice_desc }}</span>
+              </div>
+            </div>
+
+            <div
+              class="drugsBox"
+              v-for="(it, i) in item.additionalcharge"
+              :key="i"
+            >
+              <div class="drugsOne">
+                {{ it.project_id ? it.project_id : "" }}:&nbsp;{{
+                  it.price.toFixed(2)
+                }}元/{{ it.count }}次
+              </div>
+            </div>
+            <div style="text-align: center">(以下空白)</div>
+          </div>
+
+          <!-- <div class="doctorBox" v-if="org_id != 10188 && org_id != 0">
+            <p v-if="org_id == 10217 || org_id == 0">
+              医师：
+              <span
+                style="width: 100px; display: inline-block"
+                v-if="item.creator == ''"
+              >
+                {{ item.doctor }}
+              </span>
+              <span
+                style="width: 100px; display: inline-block"
+                v-else-if="doc_name != ''"
+              >
+                {{ doc_name }}
+              </span>
+              <img
+                style="height: 50px;"
+                :src="setAdminUserES(item.creator,item.doctor)"
+                alt=""
+                srcset=""
+
+              />
+            </p>
+            <p v-else>
+              医师： {{ item.doctor ? item.doctor : "" }}
+            </p>
+            <p>日期：{{ getTime(item.ctime) ? getTime(item.ctime) : "" }}</p>
+          </div> -->
+          <div  style="border-bottom: 2px solid #000; width: 100%;margin-right: 30px;padding: 0 10px;line-height: 24px;" >
+            <p style="text-align: right;">医师：{{ item.doctor ? item.doctor : "" }}</p>
+          </div>
+
+          <div class="actionBar" >
+            <!-- <p>审核：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+                  <p>配对：</p>
+                  <p>核对：{{getDoctor(item.advices[0].checker)?getDoctor(item.advices[0].checker):""}}</p>
+                  <p>发药：{{getDoctor(item.advices[0].execution_staff)?getDoctor(item.advices[0].execution_staff):""}}</p>
+                  <p>药费：{{getTotalOne(item.id)?getTotalOne(item.id):0}}元</p> -->
+
+            <p>审核：</p>
+            <p>配对：</p>
+            <p>核对：</p>
+            <p>发药：</p>
+            <p>
+              金额：{{
+                getTotalOne(item.id).toFixed(2)
+                  ? getTotalOne(item.id).toFixed(2)
+                  : 0
+              }}元
+            </p>
+
+          </div>
+          <div class="actionBar" style="margin-bottom: 10px;">
+            <p style="width:300px;">大额处方患者意见：
+              <el-radio v-model="radio" label="1">同意</el-radio>
+              <el-radio v-model="radio" label="2">不同意</el-radio>
+            </p>
+            <p>收费员：</p>
+          </div>
+          <div style="padding: 0px 10px;">
+            <p >患者签名：</p>
+          </div>
+
+          <!-- <div class="actionBar" v-else>
+            <p >审核、调配：</p>
+            <p >核对、发药：</p>
+            <p >
+              药费：{{
+                getTotalOne(item.id).toFixed(2)
+                  ? getTotalOne(item.id).toFixed(2)
+                  : 0
+              }}元
+            </p>
+
+          </div> -->
+        <!-- </div> -->
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import { jsGetAge, uParseTime } from "@/utils/tools";
+import {
+  getAllDoctorList,
+  getPrescriptionPrint,
+  getHisPatientDetail,
+} from "@/api/project/project";
+import { getInitData } from "@/api/his/his";
+export default{
+  props: {
+    patient_id: Number,
+    record_date: String,
+    prescription_id: Number,
+    ids: String,
+  },
+  data() {
+    return {
+      doc_name:"",
+      doctorList: [],
+      advicePrint: {},
+      yi:4,
+      radio:'',
+      arr:[],
+      advicess:[],
+      page:sessionStorage.getItem('dayin'),
+      patient: {},
+      tableData: [],
+      prescriptionInfo: [],
+      hisPatient: {},
+      department: [],
+      prescriptions: [],
+      projectList: [],
+      orgname: "",
+      diagnoses: [],
+      org_id: 0,
+      operatorMaps: {},
+      operators: [],
+      doctorList_1: [],
+      expenseOptions: [
+        { id: 1, name: "基本医保" },
+        { id: 2, name: "新农合" },
+        { id: 3, name: "自费医疗" },
+        { id: 4, name: "公费医疗" },
+        { id: 5, name: "商业保险" },
+        { id: 6, name: "军队医疗" },
+        { id: 7, name: "其他" },
+      ],
+    };
+  },
+  methods: {
+    getExpenseKindName(id){
+      for(let i = 0; i < this.expenseOptions.length; i++){
+        if(id == this.expenseOptions[i].id){
+          return this.expenseOptions[i].name
+        }
+      }
+
+
+
+    },
+    // 电子签名
+    setAdminUserES(id,name) {
+      console.log(id)
+      console.log(name)
+      console.log(this.operatorMaps)
+
+
+      if (id == 0) {
+        return "";
+      }
+      if (id in this.operatorMaps) {
+        return this.operatorMaps[id].url;
+      } else {
+        this.doc_name = name
+        return "";
+      }
+    },
+    getAge(patient) {
+      if(patient.id_card_no == "TWN001836483"){
+        return patient.age
+      }else{
+        var thisLen = patient.id_card_no.length;
+        var birth = "";
+        if (thisLen == 15) {
+          birth = "19" + patient.id_card_no.substr(6, 6);
+        } else {
+          birth = patient.id_card_no.substr(6, 8);
+        }
+        var births =
+          birth.substr(0, 4) +
+          "-" +
+          birth.substr(4, 2) +
+          "-" +
+          birth.substr(6, 2);
+        return jsGetAge(births, "-");
+
+      }
+
+    },
+
+    getAllDoctorList() {
+      getAllDoctorList().then((response) => {
+        if (response.data.state == 1) {
+          var doctor = response.data.data.doctor;
+
+          this.doctorList = doctor;
+        }
+      });
+    },
+
+    getDoctor(id) {
+      var name = "";
+      for (let i = 0; i < this.doctorList.length; i++) {
+        if (id == this.doctorList[i].admin_user_id) {
+          name = this.doctorList[i].user_name;
+        }
+      }
+      return name;
+    },
+    getTime(value, temp) {
+      if (value != undefined) {
+        return uParseTime(value, temp);
+      }
+      return "";
+    },
+    getPrescriptionPrint() {
+      var params = {
+        // patient_id:this.patient_id,
+        // record_date:this.record_date,
+        // prescription_id:this.prescription_id,
+        patient_id: this.patient_id,
+        record_date: this.record_date,
+        prescription_id: this.prescription_id,
+        ids: this.ids,
+        p_type: 2,
+      };
+      console.log("params", params);
+      getPrescriptionPrint(params).then((response) => {
+        if (response.data.state == 1) {
+          var advicePrint = response.data.data.advicePrint;
+          console.log("adviceprint9999", advicePrint);
+          this.advicePrint = advicePrint;
+          this.prescriptions = advicePrint;
+
+          this.doctorList_1 = response.data.data.eles;
+         for(let i=0;i<this.advicePrint.length;i++){
+          this.advicess=advicePrint[i].advices
+         }
+         for(let j=0;j<this.advicess.length;j++){
+            for(let x=j+1;x<this.advicess.length;x++){
+              if(this.advicess[j].groupno == this.advicess[x].groupno){
+                this.arr.push(this.advicess.splice(x,1))
+                // this.arrs=this.advicess.splice(x,1)
+              }
+            }
+          }
+        // this.merge(this.advicess)
+          // console.log('4444444',this.arrs);
+         console.log('55555555',this.arr);
+         console.log('6666666',this.advicess);
+          console.log(this.doctorList_1, "医生列表");
+          if (this.doctorList_1.length > 0) {
+            var operatorsLen = this.doctorList_1.length;
+            for (var index = 0; index < operatorsLen; index++) {
+              this.$set(
+                this.operatorMaps,
+                this.doctorList_1[index].creator,
+                this.doctorList_1[index]
+              );
+            }
+          }
+
+          console.log("处方222222", this.prescriptions);
+          var hisPatient = response.data.data.hisPatient;
+          console.log("hisPatient", hisPatient);
+          this.hisPatient = hisPatient;
+          var projectlist = response.data.data.projectlist;
+          console.log("所有项目列表", projectlist);
+          this.projectList = projectlist;
+        }
+      });
+    },
+    getHisPatientDetail() {
+      const params = {
+        patient_id: this.patient_id,
+      };
+      getHisPatientDetail(params).then((response) => {
+        if (response.data.state == 1) {
+          var hisPatient = response.data.data.hisPatient;
+          console.log("挂号病人", hisPatient);
+          this.hisPatient = hisPatient;
+        }
+      });
+    },
+    getInitData() {
+      getInitData().then((response) => {
+        if (response.data.state == 1) {
+          this.department = response.data.data.department;
+          this.diagnoses = response.data.data.diagnose;
+          console.log("争端", this.diagnoses);
+        }
+      });
+    },
+    getDepart(id) {
+      var name = "";
+      for (let i = 0; i < this.department.length; i++) {
+        if (id == this.department[i].id) {
+          name = this.department[i].name;
+        }
+      }
+      return name;
+    },
+    getTotalOne(id) {
+      var total = 0;
+      var addtotal = 0;
+      for (let i = 0; i < this.prescriptions.length; i++) {
+        if (id == this.prescriptions[i].id) {
+          if (this.prescriptions[i].project != null) {
+            for (let a = 0; a < this.prescriptions[i].project.length; a++) {
+              total =
+                total +
+                this.prescriptions[i].project[a].price *
+                  this.prescriptions[i].project[a].count;
+            }
+          }
+
+          if (this.prescriptions[i].additionalcharge != null) {
+            for (
+              let a = 0;
+              a < this.prescriptions[i].additionalcharge.length;
+              a++
+            ) {
+              addtotal =
+                addtotal +
+                this.prescriptions[i].additionalcharge[a].price *
+                  this.prescriptions[i].additionalcharge[a].count;
+            }
+          }
+          addtotal = Math.floor(addtotal * 100) / 100;
+        }
+      }
+
+      for (let i = 0; i < this.prescriptions.length; i++) {
+        if (id == this.prescriptions[i].id) {
+          if (this.prescriptions[i].advices != null) {
+            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
+              total =
+                total +
+                this.prescriptions[i].advices[a].price *
+                  this.prescriptions[i].advices[a].prescribing_number;
+            }
+          }
+
+          if (this.prescriptions[i].additionalcharge != null) {
+            for (
+              let a = 0;
+              a < this.prescriptions[i].additionalcharge.length;
+              a++
+            ) {
+              addtotal =
+                addtotal +
+                this.prescriptions[i].additionalcharge[a].price *
+                  this.prescriptions[i].additionalcharge[a].count;
+            }
+          }
+          addtotal = Math.floor(addtotal * 100) / 100;
+        }
+      }
+
+      return total + addtotal;
+    },
+
+    getProjectName(id) {
+      var project_name = "";
+      for (let i = 0; i < this.projectList.length; i++) {
+        if (id == this.projectList[i].id) {
+          project_name = this.projectList[i].project_name;
+        }
+      }
+      return project_name;
+    },
+
+    getDiagnosis(id) {
+      let arr = id.split(",");
+      var name = "";
+      for (let i = 0; i < this.diagnoses.length; i++) {
+        if (arr.indexOf(String(this.diagnoses[i].id)) > -1) {
+          name += this.diagnoses[i].class_name + " ";
+        }
+      }
+      return name;
+    },
+    merge(arrA){
+      var len=arrA.lenfth
+      // for(let j=0;j<this.advicess.length;j++){
+      //   for(let x=j+1;x<this.advicess.length;x++){
+      //     if(this.advicess[j].groupno == this.advicess[x].groupno){
+      //       // this.arr.push(this.advicess.splice(x,1))
+      //       this.arrs=this.advicess.splice(x,1)
+      //     }
+      //   }
+      // }
+      for(let j=0;j<len;j++){
+        for(let x=j+1;x<len;x++){
+          if(arrA[j].groupno == arrA[x].groupno){
+            this.arr.push(arrA.splice(x,1))
+          }
+        }
+      }
+      console.log('777777777',this.arr);
+      return this.arr
+    }
+  },
+  created() {
+    this.getAllDoctorList();
+    this.getInitData();
+    this.getPrescriptionPrint();
+    this.getHisPatientDetail();
+    var xtuser = this.$store.getters.xt_user;
+    this.orgname = xtuser.org.org_name;
+    this.org_id = xtuser.org.id;
+
+    // for(let j=0;j<this.advicess.length;j++){
+    //   console.log('44444444');
+    //   for(let x=j+1;x<this.advicess.length;x++){
+    //     if(this.advicess[j].groupno == this.advicess[x].groupno){
+    //       this.arr.push(this.advicess.splice(x,1))
+    //     }
+    //   }
+    // }
+    // console.log('777777777',this.arr[0].advice_name);
+    // return this.arr
+
+  },
+
+  watch: {
+    ids: function (val) {
+      this.ids = val;
+      this.getPrescriptionPrint();
+    },
+  },
+};
+</script>
+
+
+<style lang="scss" scoped>
+.prescription-print {
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
+    0 0 60px rgba(0, 0, 0, 0.06) inset;
+  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27),
+    0 0 40px rgba(0, 0, 0, 0.06) inset;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+  margin-bottom: 20px;
+  padding: 20px 10px;
+}
+.printTitle {
+  font-size: 22px;
+  text-align: center;
+  font-weight: bold;
+}
+.infoTitle {
+  display: flex;
+  border-top: 2px solid #000;
+  margin-top: 10px;
+  line-height: 24px;
+  padding: 0 10px;
+}
+.infoTitle p {
+  width: 200px;
+}
+.infoMain {
+  display: flex;
+  flex-wrap: wrap;
+  border-bottom: 2px solid #000;
+  padding: 0 10px;
+}
+.infoMain div {
+  width: 50%;
+  line-height: 24px;
+}
+.prescriptionBox {
+  padding: 0 10px;
+  min-height: 450px;
+}
+.Rp {
+  font-size: 22px;
+  font-weight: bold;
+}
+.drugsBox {
+  padding-left: 40px;
+  margin-bottom: 10px;
+  position: relative;
+}
+.drugsBox div {
+  line-height: 20px;
+}
+.drugsOne {
+  line-height: 24px;
+  display: inline-block;
+  width: 80%;
+}
+.drugsOne span {
+  margin-right: 20px;
+}
+.doctorBox {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+  line-height: 24px;
+  border-bottom: 2px solid #000;
+}
+.doctorBoxs{
+  width: 100%;
+  margin-right: 30px;
+  text-align: right;
+  padding: 0 10px;
+  line-height: 24px;
+
+}
+.doctorBoxtwo {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+  line-height: 24px;
+
+}
+.actionBar {
+  display: flex;
+  justify-content: space-between;
+  line-height: 24px;
+  padding: 0 10px;
+}
+.actionBar p {
+  width: 150px;
+}
+</style>

src/xt_pages/outpatientTool/components/batchPrint.vue

@@ -0,0 +1,13 @@
+<template>
+
+</template>
+
+<script>
+export default {
+  name: 'batchPrint'
+}
+</script>
+
+<style scoped>
+
+</style>

src/xt_pages/outpatientTool/components/detail.vue

@@ -255,6 +255,9 @@ export default {
           let tempData = response.data.data.patients
           let data = response.data.data.patients
           let orders = this.unique(tempData)
+
+          let order_infos = []
+
           for (let i = 0; i < orders.length; i++) {
             let obj = {
               patient_id: orders[i].id,
@@ -276,6 +279,7 @@ export default {
               order_info: []
             }
             let orders = tempPatients[i].orders
+
             for (let b = 0; b < orders.length; b++) {
               for (let c = 0; c < orders[b].order_info.length; c++) {
                 let newObj = {}
@@ -314,6 +318,7 @@ export default {
                   }
                 }
                 obj.order_info.push(newObj)
+                order_infos.push(orders[b].order_info)
               }
             }
             tempPatientsTwo.push(obj)
@@ -437,8 +442,36 @@ export default {
 
           // console.log(tempPatientsTwo.length)
           //
+          console.log(order_infos)
+          let advices = []
+          let projects = []
+          let goods = []
+          for(let i = 0; i < order_infos.length; i++){
+            console.log(order_infos[i])
+            if(order_infos[i].advice_id > 0 && order_infos[i].project_id == 0){
+              advices.push(order_infos[i].advice)
+            }
+            if(order_infos[i].advice_id == 0 && order_infos[i].project_id > 0){
+              if(order_infos[i].project.type == 3){
+                goods.push(order_infos[i].project)
+              }
+            }
+            if(order_infos[i].advice_id == 0 && order_infos[i].project_id > 0){
+              if(order_infos[i].project.type == 2){
+                projects.push(order_infos[i].project)
+              }
+            }
+          }
+
+          console.log(advices)
+          console.log(projects)
+          console.log(goods)
 
         }
+
+
+
+
         //
         // console.log('去重前')
         // console.log(advice)

src/xt_pages/outpatientTool/components/settle.vue

@@ -49,7 +49,7 @@
               <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
           </div>
       </div>
-      <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="report-table"
+      <el-table :data="tableData" border :row-style="{ color: '#303133' }"
                 :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                 show-summary
                 v-loading="settle_loading"
@@ -94,73 +94,96 @@
                   <div v-if="scope.row.med_type == '14'">门诊特殊病</div>
                   <div v-if="scope.row.med_type == '11'">普通门诊</div>
                   <div v-if="scope.row.med_type == '1112'">普通门诊</div>
-                
+
               </template>
           </el-table-column>
-          <el-table-column align="center" prop="item_name" label="医疗费总额">
+          <el-table-column align="center" prop="medfee_sumamt" label="医疗费总额">
               <template slot-scope="scope">{{scope.row.medfee_sumamt.toFixed(2)}}</template>
           </el-table-column>
-          <el-table-column align="center" prop="item_name" label="基金支付金额">
+          <el-table-column align="center" prop="fund_pay_sumamt" label="基金支付金额">
               <template slot-scope="scope">{{scope.row.fund_pay_sumamt.toFixed(2)}}</template>
           </el-table-column>
-          <el-table-column align="center" prop="item_name" label="个人账户支付金额">
+          <el-table-column align="center" prop="acct_pay" label="个人账户支付金额">
               <template slot-scope="scope">{{scope.row.acct_pay.toFixed(2)}}</template>
           </el-table-column>
-          <el-table-column align="center" prop="item_name" label="个人支付金额">
+          <el-table-column align="center" prop="psn_cash_pay" label="个人支付金额">
               <template slot-scope="scope">{{scope.row.psn_cash_pay.toFixed(2)}}</template>
           </el-table-column>
-          <el-table-column align="center" prop="item_name" label="基金统筹金额">
+          <el-table-column align="center" prop="hifp_pay" label="基金统筹金额">
               <template slot-scope="scope">{{scope.row.hifp_pay.toFixed(2)}}</template>
           </el-table-column>
 
-          <el-table-column align="center" prop="item_name" label="大额基金支付">
+          <el-table-column align="center" prop="hifob_pay" label="大额基金支付">
               <template slot-scope="scope">{{scope.row.hifob_pay.toFixed(2)}}</template>
           </el-table-column>
 
 
-          <el-table-column align="center" prop="item_name" label="医疗救助基金">
+          <el-table-column align="center" prop="maf_pay" label="医疗救助基金">
               <template slot-scope="scope">{{scope.row.maf_pay.toFixed(2)}}</template>
           </el-table-column>
 
-          <el-table-column align="center" prop="item_name" label="企业补充医疗保险基金支出">
+          <el-table-column align="center" prop="hifes_pay" label="企业补充医疗保险基金支出">
               <template slot-scope="scope">{{scope.row.hifes_pay.toFixed(2)}}</template>
           </el-table-column>
 
 
-          <el-table-column align="center" prop="item_name" label="居民大病保险资金支出">
+          <el-table-column align="center" prop="hifmi_pay" label="居民大病保险资金支出">
               <template slot-scope="scope">{{scope.row.hifmi_pay.toFixed(2)}}</template>
           </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="其他支付">
+        <el-table-column align="center" prop="oth_pay" label="其他支付">
           <template slot-scope="scope">{{scope.row.oth_pay.toFixed(2)}}</template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="公务员医疗补助资金支出">
+        <el-table-column align="center" prop="cvlserv_pay" label="公务员医疗补助资金支出">
           <template slot-scope="scope">{{scope.row.cvlserv_pay.toFixed(2)}}</template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="微信支付">
-          <template slot-scope="scope">{{scope.row.wechat_pay}}</template>
+        <el-table-column align="center" prop="wechat_pay" label="微信支付">
+          <template slot-scope="scope" style="width: 100px">
+            <el-input v-model="scope.row.wechat_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.wechat_pay,'wechat_pay')">修改</el-button>
+          </template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="支付宝支付">
-          <template slot-scope="scope">{{scope.row.ali_pay}}</template>
+        <el-table-column align="center" prop="ali_pay" label="支付宝支付">
+<!--          <template slot-scope="scope">{{scope.row.ali_pay}}</template>-->
+          <template slot-scope="scope" style="width: 100px">
+            <el-input  v-model="scope.row.ali_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.ali_pay,'ali_pay')">修改</el-button>
+          </template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="银行卡支付">
-          <template slot-scope="scope">{{scope.row.band_card_pay}}</template>
+        <el-table-column align="center" prop="band_card_pay" label="银行卡支付">
+<!--          <template slot-scope="scope">{{scope.row.band_card_pay}}</template>-->
+          <template slot-scope="scope" style="width: 100px">
+            <el-input v-model="scope.row.band_card_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.band_card_pay,'band_card_pay')">修改</el-button>
+          </template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="积分支付">
-          <template slot-scope="scope">{{scope.row.jifen_pay}}</template>
+        <el-table-column align="center" prop="jifen_pay" label="积分支付">
+<!--          <template slot-scope="scope">{{scope.row.jifen_pay}}</template>-->
+          <template slot-scope="scope" style="width: 100px">
+            <el-input v-model="scope.row.jifen_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.jifen_pay,'jifen_pay')">修改</el-button>
+          </template>
         </el-table-column>
 
-        <el-table-column align="center" prop="item_name" label="现金支付">
-          <template slot-scope="scope">{{scope.row.cash_pay}}</template>
+        <el-table-column align="center" prop="cash_pay" label="现金支付">
+<!--          <template slot-scope="scope">{{scope.row.cash_pay}}</template>-->
+          <template slot-scope="scope" style="width: 100px">
+            <el-input v-model="scope.row.cash_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.cash_pay,'cash_pay')">修改</el-button>
+          </template>
         </el-table-column>
 
         <el-table-column align="center" prop="item_name" label="其他说明">
-          <template slot-scope="scope">{{scope.row.oth_desc}}</template>
+<!--          <template slot-scope="scope">{{scope.row.oth_desc}}</template>-->
+          <template slot-scope="scope" style="width: 100px">
+            <el-input v-model="scope.row.oth_desc"></el-input>
+            <el-button size="small" @click="change(scope.row.id,scope.row.oth_desc,'oth_desc')">修改</el-button>
+          </template>
         </el-table-column>
 
           <el-table-column align="center" prop="total" label="费用总额">
@@ -170,13 +193,155 @@
           </el-table-column>
 
       </el-table>
+
+    <el-table ref="report-table" :data="tableData" v-show="false" border :row-style="{ color: '#303133' }"
+              :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+              show-summary
+              v-loading="settle_loading"
+              max-height="600"
+              :span-method="merge"
+              :summary-method="getTotal"
+              highlight-current-row>
+
+      <el-table-column align="center" prop="name" label="患者名字">
+        <template slot-scope="scope">{{ scope.row.other_name }}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="item_name" label="身份证">
+        <template slot-scope="scope">
+          {{scope.row.id_card_no}}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="item_name" label="就诊号">
+        <template slot-scope="scope">
+          {{scope.row.mdtrt_id}}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="item_name" label="治疗日期">
+        <template slot-scope="scope">
+          {{getTimes(scope.row.settle_accounts_date)}}
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="item_name" label="结算日期">
+        <template slot-scope="scope">
+          {{scope.row.setl_time?scope.row.setl_time.split(" ")[0]:getTimes(scope.row.settle_accounts_date)}}
+        </template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="item_name" label="结算类型">
+        <template slot-scope="scope">
+          <div v-if="scope.row.is_medicine_insurance == 0">自费</div>
+          <div v-if="scope.row.is_medicine_insurance == 1">医保</div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="item_name" label="处方类型">
+        <template slot-scope="scope">
+          <div v-if="scope.row.med_type == '14'">门诊特殊病</div>
+          <div v-if="scope.row.med_type == '11'">普通门诊</div>
+          <div v-if="scope.row.med_type == '1112'">普通门诊</div>
+
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="medfee_sumamt" label="医疗费总额">
+        <template slot-scope="scope">{{scope.row.medfee_sumamt.toFixed(2)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="fund_pay_sumamt" label="基金支付金额">
+        <template slot-scope="scope">{{scope.row.fund_pay_sumamt.toFixed(2)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="acct_pay" label="个人账户支付金额">
+        <template slot-scope="scope">{{scope.row.acct_pay.toFixed(2)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="psn_cash_pay" label="个人支付金额">
+        <template slot-scope="scope">{{scope.row.psn_cash_pay.toFixed(2)}}</template>
+      </el-table-column>
+      <el-table-column align="center" prop="hifp_pay" label="基金统筹金额">
+        <template slot-scope="scope">{{scope.row.hifp_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="hifob_pay" label="大额基金支付">
+        <template slot-scope="scope">{{scope.row.hifob_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+
+      <el-table-column align="center" prop="maf_pay" label="医疗救助基金">
+        <template slot-scope="scope">{{scope.row.maf_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="hifes_pay" label="企业补充医疗保险基金支出">
+        <template slot-scope="scope">{{scope.row.hifes_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+
+      <el-table-column align="center" prop="hifmi_pay" label="居民大病保险资金支出">
+        <template slot-scope="scope">{{scope.row.hifmi_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="oth_pay" label="其他支付">
+        <template slot-scope="scope">{{scope.row.oth_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="cvlserv_pay" label="公务员医疗补助资金支出">
+        <template slot-scope="scope">{{scope.row.cvlserv_pay.toFixed(2)}}</template>
+      </el-table-column>
+
+      <el-table-column align="center" prop="wechat_pay" label="微信支付">
+        <template slot-scope="scope">{{scope.row.wechat_pay}}</template>
+
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input v-model="scope.row.wechat_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="ali_pay" label="支付宝支付">
+                  <template slot-scope="scope">{{scope.row.ali_pay}}</template>
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input  v-model="scope.row.ali_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="band_card_pay" label="银行卡支付">
+                  <template slot-scope="scope">{{scope.row.band_card_pay}}</template>
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input v-model="scope.row.band_card_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="jifen_pay" label="积分支付">
+                  <template slot-scope="scope">{{scope.row.jifen_pay}}</template>
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input v-model="scope.row.jifen_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="cash_pay" label="现金支付">
+                  <template slot-scope="scope">{{scope.row.cash_pay}}</template>
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input v-model="scope.row.cash_pay" oninput="value=value.replace(/[^0-9.]/g,'')"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="item_name" label="其他说明">
+                  <template slot-scope="scope">{{scope.row.oth_desc}}</template>
+<!--        <template slot-scope="scope" style="width: 100px">-->
+<!--          <el-input v-model="scope.row.oth_desc"></el-input>-->
+<!--        </template>-->
+      </el-table-column>
+
+      <el-table-column align="center" prop="total" label="费用总额">
+        <template slot-scope="scope">
+          <div>{{scope.row.total.toFixed(2)}}</div>
+        </template>
+      </el-table-column>
+
+    </el-table>
+
   </div>
 </template>
 
 
 <script>
 import BreadCrumb from '@/xt_pages/components/bread-crumb'
-import { GetSummarySettle } from '@/api/his/his'
+import { GetSummarySettle,changeOrderDesc } from '@/api/his/his'
 import { uParseTime } from '@/utils/tools'
 // import NewStatementPrint from './newStatementPrint'
   const moment = require('moment')
@@ -208,6 +373,20 @@ import { uParseTime } from '@/utils/tools'
       }
     },
     methods: {
+      change(id,desc,type){
+        let params = {
+          id: id,
+          desc: desc,
+          change_type: type
+        }
+        changeOrderDesc(params).then(response => {
+          if (response.data.state == 0) {
+            this.$message.error(response.data.msg)
+          } else {
+            this.$message.success(response.data.data.msg)
+          }
+        })
+      },
       getTimes(time) {
         return uParseTime(time, '{y}-{m}-{d}')
       },
@@ -269,6 +448,7 @@ import { uParseTime } from '@/utils/tools'
               for (let b = 0; b < data[i].orders.length; b++) {
                 let order = data[i].orders[b]
                 order['other_name'] = data[i].name
+                order['id'] = order.id
                 order['id_card_no'] = data[i].id_card_no
                 order['mdtrt_id'] =order.mdtrt_id
 
@@ -381,7 +561,7 @@ import { uParseTime } from '@/utils/tools'
           }
           console.log(data)
           const values = data.map(item => Number(item[column.property]))
-          if (column.property === 'total') {
+          if (column.property === 'total' || column.property === 'medfee_sumamt'  || column.property === 'fund_pay_sumamt'  || column.property === 'acct_pay'  || column.property === 'maf_pay'  || column.property === 'psn_cash_pay'  || column.property === 'hifp_pay'  || column.property === 'hifob_pay' ||  column.property === 'hifes_pay' || column.property === 'hifmi_pay' || column.property === 'oth_pay' || column.property === 'cvlserv_pay' || column.property === 'wechat_pay' || column.property === 'ali_pay' || column.property === 'band_card_pay' || column.property === 'jifen_pay' || column.property === 'cash_pay') {
             sums[index] = values.reduce((prev, curr) => {
               const value = Number(curr)
               if (!isNaN(value)) {

src/xt_pages/outpatientTool/labelPrint.vue

@@ -44,11 +44,11 @@
                         :value="item.id">
                       </el-option>
                     </el-select>
-
+                  <el-button @click="printThree()">批量打印</el-button>
                   <el-checkbox v-model="is_combination_print">是否组合打印</el-checkbox>
 
-<!--                  <el-checkbox v-model="is_combination_print">是否组合打印</el-checkbox>-->
-                  <el-button v-if="!is_combination_print" @click="printTwo()">组合打印</el-button>
+<!--                  <el-checkbox @click="printTwo()">批量打印</el-checkbox>-->
+                  <el-button v-if="!is_combination_print && $store.getters.xt_user.org.id == 10138" @click="printTwo()">组合打印</el-button>
 
                 </div>
             </div>
@@ -134,7 +134,7 @@
                               <div>{{getTime(current_ctime,'{m}-{d}')}}</div>
                               <div>{{getTime(current_ctime,'{h}:{i}')}}</div>
                           </div>
-                          <img  v-if="$store.getters.xt_user.org.id != 0 &&  $store.getters.xt_user.org.id != 10138" style="width:300px;height:200px;margin-left:10px;" id="barcode">
+                          <img  v-if=" $store.getters.xt_user.org.id != 10138"  id="barcode">
                       </div>
                       <div style="margin-bottom:5px;">{{current_number}}</div>
                       <div style="display:flex;">
@@ -148,6 +148,39 @@
                 <el-button type="primary" @click="labelVisible = false">确 定</el-button>
             </div>
         </el-dialog>
+
+
+      <el-dialog title="批量打印" :visible.sync="batchLabelVisible">
+        <div>
+          <el-row style="float:right;">
+            <el-col :span="24">
+              <el-button size="small" icon="el-icon-printer" type="primary" @click="printAction">打印
+              </el-button>
+            </el-col>
+          </el-row>
+            <div id="sign" class="signPrint">
+              <div v-for="item in selecting_schs">
+               <div style="display:flex;margin-bottom:10px;" >
+              <div style="margin-left:15px;">
+                <div style="font-weight:bold;font-size:24px;">C</div>
+                <div>{{getTime(item.ctime,'{m}-{d}')}}</div>
+                <div>{{getTime(item.ctime,'{h}:{i}')}}</div>
+              </div>
+              <img  v-if=" $store.getters.xt_user.org.id != 10138"  id="barcode">
+            </div>
+                <div style="margin-bottom:5px;">{{item.number}}</div>
+               <div style="display:flex;">
+              <div style="font-size:24px;padding-left:20px;">{{item.project_name}}</div>
+              <div style="font-size:24px;margin-left:20px;">{{item.patient_name}}</div>
+              </div>
+              </div>
+          </div>
+        </div>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="batchLabelVisible = false">取 消</el-button>
+<!--          <el-button type="primary" @click="labelVisible = false">确 定</el-button>-->
+        </div>
+      </el-dialog>
     </div>
 
 </template>
@@ -201,11 +234,16 @@
         items: [
           { id: 1, name: '已打印' },
           { id: 2, name: '未打印' }
-        ]
+        ],
+        batchLabelVisible:false,
+
 
       }
     },
     methods: {
+      printThree(){
+      this.batchLabelVisible = true
+      },
       printTwo(){
         if(this.selecting_schs.length == 0){
           this.$message.error("请选择需要组合打印的记录")
@@ -287,8 +325,9 @@
                     lineColor: '#000',
                     background: '#EBEEF5',
                     width: 3,
-                    height: 200,
-                    displayValue: false,
+                    height: 100,
+                    displayValue: true,
+                    text:response.data.data.labels.id,
                     fontOptions:"bold italic",//使文字加粗体或变斜体
                     font:"fantasy",//设置文本的字体
                     textAlign:"left",//设置文本的水平对齐方式