Vue_New/src/xt_pages/outpatientCharges/summaryDetail.vue

<template>
  <div class="main-contain summaryDetail">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
    </div>
    <el-popover
        placement="bottom"
        width="210"
        trigger="click">
      <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
      <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
      <el-button  slot="reference" style="margin:10px 10px;float: right" type="primary" size="small" >打印</el-button>

    </el-popover>
    <div class="app-container" style="display:flex;flex: 1;padding: 20px 20px 0px 20px;">
      <div class="mainCenter">
        <div class="centerLeft">
          <div class="tabsBox">
            <el-table  :data="tableData" border style="width: 100%;"
                       :row-style="{ color: '#303133' }"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}" highlight-current-row>

              <el-table-column align="center" prop="project_name" label="名称">
                <template slot-scope="scope">{{ scope.row.name }}</template>
              </el-table-column>

              <el-table-column align="center" prop="project_name" label="分类" width="100">
                <template slot-scope="scope">{{ scope.row.type == 1?'药品': scope.row.project_type == 2? '项目':'耗材'}}</template>
              </el-table-column>


              <el-table-column align="center" prop="single_dose" width="80" label="单次用量">
                <template slot-scope="scope">{{scope.row.single_dose}}&nbsp;&nbsp;{{scope.row.single_dose_unit}}</template>

              </el-table-column>
              <el-table-column align="center" prop="delivery_way" width="90" label="用法">
                <template slot-scope="scope">
                  <!--<el-input v-model="scope.row.delivery_way" placeholder="" readonly></el-input>-->
                  {{scope.row.delivery_way}}

                </template>
              </el-table-column>
              <el-table-column align="center" prop="execution_frequency" width="90" label="频率">
                <template slot-scope="scope">{{scope.row.execution_frequency}}</template>
              </el-table-column>

              <el-table-column align="center" prop="total" width="60" label="总量">
                <template slot-scope="scope">{{scope.row.count}}&nbsp;&nbsp;{{scope.row.prescribing_number_unit}}</template>
              </el-table-column>
              <el-table-column align="center" prop="name" width="60" label="单价">
                <template slot-scope="scope">
                  <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
                  {{scope.row.price.toFixed(2)}}元

                </template>
              </el-table-column>

              <el-table-column align="center" prop="name" width="60" label="总价">
                <template slot-scope="scope">
                  <!--<el-input v-model="scope.row.price" placeholder="" readonly></el-input>-->
                  {{(scope.row.count * scope.row.price).toFixed(2)}}元

                </template>
              </el-table-column>


              <el-table-column align="center" prop="name" width="80" label="备注">
                <template slot-scope="scope">
                  <!--<el-input v-model="scope.row.remark" readonly></el-input>-->
                  {{scope.row.remark}}

                </template>
              </el-table-column>
            </el-table>

<!--            <div class="additionalBox">-->
<!--              <div class="additionalOne" v-for="(item,index) in additions" :key="index">-->
<!--                <span :title="item.item_name">{{item.item_name}}</span>-->
<!--                <el-input v-model="item.price" placeholder="" style="width:50px;" readonly></el-input>-->
<!--                共-->
<!--                <el-input v-model="item.count" placeholder="" style="width:50px;" readonly></el-input>-->
<!--                次-->
<!--                &lt;!&ndash;<i class="el-icon-delete deleteIcon" @click="delAddition(index,item)"></i>&ndash;&gt;-->
<!--              </div>-->
<!--            </div>-->

          </div>
          <div class="costBox">
            <span>当前处方总费用：<span style="color:red;">{{ order.medfee_sumamt}}元</span></span>
            <span v-if="order.order_status == 1">待结算</span>
            <span v-if="order.order_status == 2">已结算</span>
            <span v-if="order.order_status == 3">已退费</span>


          </div>
        </div>
        <div class="centerRight">
          <p class="centerRightTitle">人员信息</p>
          <ul class="basicUl">
            <li style="width:50%;">姓名：{{patientInfo.name}}</li>
            <li style="width:50%;">性别：{{patientInfo.gender == 1 ? '男' : '女' }}</li>
            <li style="width:50%;">年龄：{{patientInfo.age }}</li>
            <li style="width:50%;">身高：{{patientInfo.height?patientInfo.height:''}}</li>
            <li style="width:50%;">体重：{{patientInfo.weight?patientInfo.weight:''}}</li>
            <li style="width:50%;">电话：{{patientInfo.phone}}</li>
          </ul>
          <p class="centerRightTitle" style="margin-top:10px;">收费信息</p>
          <ul >
            <li style="width:30%;">医疗费总额：{{order.medfee_sumamt.toFixed(2) }}元</li>
            <li style="width:30%;">基金支付总额：{{order.fund_pay_sumamt.toFixed(2)}}元</li>
            <li style="width:30%;">基本医疗保险统筹基金支出：{{order.hifp_pay}}元</li>
            <li style="width:30%;">医疗救助基金支出：{{order.maf_pay.toFixed(2)}}元</li>
            <li style="width:30%;">个人账户支付金额:{{ order.acct_pay}}</li>
            <li style="width:30%;">个人支付金额:{{order.psn_cash_pay.toFixed(2)}}元</li>
          </ul>

        </div>
      </div>
    </div>

    <div v-if="listVisible">
      <el-dialog
          class="centerDialog"
          width="900px"
          title="打印"
          :visible.sync="listVisible">
        <list-print  :paramsObj='paramsObj'></list-print>
      </el-dialog>
    </div>

    <div v-if="allListVisible">
      <el-dialog
          class="centerDialog"
          width="900px"
          title="打印"
          :visible.sync="allListVisible">
        <all-list-print :paramsObj='paramsObj'></all-list-print>
      </el-dialog>
    </div>


  </div>
</template>

<script>
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import { getHisOrder } from '@/api/his/his'
import prescriptionTable from './components/prescriptionTable'
import { getDictionaryDataConfig} from "@/utils/data";
import ListPrint from './listPrint'
import AllListPrint from './allListPrint'

export default {
  components:{
    AllListPrint,
    ListPrint,
    BreadCrumb,
    prescriptionTable,

  },
  data(){
    return{
      listVisible:false,
      allListVisible:false,
      paramsObj:{
        id:this.$route.query.id
      },
      crumbs: [
        { path: false, name: '门诊收费' },
        { path: false, name: '项目消费明细汇总详情' }
      ],
      info: {},
      curPrescriptions: {},
      prescriptions: [],
      record_date: '',
      tableData: [],
      additions:[],
      editableTabsValue: '1',
      loadingone: false,
      editableTabs: [{
        title: '处方1',
        name: '1'
      }],
      tabIndex: 1,
      hisPatientInfo: {},
      loadingtwo: false,
      patientTableData: [{
        name: '杨美英',
        mdtrt_id: '1709946'
      }],
      patientInfo: { id: 0 },
      doctor: {},
      total: 0,
      state: '未收费',
      radio: 1,
      radioStatus: 1,
      search_input: '',
      order:{},
    }
  },created(){
    this.GetOrderDetail()
  },methods:{
    open(val){
      if(val == 1){
        this.paramsObj.id == this.$route.query.id
        this.listVisible = true

      }else if(val == 2){
        this.paramsObj.id == this.$route.query.id
        this.allListVisible = true
      }
    },
    // getTotal() {
    //   var total = 0
    //   for (let i = 0; i < this.prescriptions.length; i++) {
    //     if (this.prescriptions[i].advices != null) {
    //       for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
    //         console.log(this.prescriptions[i].advices[a].price )
    //         console.log(this.prescriptions[i].advices[a].prescribing_number)
    //
    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].advices[a].price * this.prescriptions[i].advices[a].prescribing_number)
    //       }
    //     }
    //     if (this.prescriptions[i].project != null) {
    //       for (let a = 0; a < this.prescriptions[i].project.length; a++) {
    //
    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].project[a].price * this.prescriptions[i].project[a].count)
    //       }
    //     }
    //
    //     if (this.prescriptions[i].addition != null) {
    //       for (let b = 0; b < this.prescriptions[i].addition.length; b++) {
    //         total = parseFloat(total) + parseFloat(this.prescriptions[i].addition[a].price * this.prescriptions[i].addition[b].count)
    //       }
    //     }
    //   }
    //   return total.toFixed(2)
    //
    // },
    getDictionaryDataConfig(module, filed_name) {
      return getDictionaryDataConfig(module, filed_name)
    },
    tabclickEvent(val) {
      for (let i = 0; i < this.prescriptions.length; i++) {
        if (this.prescriptions[i].name == val.name) {
          this.curPrescriptions = {}
          var temp = this.deepClone(this.prescriptions[i])
          this.curPrescriptions = temp
        }
      }
    },
    deepClone(source) {
      if (!source && typeof source !== 'object') {
        throw new Error('error arguments', 'shallowClone')
      }
      const targetObj = source.constructor === Array ? [] : {}
      Object.keys(source).forEach((keys) => {
        if (source[keys] && typeof source[keys] === 'object') {
          targetObj[keys] = this.deepClone(source[keys])
        } else {
          targetObj[keys] = source[keys]
        }
      })
      return targetObj
    },  getGroup(id){
      var name = ""
      var statistics_category =  getDictionaryDataConfig('system','statistics_category')
      for(let i=0;i<statistics_category.length;i++){
        if(id == statistics_category[i].id){
          name = statistics_category[i].name
        }
      }
      return name
    },
    getTotal() {
      var total = 0
      for (let i = 0; i < this.prescriptions.length; i++) {
        if (this.prescriptions[i].advices != null) {
          for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
            total = total + this.prescriptions[i].advices[a].retail_price * this.prescriptions[i].advices[a].prescribing_number
          }
        }
        if (this.prescriptions[i].project != null) {
          for (let b = 0; b < this.prescriptions[i].project.length; b++) {
            total = total + this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].total
          }
        }
      }
      return total
    },
    moreState(tab, event) {
      if (tab == 'more') {
        return false
      }
    },  unique(array) {
      // res用来存储结果
      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].id === res[j].id && array[i].price === res[j].price) {
            break
          }
        }
        // 如果array[i]是唯一的，那么执行完循环，j等于resLen
        if (j === resLen) {
          res.push(array[i])
        }
      }
      return res
    },
    setMonthPrescription(month_prescriptions) {
      console.log(month_prescriptions)
      let drug_month_prescriptions = {
        advices: []
      }
      let drug_ids = []
      let project_month_prescriptions = {
        project: []

      }
      let project_ids = []

      // let addition_month_prescriptions = {
      //   addition: []
      //
      // }
      // let additions_ids = []

      for (let i = 0; i < month_prescriptions.length; i++) {
        if (month_prescriptions[i].type == 1) { //药品
          for (let a = 0; a < month_prescriptions[i].advices.length; a++) {
            let obj = {
              id: month_prescriptions[i].advices[a].drug_id,
              price: month_prescriptions[i].advices[a].price

            }
            drug_ids.push(obj)
            drug_month_prescriptions.advices.push(month_prescriptions[i].advices[a])
          }

        } else if (month_prescriptions[i].type == 2) { //项目
          for (let a = 0; a < month_prescriptions[i].project.length; a++) {
            let obj = {
              id: month_prescriptions[i].project[a].project_id,
              price: month_prescriptions[i].project[a].price

            }
            project_ids.push(obj)
            project_month_prescriptions.project.push(month_prescriptions[i].project[a])
          }
        }
        //附加收费
        // for (let a = 0; a < month_prescriptions[i].addition.length; a++) {
        //   let obj = {
        //     id: month_prescriptions[i].addition[a].item_id,
        //     price: month_prescriptions[i].addition[a].price
        //
        //   }
        //   additions_ids.push(obj)
        //   addition_month_prescriptions.addition.push(month_prescriptions[i].addition[a])
        //
        // }

      }

      drug_ids = this.unique(drug_ids)
      project_ids= this.unique(project_ids)
      // additions_ids= this.unique(additions_ids)





      for (let i = 0; i < drug_ids.length; i++) {
        let obj = {}
        let count = 0
        for (let a = 0; a < drug_month_prescriptions.advices.length; a++) {
          if (drug_ids[i].price == drug_month_prescriptions.advices[a].price && drug_ids[i].id ==  drug_month_prescriptions.advices[a].drug_id) {
            obj['name'] = drug_month_prescriptions.advices[a].advice_name
            obj['statistical_classification'] = ''
            obj['type'] = 1
            obj['single_dose'] = drug_month_prescriptions.advices[a].single_dose
            obj['delivery_way'] = drug_month_prescriptions.advices[a].delivery_way
            obj['execution_frequency'] = drug_month_prescriptions.advices[a].execution_frequency
            obj['day'] = drug_month_prescriptions.advices[a].day
            obj['prescribing_number_unit'] = drug_month_prescriptions.advices[a].prescribing_number_unit
            obj['remark'] = drug_month_prescriptions.advices[a].remark
            obj['price'] = parseFloat(drug_month_prescriptions.advices[a].price)
            count = count + drug_month_prescriptions.advices[a].prescribing_number

          }
        }
        obj['count'] = count
        this.tableData.push(obj)
      }

      for (let i = 0; i < project_ids.length; i++) {
        let obj = {}
        let count = 0
        for (let a = 0; a < project_month_prescriptions.project.length; a++) {
          if (project_ids[i].price == project_month_prescriptions.project[a].price &&project_ids[i].id == project_month_prescriptions.project[a].project_id ) {

            if(project_month_prescriptions.project[a].type == 2){
              obj['name'] = project_month_prescriptions.project[a].project.project_name
              obj['statistical_classification'] = ''
              obj['project_type'] = 2


            }else if (project_month_prescriptions.project[a].type == 3){
              obj['name'] = project_month_prescriptions.project[a].good_info.good_name
              obj['statistical_classification'] = ''
              obj['project_type'] = 3
            }
            obj['single_dose'] = project_month_prescriptions.project[a].single_dose
            obj['delivery_way'] = project_month_prescriptions.project[a].delivery_way
            obj['execution_frequency'] = project_month_prescriptions.project[a].execution_frequency
            obj['day'] = project_month_prescriptions.project[a].day
            obj['single_dose_unit'] = project_month_prescriptions.project[a].unit
            obj['prescribing_number_unit'] = project_month_prescriptions.project[a].unit
            count = count + parseFloat(project_month_prescriptions.project[a].count)
            obj['price'] = parseFloat(project_month_prescriptions.project[a].price)
            obj['remark'] = project_month_prescriptions.project[a].remark
            obj['type'] = 2


          }
        }
        obj['count'] = count
        this.tableData.push(obj)

      }

      // for (let i = 0; i < additions_ids.length; i++) {
      //   let obj = {}
      //   let count = 0
      //   console.log(addition_month_prescriptions.addition)
      //   if (addition_month_prescriptions.addition) {
      //     for (let a = 0; a < addition_month_prescriptions.addition.length; a++) {
      //       if (additions_ids[i].price == addition_month_prescriptions.addition[a].price &&additions_ids[i].id == addition_month_prescriptions.addition[a].item_id) {
      //         obj['item_name'] = addition_month_prescriptions.addition[a].item_name
      //         count = count + addition_month_prescriptions.addition[a].count
      //         obj['price'] = parseFloat(addition_month_prescriptions.addition[a].price)
      //       }
      //     }
      //     obj['count'] = count
      //     this.additions.push(obj)
      //
      //   }
      // }

    },

    GetOrderDetail(){
      let params={
        number:this.$route.query.number,
        patient_id:this.$route.query.patient_id,
      }
      getHisOrder(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.patientInfo = response.data.data.order.patient
          this.hisPatientInfo = response.data.data.order.his_patient
          this.info = response.data.data.p_info
          this.order = response.data.data.order

          this.prescriptions = []
          this.tableData = []


          var prescription = response.data.data.prescription
          this.prescriptions = prescription
          this.setMonthPrescription(prescription)


          // for (let i = 0; i < response.data.data.prescription.length; i++) {
          //   var prescription = response.data.data.prescription[i]


          // for (let b = 0; b < prescription.advices.length; b++) {
          //   let obj = {
          //     name: prescription.advices[b].advice_name,
          //     statistical_classification:"",
          //     type:1,
          //     single_dose: prescription.advices[b].single_dose,
          //     delivery_way: prescription.advices[b].delivery_way,
          //     execution_frequency: prescription.advices[b].execution_frequency,
          //     price: prescription.advices[b].price.toString(),
          //     day: prescription.advices[b].day,
          //     count:prescription.advices[b].prescribing_number.toString(),
          //     remark: prescription.advices[b].remark,
          //     single_dose_unit: prescription.advices[b].single_dose_unit,
          //     prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
          //
          //   }
          //   this.tableData.push(obj)
          // }
          //
          // for (let b = 0; b < prescription.project.length; b++) {
          //   let obj = {
          //     name: prescription.project[b].project.project_name,
          //     statistical_classification: prescription.project[b].project.statistical_classification,
          //     single_dose: prescription.project[b].single_dose,
          //     delivery_way: prescription.project[b].delivery_way,
          //     execution_frequency: prescription.project[b].execution_frequency,
          //     price: prescription.project[b].price,
          //     day: prescription.project[b].day,
          //     count: prescription.project[b].count.toString(),
          //     remark: prescription.project[b].remark,
          //     single_dose_unit:prescription.project[b].project.unit,
          //     prescribing_number_unit:prescription.project[b].project.unit,
          //     type:2,
          //   }
          //   this.tableData.push(obj)
          // }
          //
          // for (let b = 0; b < prescription.addition.length; b++) {
          //     this.additions.push( prescription.addition[b])
          // }



          // let index = i + 1
          // let obj = {
          //   id: prescription.id,
          //   name: '处方' + index,
          //   advices: tempAdvice,
          //   project: tempProject,
          //   type: response.data.data.prescription[i].type
          // }
          // this.prescriptions.push(obj)
          // this.curPrescriptions = this.prescriptions[0]

          // }
          // this.tableData = response.data.data.order

        }
      })
    }
  }
}

</script>

<style lang="scss" scoped>
.summaryDetail{
  height: 100%;
  display: flex;
  flex-direction: column;
.tabsBox{
  position: relative;
  height: 90%;
  overflow-y: auto;
  margin-bottom: 60px;
.el-tabs__item{
  padding: 0 10px;
}
}
.addTab{
  position: absolute;
  right: 0;
  top: 6px;
  z-index: 20;
}
.mainCenter{
  display: flex;
  flex:1;
}
.costBox{
  width:100%;
  height:60px;
  background:#fff;
  position: absolute;
  bottom:0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.centerLeft{
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.centerRight{
  width: 300px;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
}
.RP{
  color:#409EFF;
  font-size: 20px;
  margin-bottom: 5px;
}
.centerRightTitle{
  color:#409EFF;
  padding:0 0 10px 0;
}
.basicUl{
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  display: flex;
  flex-wrap: wrap;
li{
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-indent: 5px;
  font-size: 14px;
}
}
.additionalBox{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
.additionalOne{
  margin-right:20px;
  margin-bottom:10px;
  display: flex;
  align-items: center;
>span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:80px;
  display: inline-block;
  font-size: 14px;
}
}
.deleteIcon{
  color:red;
  margin-left:5px;
}
}
}
</style>

<style lang="scss">
.summaryDetail{
.el-table th .cell, .el-table td .cell{
  padding: 0 2px;
}
.el-icon-delete{
  color:red;
}
}

</style>