elizebeth/src/xt_pages/hospitalStation/outpatientChargesManagement...

<template>
  <div class="main-contain outpatientChargesManagement">
    <div class="position">
      <bread-crumb :crumbs='crumbs'></bread-crumb>
    </div>
    <div class="app-container" style="display:flex;flex: 1;padding: 10px 20px 0px 20px;">
      <div class="mainLeft">

        <el-date-picker
            v-model="record_date"
            prefix-icon="el-icon-date"
            @change="changeTimeTwo"
            :editable="false"
            style="width: 100%;"
            type="date"
            placeholder="选择开始时间"
            align="right"
            format="yyyy-MM-dd"
            value-format="yyyy-MM-dd">
        </el-date-picker>

        <!-- <div class="mainCell" style="justify-content: space-between;font-size:14px;">
         <p >未收费：<span style="color: red">{{cal_one}}</span>人</p>
         <p>已收费：<span  style="color: red">{{cal_two}}</span>人</p>
         <p>已退费：<span  style="color: red">{{cal_three}}</span>人</p>
       </div> -->
        <div class="mainCell">
          <el-radio-group v-model="radio" @change="changeRadio">
            <!-- <el-radio :label=1>未收费</el-radio>
            <el-radio :label=2>已收费</el-radio>
            <el-radio :label=3>已退费</el-radio>
            <el-radio :label=4>全部</el-radio> -->
            <el-radio :label=1>未收费<span
                style="color: red;margin-bottom:10px;display: inline-block;">{{ cal_one }}</span>人
            </el-radio>
            <el-radio :label=2>已收费<span
                style="color: red;margin-bottom:10px;display: inline-block;">{{ cal_two }}</span>人
            </el-radio>
            <!--<el-radio :label=3>已退费<span-->
            <!--style="color: red;margin-bottom:10px;display: inline-block;">{{cal_three}}</span>人-->
            <!--</el-radio>-->
            <!--<el-radio :label=4>全部</el-radio>-->

          </el-radio-group>
        </div>
        <div class="mainCell" style="margin-bottom:10px;">
          <el-input size="small" v-model.trim="search_input"
                    class="filter-item"/>
          <el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"
                     @click="searchAction">
            搜索
          </el-button>
        </div>
        <div>
          <el-table v-if="radio == 1" :data="patientTableData" :height="tableHeight" border
                    style="width: 100%;"
                    :row-style="{ color: '#303133' }"
                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                    highlight-current-row ref="tab"
                    @current-change="handleCurrentChange">
            <el-table-column align="center" prop="name" label="姓名" wdith='89'>
              <template slot-scope="scope">{{ scope.$index + 1 }}.{{ scope.row.name }}</template>
            </el-table-column>
            <el-table-column align="center" prop="name" label="就诊号" width="110">
              <template slot-scope="scope">{{ scope.row ? scope.row.number : '' }}
              </template>
            </el-table-column>
          </el-table>


          <el-table v-if="radio == 2" :data="chargePatientTableData" :height="tableHeight" border
                    style="width: 100%;"
                    :row-style="{ color: '#303133' }"
                    :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                    highlight-current-row ref="tab"
                    @current-change="handleCurrentChange">
            <el-table-column align="center" prop="name" label="姓名" wdith='89'>
              <template slot-scope="scope">{{ scope.row.name }}</template>
            </el-table-column>
            <el-table-column align="center" prop="name" label="就诊号" width="110">
              <template slot-scope="scope">{{ scope.row.his_number }}
              </template>
            </el-table-column>
          </el-table>

        </div>
      </div>

      <div class="mainRight">

        <div class="mainCell fixedCell" style="margin-bottom:10px;">

          <div>

            <el-button v-loading="loadingone" size="small"
                       v-if="(this.activeName == 'third' &&this.hisPatientInfo.balance_accounts_type != 2 && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0)"

                       @click="open(2)"
                       type="primary">出院
            </el-button>

            <el-button v-loading="loadingone" size="small"
                       v-if="(this.activeName == 'third' &&this.hisPatientInfo.balance_accounts_type == 2  && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0)"
                       @click="open(2)"
                       type="primary">出院
            </el-button>

            <el-button
                size="small"
                @click="open(40)"
                type="primary">预结算
            </el-button>

            <el-button v-loading="loadingtwo"
                       v-if="(this.activeName == 'third' &&this.hisPatientInfo.balance_accounts_type != 2 &&  this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 1) || (this.activeName != 'first' &&this.hisPatientInfo.balance_accounts_type != 2 &&  this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 1 && this.order.order_status == 1) ||   (this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 1 && this.order.order_status == 3)"
                       size="small"
                       @click="open(3)"
                       type="primary">收费
            </el-button>

            <el-button v-loading="loadingtwo"
                       v-if="(this.activeName == 'third' &&this.hisPatientInfo.balance_accounts_type == 2 && this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 1  && this.order.order_status != 2)"
                       size="small"
                       @click="open(3)"
                       type="primary">收费
            </el-button>

            <el-button size="small" @click="open(4)" type="primary"
                       v-if="this.activeName == 'third' &&this.hisPatientInfo.id > 0 && this.order.id > 0 &&  this.order.order_status == 2">
              退费
            </el-button>
            <el-button v-if="this.activeName == 'third' &&this.order.order_status == 2" size="small" @click="open(5)"
                       type="primary"
            >结算单
            </el-button>


            <el-button
                v-if="(this.activeName == 'third' &&this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 1)"
                size="small" @click="open(6)" type="primary"
            >撤销出院
            </el-button>

            <el-button
                v-if="(this.activeName == 'third' &&this.hisPatientInfo.id > 0 && this.hisPatientInfo.in_hospital_status == 1 && this.hisPatientInfo.out_hospital_status == 0)"
                size="small" @click="open(7)" type="primary"
            >撤销入院
            </el-button>

          </div>


        </div>


        <div class="mainCenter">
          <el-tabs class="settlementTabs" v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="结算" name="third">
              <div style="display:flex;height:100%;">
                <div class="centerLeft">
                  <div class="tabsBox">
                    <el-tabs class="preTabs" v-model="editSettletableTabsValue" type="border-card"
                             @tab-click="tabclickEventThree">
                      <el-tab-pane
                          v-for="(item, index) in settle_prescriptions"
                          :key="index"
                          :label="item.name"
                          :name="item.name">
                      </el-tab-pane>
                      <settle-prescription-table
                          :prescription="curSettlePrescriptions"
                      ></settle-prescription-table>
                    </el-tabs>
                  </div>
                  <div class="costBox">
                    <span>当前处方总费用：<span style="color:red;">{{ settle_total }}元</span></span>
                    <span>医疗费总额：<span style="color:red;">{{
                        order.medfee_sumamt ? order.medfee_sumamt.toFixed(2) : getSettleTotal() ? getSettleTotal() : ''
                      }}元</span></span>
                    <span>基金支付总额：<span
                        style="color:red;">{{
                        order.fund_pay_sumamt ? order.fund_pay_sumamt.toFixed(2) : ''
                      }}元</span></span>
                    <span>基本医疗保险统筹基金支出：<span
                        style="color:red;">{{
                        order.hifp_pay ? order.hifp_pay.toFixed(2) : ''
                      }}元</span></span>
                    <span>医疗救助基金支出：<span
                        style="color:red;">{{
                        order.maf_pay ? order.maf_pay.toFixed(2) : ''
                      }}元</span></span>
                    <span>个人账户支付金额：<span
                        style="color:red;">{{
                        order.acct_pay ? order.acct_pay.toFixed(2) : ''
                      }}元</span></span>
                    <span v-if="hisPatientInfo.balance_accounts_type != 2">个人支付金额：<span
                        style="color:red;">{{
                        order.psn_cash_pay ? order.psn_cash_pay.toFixed(2) : ''
                      }}元</span></span>
                    <span v-if="hisPatientInfo.balance_accounts_type == 2">个人支付金额：<span
                        style="color:red;">{{
                        order.medfee_sumamt.toFixed(2)
                      }}元</span></span>
                    <span>个人账户金额：<span
                        style="color:red;">{{
                        order.balc ? order.balc.toFixed(2) : ''
                      }}元</span></span>
                  </div>
                </div>
              </div>
            </el-tab-pane>
          </el-tabs>
        </div>
      </div>
    </div>
    <additionalCharges ref='additionalCharges' @click="addCharges"
                       :addtions_charge="addtions_charge"></additionalCharges>

    <charge-dialog ref='charge' v-on:confirm="chargeConfirm" v-on:cancel="chargeCancel"></charge-dialog>

    <el-dialog
        class="centerDialog"
        width="900px"
        title="打印"
        :visible.sync="treatVisible">
      <treatPrint :paramsObj='paramsObj'></treatPrint>
    </el-dialog>
    <el-dialog
        class="centerDialog"
        width="1200px"
        title="打印"
        :visible.sync="statementVisible">
      <statementPrint ref="print" :paramsObj='orderObj'></statementPrint>
    </el-dialog>

    <el-dialog
        class="centerDialog"
        width="1200px"
        title="打印"
        :visible.sync="newStatementVisible">
      <new-statement-print-two :params-obj="newOrderObj"></new-statement-print-two>
      <!--<newStatementPrint ref="print" :paramsObj='newOrderObj'></newStatementPrint>-->
    </el-dialog>
    <el-dialog
        class="centerDialog"
        width="1200px"
        title="打印"
        :visible.sync="invoiceVisible">
      <invoice-print ref="print" :invoiceParams='invoiceParams'></invoice-print>
    </el-dialog>

    <el-dialog
        title="出院时间"
        :visible.sync="dialogVisible"
        width="30%"
    >
      <el-date-picker v-model="out_hospital_time" type="datetime" format="yyyy-MM-dd HH:mm:ss"
                      value-format="yyyy-MM-dd HH:mm:ss"
                      placeholder="请选择出院时间">
      </el-date-picker>

      <span slot="footer" class="dialog-footer">
                <el-button @click="dialogVisible = false">取 消</el-button>
                <el-button type="primary" @click="comfirmTime">确 定</el-button>
             </span>
    </el-dialog>
  </div>

</template>


<script>
import axios from 'axios'

import BreadCrumb from '@/xt_pages/components/bread-crumb'
import noCharge from './components/noCharge'
import charged from './components/charged'
import medicalInsuranceRefund from './components/medicalInsuranceRefund'
import additionalCharges from './components/additionalCharges'
import {
  getBaiLinRecord,
  getDayOrMonthHisPrescription,
  GetHisHospitalChargePatientInfo,
  GetHisHospitalChargePatientList,
  getInitData,
  HopitalunRefund,
  Inthopitaluncheck,
  Outhopitalcheck,
  Outhopitaluncheck,
  Settle
} from '@/api/his/his'
import { uParseTime } from '@/utils/tools'

import RegisterDialog from './components/registerDialog'
import treatPrint from './treatPrint'
import statementPrint from './statementPrint'
import ChargeDialog from './components/chargeDialog'
import MonthPrescriptionTable from './components/monthPrescriptionTable'
import ChargeMonthPrescriptionTable from './components/chargeMonthPrescriptionTable'
import NewStatementPrintTwo from './newStatementPrintTwo'
import RegisterDialog9504 from './components/registerDialog9504'
import ChargePrescriptionTable from './components/ChargePrescriptionTable'
import invoicePrint from './invoicePrint'
import SettlePrescriptionTable from './components/settlePrescriptionTable'

const moment = require('moment')
export default {
  components: {
    SettlePrescriptionTable,
    ChargePrescriptionTable,
    RegisterDialog9504,
    NewStatementPrintTwo,
    ChargeMonthPrescriptionTable,
    MonthPrescriptionTable,
    ChargeDialog,
    RegisterDialog,
    BreadCrumb,
    noCharge,
    charged,
    medicalInsuranceRefund,
    additionalCharges,
    treatPrint,
    statementPrint,
    invoicePrint

  },
  data() {
    return {
      register: [
        { value: 11, label: '普通门诊' },
        // { value: 12, label: '门诊挂号' },
        // { value: 13, label: '急诊' },
        { value: 14, label: '门诊慢性病' }
        // { value: 15, label: '门诊统筹' },
        // { value: 16, label: '门诊慢性病' },
        // { value: 21, label: '普通住院' }

      ],
      loading: false,
      dise_loading: false,
      dialogVisible: false,
      sick_history: '',
      p_type: '',
      sick_type: '',
      diagnosis: '',
      isShowUpload: 1,
      isShowWithdrawUpload: 1,

      month_p_type: '',
      month_sick_type: '',
      month_diagnosis: '',
      key: '',
      other_start_time: moment(new Date()).subtract(30, 'days').format('YYYY-MM-DD'),
      other_end_time: moment(new Date()).add('year', 0).format('YYYY-MM-DD'),
      curMonthPrescriptions: null,
      curSettlePrescriptions: null,

      month_total: 0,
      crumbs: [
        { path: false, name: '住院工作站' },
        { path: false, name: '住院收费管理' }
      ],
      current_index: 0,
      cal_one: '',
      cal_two: '',
      cal_three: '',
      tableHeight: '',
      fullHeight: document.documentElement.clientHeight,
      activeName: 'third',
      info: {},
      curPrescriptions: {},
      prescriptions: [],
      month_prescriptions: [],
      settle_prescriptions: [],

      settle_total: 0,

      record_date: '',
      tableData: [],
      editableTabsValue: '处方1',

      editSettletableTabsValue: '处方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: '',
      start_time: moment().locale('zh-cn').format('YYYY-MM-DD'),
      patient_id: 0,
      prescription_id: 0,
      all_table_data: [],
      all_charge_table_data: [],
      manufacturers: [],
      hisPatientDatas: [],
      order: {},
      addtions_charge: [],
      treatVisible: false,
      orderObj: {},
      paramsObj: {},
      newOrderObj: {},
      statementVisible: false,
      newStatementVisible: false,
      chargePatientTableData: [],
      sick: [],
      diagnoses: [],

      department: [],
      invoiceVisible: false,
      invoiceParams: {},
      out_hospital_time: moment(new Date()).add('year',0).format("YYYY-MM-DD HH:mm:ss")

    }
  },
  created() {
    let tableHeight = document.body.clientHeight - 243
    this.tableHeight = tableHeight
    var nowDate = new Date()
    var nowYear = nowDate.getFullYear()
    var nowMonth = nowDate.getMonth() + 1
    var nowDay = nowDate.getDate()
    this.record_date =
        nowYear +
        '-' +
        (nowMonth < 10 ? '0' + nowMonth : nowMonth) +
        '-' +
        (nowDay < 10 ? '0' + nowDay : nowDay)

    this.getInitData()
    //获取患者信息
    this.getPatientList()
  },
  methods: {
    comfirmTime() {
      var that = this
      let params = {
        'id': this.hisPatientInfo.id,
        'patient_id': this.patientInfo.id,
        'admin_user_id': this.$store.getters.xt_user.user.id,
        'record_time': this.record_date,
        'out_time': this.out_hospital_time
      }
      if (this.hisPatientInfo.balance_accounts_type == 2) {
        Outhopitalcheck(params).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            this.dialogVisible = false
             return false
          } else {
            this.dialogVisible = false
            this.$message.success('出院成功')
            this.changeRadioAndPatient(1)
          }
        })
      } else {
        axios.get('http://127.0.0.1:9532/zh/api/outhopitalcheck/get', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                that.dialogVisible = false

                return false
              } else {
                if (response.data.data.failed_code == -10) {
                  that.dialogVisible = false

                  that.$confirm(response.data.data.msg, '医保错误信息', {
                    confirmButtonText: '确 定',
                    type: 'warning'
                  }).then(() => {

                  }).catch(() => {
                  })
                } else {
                  that.dialogVisible = false

                  that.$message.success('出院成功')
                  that.changeRadioAndPatient(1)
                }
              }
            })
            .catch(function(error) {
            })
      }
    },
    getTimes(time) {
      return uParseTime(time, '{y}-{m}-{d}')
    },
    changeTimeTwo() {
      this.getPatientList()
    },
    query() {
      if (this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 4 || this.$store.getters.xt_user.org_id == 9538 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990) {
        var that = this
        axios.get('http://127.0.0.1:9532/api/org/info', {
          params: {}
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                return false
              } else {

              }
            })
            .catch(function(error) {

            })
      }
    },
    getDepartment(department_id) {
      for (let i = 0; i < this.department.length; i++) {
        if (this.department[i].id == department_id) {
          return this.department[i].name
        }
      }
    },
    querySearch2(queryString, cb) {
      var restaurants = this.other_sick
      restaurants.map(item => {
        item.value = item.name
      })
      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants
      // 调用 callback 返回建议列表的数据
      cb(results)
    },
    changeTime(val) {
      let params = {
        patient_id: this.patientInfo.id,
        start_time: val,
        end_time: this.other_end_time,
        p_type: 1
      }
      getDayOrMonthHisPrescription(params).then(response => {
        if (response.data.state == 1) {
          this.month_prescriptions = []
          this.setMonthPrescription(response.data.data.day_prescription)
          this.curMonthPrescriptions = this.month_prescriptions[0]

        } else {
          this.$message.error(response.data.msg)
        }
      })

    },
    changeEndTime(val) {
      let params = {
        patient_id: this.patientInfo.id,
        start_time: this.other_start_time,
        end_time: val,
        p_type: 1
      }
      getDayOrMonthHisPrescription(params).then(response => {
        if (response.data.state == 1) {
          this.month_prescriptions = []
          this.setMonthPrescription(response.data.data.day_prescription)
          this.curMonthPrescriptions = this.month_prescriptions[0]

        } else {
          this.$message.error(response.data.msg)
        }
      })

    },
    chargeConfirm(form) {
      form['in_hospital_id'] = this.hisPatientInfo.id
      form['patient_id'] = this.patientInfo.id
      form['admin_user_id'] = this.$store.getters.xt_user.user.id
      form['order_id'] = this.order.id
      form['record_time'] = this.record_date

      // if (this.activeName == 'first') {
      //   form['settle_accounts_type'] = 1
      //
      // } else {
      //   form['start_time'] = this.other_start_time
      //   form['end_time'] = this.other_end_time
      //   form['settle_accounts_type'] = 2
      //
      // }

      if (this.hisPatientInfo.balance_accounts_type != 2) {
        var that = this
        axios.get('http://127.0.0.1:9532/zh/api/settle/get', {
          params: form,
          headers: {
            'Permission': 5
          }
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                that.loadingtwo = false
                that.$refs.charge.hide()
                return false
              } else {
                if (response.data.data.failed_code == -10) {

                  // that.$message.error(response.data.data.msg)
                  that.$confirm(response.data.data.msg, '医保错误信息', {
                    confirmButtonText: '确 定',
                    type: 'warning'
                  }).then(() => {

                  }).catch(() => {
                  })

                } else {
                  that.changeRadioAndPatient(2)
                  that.radio = 2
                  that.$refs.charge.hide()
                  that.loadingtwo = false
                  that.state = '已收费'
                  that.$message({ message: '收费成功', type: 'success', duration: 5000 })
                  that.loadingtwo = false
                  that.cal_one = this.cal_one - 1
                  that.cal_two = this.cal_two + 1
                  that.patientTableData.splice(this.current_index, 1)
                }
              }
            })
            .catch(function(error) {

            })
      } else {
        Settle(form).then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            this.loadingtwo = false
            this.$refs.charge.hide()
            return false
          } else {
            this.$refs.charge.hide()
            this.changeRadioAndPatient(2)
            this.loadingtwo = false
            this.state = '已收费'
            this.$message({ message: '收费成功', type: 'success' })
            this.$refs.charge.hide()
            this.loadingtwo = false
          }
        })
      }
    },
    chargeCancel() {
      this.$refs.charge.hide()
    },
    registerCancel() {
      this.$refs.register9504.hide()

    },
    cancel() {
      this.$refs.register.hide()
    },
    addCharges() {
      this.$refs.additionalCharges.show()
    },
    changeDate(val) {
      if (this.patientInfo.id == 0) {
        this.$message.error('请先选择患者')
        return
      }

      let params = {
        'his_patient_id': val.his_patient.id,
        'record_date': val,
        'patient_id': this.patientInfo.id,
        'type': this.radio,
        'p_type': 1
      }
      GetHisHospitalChargePatientInfo(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.prescriptions = []
          this.month_prescriptions = []
          this.curPrescriptions = {}
          this.month_prescriptions = {}

          this.patientInfo = response.data.data.xt_info
          this.hisPatientInfo = response.data.data.his_info
          this.info = response.data.data.info
          this.order = response.data.data.order

          this.addtions_charge = response.data.data.addtions_charge

          // this.setMonthPrescription(response.data.data.month_prescriptions)

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

            let tempAdvice = []
            let tempProject = []

            for (let b = 0; b < prescription.advices.length; b++) {
              let spec = prescription.advices[b].drug.dose + prescription.advices[b].drug.dose_unit + '*' + prescription.advices[b].drug.min_number + prescription.advices[b].drug.min_unit + '/' + prescription.advices[b].drug.max_unit

              let obj = {
                advice_id: prescription.advices[b].id,
                drug_name: prescription.advices[b].advice_name,
                single_dose: prescription.advices[b].single_dose,
                delivery_way: prescription.advices[b].delivery_way,
                execution_frequency: prescription.advices[b].execution_frequency,
                retail_price: prescription.advices[b].price,
                remark: prescription.advices[b].remark,
                day: prescription.advices[b].day,
                prescribing_number: prescription.advices[b].prescribing_number.toString(),
                single_dose_unit: prescription.advices[b].single_dose_unit,
                prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
                medical_insurance_number: prescription.advices[b].med_list_codg,

                code: prescription.advices[b].drug.medical_insurance_number,
                spec: spec,
                det_item_fee_sumamt: prescription.advices[b].order_info.det_item_fee_sumamt,
                name_id: prescription.advices[b].drug.manufacturer,
                fulamt_ownpay_amt: prescription.advices[b].order_info.fulamt_ownpay_amt,
                overlmt_amt: prescription.advices[b].order_info.overlmt_amt,
                preselfpay_amt: prescription.advices[b].order_info.preselfpay_amt,
                inscp_scp_amt: prescription.advices[b].order_info.inscp_scp_amt

              }
              tempAdvice.push(obj)
            }

            for (let b = 0; b < prescription.project.length; b++) {
              let obj = {
                id: prescription.project[b].id,
                project_id: prescription.project[b].project.id,
                single_dose: prescription.project[b].single_dose,
                delivery_way: prescription.project[b].delivery_way,
                execution_frequency: prescription.project[b].execution_frequency,
                number_days: prescription.project[b].day,
                total: prescription.project[b].count.toString(),
                price: prescription.project[b].price,
                remark: prescription.project[b].remark,
                // medical_code: prescription.project[b].project.medical_code,
                unit: prescription.project[b].unit,

                type: prescription.project[b].type,
                det_item_fee_sumamt: prescription.project[b].order_info.det_item_fee_sumamt,
                fulamt_ownpay_amt: prescription.project[b].order_info.fulamt_ownpay_amt,
                overlmt_amt: prescription.project[b].order_info.overlmt_amt,
                preselfpay_amt: prescription.project[b].order_info.preselfpay_amt,
                inscp_scp_amt: prescription.project[b].order_info.inscp_scp_amt

              }
              if (prescription.project[b].type == 2) {
                obj['statistical_classification'] = prescription.project[b].team.project_team
                obj['medical_code'] = prescription.project[b].project.medical_code
                obj['project_name'] = prescription.project[b].project.project_name
                obj['spec'] = ''
                obj['name_id'] = 0

              } else if (prescription.project[b].type == 3) {
                obj['statistical_classification'] = prescription.project[b].team.project_team
                obj['medical_code'] = prescription.project[b].good_info.medical_insurance_number
                obj['project_name'] = prescription.project[b].good_info.good_name
                obj['spec'] = prescription.project[b].good_info.specification_name
                obj['name_id'] = prescription.project[b].good_info.manufacturer

              }

              tempProject.push(obj)
            }
            let index = i + 1
            let obj = {
              id: prescription.id,
              name: '处方' + index,
              advices: tempAdvice,
              project: tempProject,
              type: prescription.type,
              order_status: prescription.order_status
            }
            this.prescriptions.push(obj)
          }
          this.curPrescriptions = this.prescriptions[0]
          this.total = 0
          this.total = this.getTotalOne()
          this.month_total = 0
          this.month_total = this.getMonthTotalOne()
        }
      })
    },
    getInitData() {
      getInitData().then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.doctors = response.data.data.doctors
          this.department = response.data.data.department
          this.sick = response.data.data.sick
          this.diagnoses = response.data.data.diagnose
          this.manufacturers = response.data.data.manufacturers

        }
      })

    },
    getDayPatientList() {

      let params = {
        'record_date': this.record_date
      }
      GetHisHospitalChargePatientList(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          if (response.data.data.list == null) {

            response.data.data.list = []
          }
          if (response.data.data.list_two == null) {

            response.data.data.list_two = []
          }
          this.patientTableData = []
          this.all_table_data = []
          this.hisPatientDatas = []
          this.all_charge_table_data = []

          let one_count = 0
          let two_count = 0
          let three_count = 0
          for (let i = 0; i < response.data.data.list.length; i++) {
            this.all_table_data.push(response.data.data.list[i])
            if (response.data.data.list[i].order.order_status == 0 || response.data.data.list[i].order.order_status == 1 || response.data.data.list[i].order.order_status == 3) {
              one_count = one_count + 1
            }

            if (response.data.data.list[i].order.order_status == 2) {
              two_count = two_count + 1
            }

            // if (response.data.data.list[i].order.order_status == 3) {
            //   three_count = three_count + 1
            // }
          }

          this.hisPatientDatas = response.data.data.list_two
          this.cal_one = one_count
          this.cal_two = response.data.data.charge_list.length

          this.cal_three = three_count
          this.current_index = 0

          switch (this.radio) {

            case 1:
              this.patientTableData = []

              for (let i = 0; i < this.all_table_data.length; i++) {
                if (this.all_table_data[i].order.order_status == 0 || this.all_table_data[i].order.order_status == 1) {
                  this.patientTableData.push(this.all_table_data[i])
                }

              }
              if (this.patientTableData.length > 0) {
                for (let i = 0; i < this.patientTableData.length; i++) {
                  if (this.patientTableData[i].patient_id == this.patientInfo.id) {
                    this.$refs.tab.setCurrentRow(this.patientTableData[i])
                    this.getPatientInformation(this.patientTableData[i].patient_id, this.patientTableData[i].order.number, this.patientTableData[i].id)
                  }
                }
              }
              break
            case 2:
              this.chargePatientTableData = []
              for (let i = 0; i < response.data.data.charge_list.length; i++) {
                let obj = {
                  name: response.data.data.charge_list[i].patient.name,
                  id: response.data.data.charge_list[i].patient.id,
                  number: response.data.data.charge_list[i].number,
                  his_patient_id: response.data.data.charge_list[i].his_patient.id,
                  his_number: response.data.data.charge_list[i].mdtrt_id

                }
                this.chargePatientTableData.push(obj)

              }
              this.all_charge_table_data = this.chargePatientTableData

              if (this.chargePatientTableData.length > 0) {
                for (let i = 0; i < this.chargePatientTableData.length; i++) {
                  if (this.chargePatientTableData[i].id == this.patientInfo.id) {
                    this.$refs.tab.setCurrentRow(this.chargePatientTableData[i])
                    this.getPatientInformation(this.chargePatientTableData[i].id, this.chargePatientTableData[i].number, this.chargePatientTableData[i].his_patient_id)
                  }
                }
              }

              break
              // case 3:
              //   this.patientTableData = []
              //
              //   for (let i = 0; i < this.all_table_data.length; i++) {
              //
              //     if (this.all_table_data[i].his_patient.order.order_status == 3) {
              //       this.patientTableData.push(this.all_table_data[i])
              //     }
              //
              //   }
              //   break
              // case 4:
              //   this.patientTableData = []
              //   this.patientTableData = this.all_table_data
              //   break

          }

        }
      })

    },
    getMonthPatientList() {

      let params = {
        'record_date': this.record_date
      }
      GetHisHospitalChargePatientList(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          if (response.data.data.list == null) {

            response.data.data.list = []
          }
          if (response.data.data.list_two == null) {

            response.data.data.list_two = []
          }
          this.patientTableData = []
          this.all_table_data = []
          this.hisPatientDatas = []

          let one_count = 0
          let two_count = 0
          let three_count = 0

          for (let i = 0; i < response.data.data.list_two.length; i++) {
            this.hisPatientDatas.push(response.data.data.list_two[i])
            if (response.data.data.list_two[i].order.order_status == 0 || response.data.data.list_two[i].order.order_status == 1 || response.data.data.list_two[i].order.order_status == 3) {
              one_count = one_count + 1
            }

            if (response.data.data.list_two[i].order.order_status == 2) {
              two_count = two_count + 1
            }

            // if (response.data.data.list_two[i].order.order_status == 3) {
            //   three_count = three_count + 1
            // }
          }

          this.cal_one = one_count
          this.cal_two = response.data.data.charge_list.length
          // this.all_charge_table_data = response.data.data.charge_list
          this.cal_three = three_count
          this.current_index = 0

          switch (this.radio) {
            case 1:
              this.patientTableData = []

              for (let i = 0; i < this.hisPatientDatas.length; i++) {
                if (this.hisPatientDatas[i].order.order_status == 0 || this.hisPatientDatas[i].order.order_status == 1 || this.hisPatientDatas[i].order.order_status == 3) {
                  this.patientTableData.push(this.hisPatientDatas[i])
                }

              }
              if (this.patientTableData.length > 0) {
                for (let i = 0; i < this.patientTableData.length; i++) {
                  if (this.patientTableData[i].patient_id == this.patientInfo.id) {
                    this.$refs.tab.setCurrentRow(this.patientTableData[i])
                    this.getPatientInformation(this.patientTableData[i].patient_id, this.patientTableData[i].order.number, this.patientTableData[i].id)
                  }
                }
              }
              break
            case 2:
              this.chargePatientTableData = []
              for (let i = 0; i < response.data.data.charge_list.length; i++) {
                let obj = {
                  name: response.data.data.charge_list[i].patient.name,
                  id: response.data.data.charge_list[i].patient.id,
                  number: response.data.data.charge_list[i].number,
                  his_patient_id: response.data.data.charge_list[i].his_patient.id,
                  his_number: response.data.data.charge_list[i].mdtrt_id

                }
                this.chargePatientTableData.push(obj)

              }
              this.all_charge_table_data = this.chargePatientTableData

              for (let i = 0; i < this.chargePatientTableData.length; i++) {
                if (this.patientInfo.id == this.chargePatientTableData[i].id) {
                  this.current_index = i
                  this.$refs.tab.setCurrentRow(this.chargePatientTableData[i])
                  this.getPatientInformation(this.chargePatientTableData[i].id, this.chargePatientTableData[i].number, this.chargePatientTableData[i].his_patient_id)
                }
              }
              break
              // case 3:
              //   this.patientTableData = []
              //   for (let i = 0; i < this.hisPatientDatas.length; i++) {
              //     if (this.hisPatientDatas[i].order.order_status == 3) {
              //       this.patientTableData.push(this.hisPatientDatas[i])
              //     }
              //   }
              //   break
            case 4:
              this.patientTableData = []
              this.patientTableData = this.hisPatientDatas
              break

          }

        }
      })

    },
    handleClick() {
      // this.getPatientList()
      // if (this.activeName == 'first') {
      //   // this.patientTableData = this.all_table_data
      //   this.getDayPatientList()
      //
      // } else if (this.activeName == 'second') {
      //   this.getMonthPatientList()
      //   // this.getPatientList()
      //
      //   // if (this.patientTableData.length > 0) {
      //   //   this.$refs.tab.setCurrentRow(this.patientTableData[0])
      //   //   this.getPatientInformation(this.patientTableData[0].id, this.patientTableData[0].order.number)
      //   // }
      //
      // } else {
      //
      //   console.log(this.settle_prescriptions)
      // }

    },
    searchAction() {
      if (this.search_input.length == 0) {
        switch (this.radio) {
          case 1:
            this.patientTableData = this.all_table_data

            break
          case 2:

            this.chargePatientTableData = this.all_charge_table_data

            break
        }

      } else {
        switch (this.radio) {
          case 1:
            let arr3 = []
            for (let i = 0; i < this.all_table_data.length; i++) {
              console.log(this.all_table_data[i])
              console.log(this.all_table_data[i].name)
              console.log(this.all_table_data[i].his_number)

              if (this.all_table_data[i].name.indexOf(this.search_input) != -1) {
                arr3 = arr3.concat(this.all_table_data[i])
              }
            }
            this.patientTableData = arr3
            break
          case 2:
            let arr2 = []
            for (let i = 0; i < this.all_charge_table_data.length; i++) {
              console.log(this.all_charge_table_data[i].name)
              console.log(this.all_charge_table_data[i].his_number)

              if (this.all_charge_table_data[i].name.indexOf(this.search_input) != -1 ) {
                arr2 = arr2.concat(this.all_charge_table_data[i])
              }
            }
            this.chargePatientTableData = arr2

            break

        }
      }

    },
    tabclickEventTwo(val) {
      for (let i = 0; i < this.month_prescriptions.length; i++) {
        if (this.month_prescriptions[i].name == val.name) {

          this.curMonthPrescriptions = {}
          var temp = this.deepClone(this.month_prescriptions[i])
          this.curMonthPrescriptions = temp
        }
      }
      this.prescription_id = this.month_prescriptions.id
      this.month_total = 0
      this.month_total = this.getMonthTotalOne()

    },
    tabclickEventThree(val) {
      for (let i = 0; i < this.settle_prescriptions.length; i++) {
        if (this.settle_prescriptions[i].name == val.name) {

          this.curSettlePrescriptions = {}
          var temp = this.deepClone(this.settle_prescriptions[i])
          this.curSettlePrescriptions = temp
        }
      }
      this.prescription_id = this.settle_prescriptions.id
      this.settle_total = 0
      this.settle_total = this.getSettleTotalOne()

    },
    tabclickEvent(val) {
      console.log('val', val.name)
      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
        }
      }
      console.log('9999', this.curPrescriptions)
      this.prescription_id = this.curPrescriptions.id
      this.total = 0
      this.total = this.getTotalOne()

    },
    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
    },
    getTotalOne() {
      var total = 0
      if (this.curPrescriptions.type == 1) {
        if (this.curPrescriptions.advices != null) {
          for (let a = 0; a < this.curPrescriptions.advices.length; a++) {
            total = parseFloat(total) + parseFloat(this.curPrescriptions.advices[a].retail_price * this.curPrescriptions.advices[a].prescribing_number)

          }
        }
      } else {
        if (this.curPrescriptions.project != null) {
          for (let b = 0; b < this.curPrescriptions.project.length; b++) {
            total = parseFloat(total) + parseFloat(this.curPrescriptions.project[b].price * this.curPrescriptions.project[b].total)

          }
        }
      }

      return total.toFixed(2)

    },
    getMonthTotalOne() {
      var total = 0
      if (this.curMonthPrescriptions.type == 1) {
        if (this.curMonthPrescriptions.advices != null) {
          for (let a = 0; a < this.curMonthPrescriptions.advices.length; a++) {
            total = parseFloat(total) + parseFloat(this.curMonthPrescriptions.advices[a].retail_price * this.curMonthPrescriptions.advices[a].prescribing_number)

          }
        }
      } else {
        if (this.curMonthPrescriptions.project != null) {
          for (let b = 0; b < this.curMonthPrescriptions.project.length; b++) {
            total = parseFloat(total) + parseFloat(this.curMonthPrescriptions.project[b].price * this.curMonthPrescriptions.project[b].total)

          }
        }
      }

      return total.toFixed(2)

    },
    getSettleTotalOne() {
      var total = 0
      if (this.curSettlePrescriptions.type == 1) {
        if (this.curSettlePrescriptions.advices != null) {
          for (let a = 0; a < this.curSettlePrescriptions.advices.length; a++) {
            total = parseFloat(total) + parseFloat(this.curSettlePrescriptions.advices[a].retail_price * this.curSettlePrescriptions.advices[a].prescribing_number)

          }
        }
      } else {
        if (this.curSettlePrescriptions.project != null) {
          for (let b = 0; b < this.curSettlePrescriptions.project.length; b++) {
            total = parseFloat(total) + parseFloat(this.curSettlePrescriptions.project[b].price * this.curSettlePrescriptions.project[b].total)

          }
        }
      }

      return total.toFixed(2)

    },
    getSettleTotal() {
      var total = 0
      for (let i = 0; i < this.settle_prescriptions.length; i++) {
        if (this.settle_prescriptions[i].advices != null) {
          for (let a = 0; a < this.settle_prescriptions[i].advices.length; a++) {
            total = parseFloat(total) + parseFloat(this.settle_prescriptions[i].advices[a].retail_price * this.settle_prescriptions[i].advices[a].prescribing_number)
          }
        }
        if (this.settle_prescriptions[i].project != null) {
          for (let b = 0; b < this.settle_prescriptions[i].project.length; b++) {

            total = parseFloat(total) + parseFloat(this.settle_prescriptions[i].project[b].price * this.settle_prescriptions[i].project[b].total)
          }
        }

      }
      return total.toFixed(2)

    },
    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 = parseFloat(total) + parseFloat(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 = parseFloat(total) + parseFloat(this.prescriptions[i].project[b].price * this.prescriptions[i].project[b].total)
          }
        }

      }
      return total.toFixed(2)

    },
    getTotalTwo() {
      var total = 0
      for (let i = 0; i < this.month_prescriptions.length; i++) {
        if (this.month_prescriptions[i].advices != null) {
          for (let a = 0; a < this.month_prescriptions[i].advices.length; a++) {
            total = parseFloat(total) + parseFloat(this.month_prescriptions[i].advices[a].retail_price * this.month_prescriptions[i].advices[a].prescribing_number)
          }
        }
        if (this.month_prescriptions[i].project != null) {
          for (let a = 0; a < this.month_prescriptions[i].project.length; a++) {

            total = parseFloat(total) + parseFloat(this.month_prescriptions[i].project[a].price * this.month_prescriptions[i].project[a].total)
          }
        }

      }
      return total.toFixed(2)

    },
    moreState(tab, event) {
      if (tab == 'more') {
        return false
      }
    },
    formatJson(filterVal, jsonData) {
      return jsonData.map(v => filterVal.map(j => v[j]))
    },
    open(index) {
      if (index == 40) {
        var form = {}

        form['in_hospital_id'] = this.hisPatientInfo.id
        form['patient_id'] = this.patientInfo.id
        form['admin_user_id'] = this.$store.getters.xt_user.user.id
        form['order_id'] = this.order.id
        form['record_time'] = this.record_date

        if (this.hisPatientInfo.balance_accounts_type != 2) {
          var that = this
          axios.get('http://127.0.0.1:9532/zh/api/presettle/get', {
            params: form,
            headers: {
              'Permission': 5
            }
          })
              .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 {
                    if(response.data.data.order_way == 2){
                      that.$message({ message: '预结算成功', type: 'success', duration: 5000 })
                      var message = ""
                      var order = response.data.data.order
                      message = "总费用:" + order.medfee_sumamt+"元" + "\n"
                          + "基金支付总额:"+ order.fund_pay_sumamt+"元" + "\n"
                          +  "基本医疗保险统筹基金支出:"+ order.hifp_pay+"元" + "\n"
                          + "医疗救助基金支出:" + order.maf_pay + "元"+ "\n"
                          + "个人账户支付金额" + order.acct_pay + "元" + "\n"
                          +"个人支付金额:" + order.psn_cash_pay + "元" +"\n"
                          + "个人账户金额:" +  order.balc + "元"

                      that.$confirm(message, '预结算信息', {
                        confirmButtonText: '确 定',
                        type: 'info'
                      }).then(() => {

                      }).catch(() => {
                      })
                    }else{
                      that.changeRadioAndPatient(1)
                      that.$message({ message: '预结算成功', type: 'success', duration: 5000 })

                    }

                  }
                }
              })
              .catch(function(error) {
              })
        }
      }
      if (index == 200) {

        getBaiLinRecord().then(response => {
          if (response.data.state == 0) {
            this.$message.error(response.data.msg)
            return false
          } else {

            let list = []
            for (let b = 0; b < response.data.data.list.length; b++) {
              let time = ''
              if (response.data.data.list[b].setl_time != '') {
                time = response.data.data.list[b].setl_time
              } else {
                time = this.getTimes(response.data.data.list[b].settle_accounts_date)
              }

              let obj = {
                '就诊id': response.data.data.list[b].mdtrt_id,
                '结算id': response.data.data.list[b].setl_id,
                '姓名': response.data.data.list[b].patient.name,
                '证件号码': response.data.data.list[b].patient.id_card_no,
                '开始时间': this.getTimes(response.data.data.list[b].settle_accounts_date),
                '结束时间': this.getTimes(response.data.data.list[b].settle_accounts_date),
                '费用合计': response.data.data.list[b].medfee_sumamt,
                '记账合计': response.data.data.list[b].fund_pay_sumamt,
                '现金支付': response.data.data.list[b].psn_cash_pay,
                '统筹支出': response.data.data.list[b].hifp_pay,
                '大病': response.data.data.list[b].hifp_pay,
                '大额': response.data.data.list[b].hifob_pay,
                '医疗救助基金': response.data.data.list[b].maf_pay,
                '先行自付金额': response.data.data.list[b].preselfpay_amt,
                '超限价自费费用': response.data.data.list[b].overlmt_self_pay,
                '全自费金额': response.data.data.list[b].fulamt_ownpay_amt,
                '结算时间': time
              }
              list.push(obj)
            }
            import('@/vendor/Export2Excel').then(excel => {
              const tHeader = ['就诊id', '结算id', '姓名', '证件号码', '开始时间', '结束时间', '费用合计', '记账合计', '现金支付', '统筹支出', '大病', '大额', '医疗救助基金', '先行自付金额', '超限价自费费用', '全自费金额', '结算时间']
              const filterVal = ['就诊id', '结算id', '姓名', '证件号码', '开始时间', '结束时间', '费用合计', '记账合计', '现金支付', '统筹支出', '大病', '大额', '医疗救助基金', '先行自付金额', '超限价自费费用', '全自费金额', '结算时间']
              const data = this.formatJson(filterVal, list)
              excel.export_json_to_excel({
                header: tHeader,
                data,
                filename: '核酸'
              })
            })

          }
        })
      }

      if (index == 2) { //出院
        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要出院的患者', type: 'error' })
          return
        }

        var that = this
        this.$confirm('是否出院', '出院', {
          confirmButtonText: '确 定',
          cancelButtonText: '取 消',
          type: 'warning'
        }).then(() => {
          this.dialogVisible = true
        }).catch(() => {

        })

      } else if (index == 3) {
        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要收费的患者', type: 'error' })
          return
        }

        let ids = []
        // if (this.activeName == 'first') {

        for (let i = 0; i < this.settle_prescriptions.length; i++) {
          for (let a = 0; a < this.settle_prescriptions[i].advices.length; a++) {
            ids.push(this.settle_prescriptions[i].advices[a].id)
          }

          for (let a = 0; a < this.settle_prescriptions[i].project.length; a++) {
            ids.push(this.settle_prescriptions[i].project[a].id)
          }
        }
        if (ids.length == 0) {
          this.$message.error('请先到医生工作站开处方再来结算')
          return
        }

        this.$refs.charge.show(this.getSettleTotal(),this.order)

      } else if (index == 4) {
        if (this.hisPatientInfo.balance_accounts_type == 2) {

          this.$confirm('是否退费', '退费', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'order_id': this.order.id,
              'admin_user_id': this.$store.getters.xt_user.user.id
            }

            HopitalunRefund(params).then(response => {
              if (response.data.state == 0) {
                this.$message.error(response.data.msg)
                return false
              } else {
                this.$message.success('退费成功')
                this.changeRadioAndPatient(1)
                this.loadingtwo = false
              }
            })

          }).catch(() => {

          })

        } else {

          var that = this
          this.$confirm('是否退费', '退费', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'order_id': this.order.id,
              'admin_user_id': this.$store.getters.xt_user.user.id
            }
            axios.get('http://127.0.0.1:9532/zh/api/refund', {
              params: params
            })
                .then(function(response) {
                  if (response.data.state == 0) {
                    that.$message.error(response.data.msg)
                    that.loadingtwo = false
                    return false
                  } else {
                    if (response.data.data.failed_code == -10) {
                      // that.$message.error(response.data.data.msg)
                      that.$confirm(response.data.data.msg, '医保错误信息', {
                        confirmButtonText: '确 定',
                        type: 'warning'
                      }).then(() => {

                      }).catch(() => {
                      })
                    } else {
                      that.changeRadioAndPatient(1)
                      that.$message({ message: '退费成功', type: 'success', duration: 5000 })
                      that.loadingtwo = false
                    }

                  }
                })
                .catch(function(error) {

                })

          }).catch(() => {

          })
        }

      } else if (index == 5) {
        this.statementVisible = true
        let obj = {
          order_id: this.order.id
        }
        this.orderObj = obj
        // this.$refs.print.getInfo(this.order.id)

      } else if (index == 6) {

        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要撤销出院的患者', type: 'error' })
          return
        }

        if (this.hisPatientInfo.balance_accounts_type == 2) {
          var that = this
          this.$confirm('是否撤销出院', '撤销出院', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'id': that.hisPatientInfo.id,
              'admin_user_id': this.$store.getters.xt_user.user.id

            }

            Outhopitaluncheck(params).then(response => {
              if (response.data.state == 0) {
                this.$message.error(response.data.msg)
                return false
              } else {
                this.$message.success('撤销出院成功')
                this.changeRadioAndPatient(1)
              }
            })

          }).catch(() => {

          })

        } else {

          var that = this
          this.$confirm('是否撤销出院', '撤销出院', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'id': that.hisPatientInfo.id,
              'admin_user_id': this.$store.getters.xt_user.user.id

            }
            axios.get('http://127.0.0.1:9532/zh/api/outhopitaluncheck/get', {
              params: params
            })
                .then(function(response) {
                  if (response.data.state == 0) {
                    that.$message.error(response.data.msg)
                    return false
                  } else {
                    if (response.data.data.failed_code == -10) {
                      // that.$message.error(response.data.data.msg)
                      that.$confirm(response.data.data.msg, '医保错误信息', {
                        confirmButtonText: '确 定',
                        type: 'warning'
                      }).then(() => {

                      }).catch(() => {
                      })
                    } else {
                      that.changeRadioAndPatient(1)

                      that.$message({ message: '撤销出院成功', type: 'success', duration: 5000 })
                    }

                  }
                })
                .catch(function(error) {

                })

          }).catch(() => {

          })

        }

      } else if (index == 7) {
        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要撤销入院的患者', type: 'error' })
          return
        }

        if (this.hisPatientInfo.balance_accounts_type == 2) {
          var that = this
          this.$confirm('是否撤销入院', '撤销入院', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'id': that.hisPatientInfo.id,
              'admin_user_id': this.$store.getters.xt_user.user.id

            }

            Inthopitaluncheck(params).then(response => {
              if (response.data.state == 0) {
                this.$message.error(response.data.msg)
                return false
              } else {
                this.$message.success('撤销入院成功')
                this.changeRadioAndPatient(1)
              }
            })

          }).catch(() => {

          })

        } else {
          var that = this
          this.$confirm('是否撤销入院', '撤销入院', {
            confirmButtonText: '确 定',
            cancelButtonText: '取 消',
            type: 'warning'
          }).then(() => {
            let params = {
              'id': that.hisPatientInfo.id,
              'admin_user_id': this.$store.getters.xt_user.user.id

            }
            axios.get('http://127.0.0.1:9532/zh/api/inthopitaluncheck/get', {
              params: params
            })
                .then(function(response) {
                  if (response.data.state == 0) {
                    that.$message.error(response.data.msg)
                    return false
                  } else {
                    if (response.data.data.failed_code == -10) {
                      // that.$message.error(response.data.data.msg)
                      that.$confirm(response.data.data.msg, '医保错误信息', {
                        confirmButtonText: '确 定',
                        type: 'warning'
                      }).then(() => {

                      }).catch(() => {
                      })
                    } else {
                      that.changeRadioAndPatient(1)

                      that.$message({ message: '撤销入院成功', type: 'success', duration: 5000 })
                    }

                  }
                })
                .catch(function(error) {

                })

          }).catch(() => {

          })

        }

      } else if (index == 10) {
        var that = this
        this.$confirm('是否退号', '退号', {
          confirmButtonText: '确 定',
          cancelButtonText: '取 消',
          type: 'warning'
        }).then(() => {
          let params = {
            'patient_id': this.patientInfo.id,
            'record_time': this.record_date,
            'org_id': this.$store.getters.xt_user.org_id,
            'admin_user_id': this.$store.getters.xt_user.user.id
          }
          axios.get('http://127.0.0.1:9532/api/refundnumber/post', {
            params: params
          })
              .then(function(response) {
                if (response.data.state == 0) {
                  that.$message.error(response.data.msg)
                  return false
                } else {
                  if (response.data.data.failed_code == -10) {
                    // that.$message.error(response.data.data.msg)
                    that.$confirm(response.data.data.msg, '医保错误信息', {
                      confirmButtonText: '确 定',
                      type: 'warning'
                    }).then(() => {

                    }).catch(() => {
                    })
                  } else {
                    that.radio = 1
                    that.changeRadioAndPatient(1)
                    that.$message({ message: '退号成功', type: 'success', duration: 5000 })
                  }

                }
              })
              .catch(function(error) {
              })
        }).catch(() => {
        })
      } else if (index == 11) {
        let params = {
          'order_id': this.order.id,
          'number': this.order.number,
          'patient_id': this.patientInfo.id,
          'record_time': this.record_date,
          'org_id': this.$store.getters.xt_user.org_id
        }
        axios.get('http://127.0.0.1:9532/api/refunddetail/post', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                that.loadingtwo = false
                return false
              } else {
                // that.$message({ message: '退号成功', type: 'success' })
                that.$message({ message: '退明细成功', type: 'success', duration: 5000 })
                that.loadingtwo = false
              }
            })
            .catch(function(error) {
            })

      } else if (index == 12) {
        let params = {
          'name': '琥珀酸亚铁片',
          'codg': 'XB03AAH026A001010104942'
        }
        axios.get('http://127.0.0.1:9532/api/code/get', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                that.loadingtwo = false
                return false
              } else {

                that.loadingtwo = false
              }
            })
            .catch(function(error) {
            })

      } else if (index == 13) {
        let params = {
          'id': this.patientInfo.id,
          'record_time': this.record_date
        }
        axios.get('http://127.0.0.1:9532/api/record/put', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                that.loadingtwo = false
                return false
              } else {
                that.loadingtwo = false
              }
            })
            .catch(function(error) {
            })
      } else if (index == 15) {
        var that = this
        if (this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 4 || this.$store.getters.xt_user.org_id == 9538 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990) {

          if (this.diagnosis.length || this.diagnosis == 0) {
            that.$message.error('诊断不能为空,请选择诊断内容')
            return
          }

          if (this.sick_type.length || this.sick_type == 0) {

            that.$message.error('疾病类型不能为空,请选择疾病类型')
            return
          }

          if (this.reg_type.length || this.reg_type == 0) {
            that.$message.error('处方类型不能为空,请选择处方类型')
            return
          }

          let params = {
            'id': that.patientInfo.id,
            'record_time': that.record_date,
            'diagnosis': that.diagnosis,
            'sick_type': that.sick_type,
            'reg_type': that.p_type
          }
          this.dise_loading = true
          axios.get('http://127.0.0.1:9532/api/diag/upload', {
            params: params
          })
              .then(function(response) {
                if (response.data.state == 0) {
                  that.$message.error(response.data.msg)
                  that.dise_loading = false
                  return false
                } else {
                  that.dise_loading = false
                  that.$message.success('上传成功')
                }
              })
              .catch(function(error) {
              })

        }

      } else if (index == 20) {
        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要收费的患者', type: 'error' })
          return
        }

        if (this.hisPatientInfo.id == 0) {
          this.$message({ message: '该患者尚未挂号,请先挂号', type: 'error' })
          return
        }

        let ids = []

        for (let i = 0; i < this.settle_prescriptions.length; i++) {
          for (let a = 0; a < this.settle_prescriptions[i].advices.length; a++) {
            ids.push(this.settle_prescriptions[i].advices[a].id)
          }

          for (let a = 0; a < this.settle_prescriptions[i].project.length; a++) {
            ids.push(this.settle_prescriptions[i].project[a].id)
          }
        }
        if (ids.length == 0) {
          this.$message.error('请先到医生工作站开处方再来结算')
          return
        }

        var form = {}
        form['id'] = this.patientInfo.id
        form['record_time'] = this.record_date
        form['admin_user_id'] = this.$store.getters.xt_user.user.id
        form['org_id'] = this.$store.getters.xt_user.org_id

        // if (this.activeName == 'first') {
        //   form['settle_accounts_type'] = 1
        //
        // } else {
        //   form['start_time'] = this.other_start_time
        //   form['end_time'] = this.other_end_time
        //   form['settle_accounts_type'] = 2
        //
        // }
        this.loadingtwo = true
        if (this.$store.getters.xt_user.org_id == 9919 || this.$store.getters.xt_user.org_id == 10106 || this.$store.getters.xt_user.org_id == 9990) {
          var that = this
          axios.get('http://127.0.0.1:9532/api/pre_upload/get', {
            params: form
          })
              .then(function(response) {
                if (response.data.state == 0) {
                  that.$message.error(response.data.msg)
                  that.loadingtwo = false
                  that.$refs.charge.hide()
                  return false
                } else {
                  that.loadingtwo = false
                  that.state = '预结算'

                  that.$message({ message: '预结算成功', type: 'success' })
                }
              })
              .catch(function(error) {

              })
        } else {

        }
      } else if (index == 21) {

        if (this.patientInfo.id == 0) {
          this.$message({ message: '该选择要收费的患者', type: 'error' })
          return
        }

        if (this.hisPatientInfo.id == 0) {
          this.$message({ message: '该患者尚未挂号,请先挂号', type: 'error' })
          return
        }

        let ids = []
        if (this.activeName == 'first') {
          for (let i = 0; i < this.prescriptions.length; i++) {
            for (let a = 0; a < this.prescriptions[i].advices.length; a++) {
              ids.push(this.prescriptions[i].advices[a].id)
            }

            for (let a = 0; a < this.prescriptions[i].project.length; a++) {
              ids.push(this.prescriptions[i].project[a].id)
            }
          }
          if (ids.length == 0) {
            this.$message.error('请先到医生工作站开处方再来结算')
            return
          }

        } else {
          for (let i = 0; i < this.month_prescriptions.length; i++) {
            for (let a = 0; a < this.month_prescriptions[i].advices.length; a++) {
              ids.push(this.month_prescriptions[i].advices[a].id)
            }

            for (let a = 0; a < this.month_prescriptions[i].project.length; a++) {
              ids.push(this.month_prescriptions[i].project[a].id)
            }
          }
          if (ids.length == 0) {
            this.$message.error('请先到医生工作站开处方再来结算')
            return
          }
        }
        if (this.activeName == 'first') {
          this.$refs.charge.show(this.getTotal())
        } else {
          this.$refs.charge.show(this.getTotalTwo())
        }
      } else if (index == 8) {
        var that = this
        let params = {
          'in_hospital_id': that.hisPatientInfo.id,
          'id': that.patientInfo.id,
          'admin_user_id': that.$store.getters.xt_user.user.id,
          'record_time': that.record_date

        }
        if (this.activeName == 'first') {
          params['settle_accounts_type'] = 1

        } else {
          params['start_time'] = that.other_start_time
          params['end_time'] = that.other_end_time
          params['settle_accounts_type'] = 2

        }
        axios.get('http://127.0.0.1:9532/zh/api/uploadinfo/get', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                return false
              } else {
                if (response.data.data.failed_code == -10) {
                  // that.$message.error(response.data.data.msg)
                  that.$confirm(response.data.data.msg, '医保错误信息', {
                    confirmButtonText: '确 定',
                    type: 'warning'
                  }).then(() => {

                  }).catch(() => {
                  })
                } else {
                  that.$message.success('上传明细成功')
                  that.changeRadioAndPatient(1)
                }

              }
            })
            .catch(function(error) {

            })
      } else if (index == 9) {
        let settle_accounts_type = ''
        if (this.activeName == 'first') {

          settle_accounts_type = 1
        } else {

          settle_accounts_type = 2

        }
        var that = this
        this.$confirm('是否撤销明细', '撤销明细', {
          confirmButtonText: '确 定',
          cancelButtonText: '取 消',
          type: 'warning'
        }).then(() => {

          let params = {
            'settle_accounts_type': settle_accounts_type,
            'patient_id': that.patientInfo.id,
            'his_patient_id': that.hisPatientInfo.id,
            'record_time': that.record_date,
            'order_id': that.order.id,
            'admin_user_id': that.$store.getters.xt_user.user.id
          }
          axios.get('http://127.0.0.1:9532/zh/api/refunddetail', {
            params: params
          })
              .then(function(response) {
                if (response.data.state == 0) {
                  that.$message.error(response.data.msg)
                  that.loadingtwo = false
                  return false
                } else {
                  if (response.data.data.failed_code == -10) {
                    // that.$message.error(response.data.data.msg)
                    that.$confirm(response.data.data.msg, '医保错误信息', {
                      confirmButtonText: '确 定',
                      type: 'warning'
                    }).then(() => {

                    }).catch(() => {
                    })
                  } else {
                    that.$message.success('撤销明细成功')

                    that.changeRadioAndPatient(1)
                  }

                }
              })
              .catch(function(error) {
              })

        }).catch(() => {
        })
      } else if (index == 30) {
        var that = this
        let params = {
          'in_hospital_id': that.hisPatientInfo.id,
          'id': that.patientInfo.id,
          'admin_user_id': that.$store.getters.xt_user.user.id,
          'record_time': that.record_date

        }
        if (this.activeName == 'first') {
          params['settle_accounts_type'] = 1

        } else {
          params['start_time'] = that.other_start_time
          params['end_time'] = that.other_end_time
          params['settle_accounts_type'] = 2

        }
        axios.get('http://127.0.0.1:9532/zh/api/uploadinfo/get', {
          params: params
        })
            .then(function(response) {
              if (response.data.state == 0) {
                that.$message.error(response.data.msg)
                return false
              } else {
                if (response.data.data.failed_code == -10) {
                  // that.$message.error(response.data.data.msg)
                  that.$confirm(response.data.data.msg, '医保错误信息', {
                    confirmButtonText: '确 定',
                    type: 'warning'
                  }).then(() => {

                  }).catch(() => {
                  })
                } else {
                  that.$message.success('上传明细成功')
                  that.changeRadioAndPatient(1)
                }

              }
            })
            .catch(function(error) {

            })

      }
    },

    choosePatient() {
      console.log(id)
      this.radioStatus = id
      this.getPatientList()
    },
    changeRadioAndPatient(id) {
      // console.log(id)
      // this.radioStatus = id
      // this.getPatientList()
      this.radio = id
      let temp_id = id

      let params = {
        'record_date': this.record_date
      }
      GetHisHospitalChargePatientList(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          if (response.data.data.list == null) {

            response.data.data.list = []
          }
          if (response.data.data.list_two == null) {

            response.data.data.list_two = []
          }
          this.patientTableData = []
          this.hisPatientDatas = []
          this.all_table_data = []
          let one_count = 0
          let two_count = 0
          let three_count = 0

          for (let i = 0; i < response.data.data.list.length; i++) {
            this.all_table_data.push(response.data.data.list[i])
            if (response.data.data.list[i].order.order_status == 0 || response.data.data.list[i].order.order_status == 1 || response.data.data.list[i].order.order_status == 3) {
              one_count = one_count + 1
            }

          }

          this.cal_one = one_count
          this.cal_two = response.data.data.charge_list.length
          // this.all_charge_table_data = response.data.data.charge_list
          this.cal_three = three_count

          switch (temp_id) {

            case 1:
              this.patientTableData = []
              for (let i = 0; i < this.all_table_data.length; i++) {
                if (this.all_table_data[i].order.order_status == 0 || this.all_table_data[i].order.order_status == 1) {
                  this.patientTableData.push(this.all_table_data[i])
                }

              }
              for (let i = 0; i < this.patientTableData.length; i++) {
                if (this.patientInfo.id == this.patientTableData[i].patient_id) {
                  this.current_index = i
                  this.$refs.tab.setCurrentRow(this.patientTableData[i])
                  this.getPatientInformation(this.patientTableData[i].patient_id, this.patientTableData[i].order.number, this.patientTableData[i].id)

                }
              }

              break
            case 2:
              this.chargePatientTableData = []
              for (let i = 0; i < response.data.data.charge_list.length; i++) {
                let obj = {
                  name: response.data.data.charge_list[i].patient.name,
                  id: response.data.data.charge_list[i].patient.id,
                  number: response.data.data.charge_list[i].number,
                  his_patient_id: response.data.data.charge_list[i].his_patient.id,
                  his_number: response.data.data.charge_list[i].mdtrt_id

                }
                this.chargePatientTableData.push(obj)
              }
              this.all_charge_table_data = this.chargePatientTableData

              for (let i = 0; i < this.chargePatientTableData.length; i++) {
                if (this.patientInfo.id == this.chargePatientTableData[i].id) {
                  this.current_index = i
                  this.$refs.tab.setCurrentRow(this.chargePatientTableData[i])
                  this.getPatientInformation(this.chargePatientTableData[i].id, this.chargePatientTableData[i].number, this.chargePatientTableData[i].his_patient_id)

                }
              }
              break
              // case 3:
              //   this.patientTableData = [];
              //
              //   if (this.activeName == 'first') {
              //
              //     for (let i = 0; i < this.all_table_data.length; i++) {
              //
              //       if (this.all_table_data[i].his_patient.order.order_status == 3) {
              //         this.patientTableData.push(this.all_table_data[i])
              //       }
              //
              //     }
              //   } else {
              //
              //     for (let i = 0; i < this.hisPatientDatas.length; i++) {
              //
              //       if (this.hisPatientDatas[i].his_patient.order.order_status == 3) {
              //         this.patientTableData.push(this.hisPatientDatas[i])
              //       }
              //
              //     }
              //
              //   }
              //   break;
              // case 4:
              //   this.patientTableData = [];
              //   if (this.activeName == 'first') {
              //
              //     this.patientTableData = this.all_table_data
              //   } else {
              //
              //     this.patientTableData = this.hisPatientDatas
              //   }
              //   break

          }

        }
      })

    },
    changeRadio(id) {
      // console.log(id)
      // this.radioStatus = id
      // this.getPatientList()
      let temp_id = id

      let params = {
        'record_date': this.record_date
      }
      GetHisHospitalChargePatientList(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          if (response.data.data.list == null) {

            response.data.data.list = []
          }
          if (response.data.data.list_two == null) {

            response.data.data.list_two = []
          }
          this.patientTableData = []
          this.hisPatientDatas = []
          this.all_table_data = []
          let one_count = 0
          let two_count = 0
          let three_count = 0

          if (this.activeName == 'first') { //日结

            for (let i = 0; i < response.data.data.list.length; i++) {
              this.all_table_data.push(response.data.data.list[i])
              if (response.data.data.list[i].order.order_status == 0 || response.data.data.list[i].order.order_status == 1 || response.data.data.list[i].order.order_status == 3) {
                one_count = one_count + 1
              }

            }

          } else { //月结

            for (let i = 0; i < response.data.data.list_two.length; i++) {
              this.hisPatientDatas.push(response.data.data.list_two[i])
              if (response.data.data.list_two[i].order.order_status == 0 || response.data.data.list_two[i].order.order_status == 1) {
                one_count = one_count + 1
              }

              // if (response.data.data.list_two[i].his_patient.order.order_status == 2) {
              //   two_count = two_count + 1
              // }
              //
              // if (response.data.data.list_two[i].his_patient.order.order_status == 3) {
              //   three_count = three_count + 1
              // }
            }

          }

          this.cal_one = one_count
          this.cal_two = response.data.data.charge_list.length
          // this.all_charge_table_data = response.data.data.charge_list
          // this.cal_three = three_count;

          switch (temp_id) {

            case 1:
              this.patientTableData = []
              if (this.activeName == 'first') {

                for (let i = 0; i < this.all_table_data.length; i++) {
                  if (this.all_table_data[i].order.order_status == 0 || this.all_table_data[i].order.order_status == 1) {
                    this.patientTableData.push(this.all_table_data[i])
                  }

                }

              } else {
                for (let i = 0; i < this.hisPatientDatas.length; i++) {
                  if (this.hisPatientDatas[i].order.order_status == 0 || this.hisPatientDatas[i].order.order_status == 1) {
                    this.patientTableData.push(this.hisPatientDatas[i])
                  }

                }

              }

              this.current_index = 0
              this.$refs.tab.setCurrentRow(this.patientTableData[0])
              this.getPatientInformation(this.patientTableData[0].patient_id, this.patientTableData[0].order.number, this.patientTableData[0].id)

              break
            case 2:
              this.chargePatientTableData = []
              for (let i = 0; i < response.data.data.charge_list.length; i++) {
                let obj = {
                  name: response.data.data.charge_list[i].patient.name,
                  id: response.data.data.charge_list[i].patient.id,
                  number: response.data.data.charge_list[i].number,
                  his_patient_id: response.data.data.charge_list[i].his_patient.id,
                  his_number: response.data.data.charge_list[i].mdtrt_id

                }
                this.chargePatientTableData.push(obj)
              }
              this.all_charge_table_data = this.chargePatientTableData

              this.current_index = 0
              this.$refs.tab.setCurrentRow(this.chargePatientTableData[0])
              this.getPatientInformation(this.chargePatientTableData[0].id, this.chargePatientTableData[0].number, this.chargePatientTableData[0].his_patient_id)

              break
              // case 3:
              //   this.patientTableData = [];
              //
              //   if (this.activeName == 'first') {
              //
              //     for (let i = 0; i < this.all_table_data.length; i++) {
              //
              //       if (this.all_table_data[i].his_patient.order.order_status == 3) {
              //         this.patientTableData.push(this.all_table_data[i])
              //       }
              //
              //     }
              //   } else {
              //
              //     for (let i = 0; i < this.hisPatientDatas.length; i++) {
              //
              //       if (this.hisPatientDatas[i].his_patient.order.order_status == 3) {
              //         this.patientTableData.push(this.hisPatientDatas[i])
              //       }
              //
              //     }
              //
              //   }
              //   break;
              // case 4:
              //   this.patientTableData = [];
              //   if (this.activeName == 'first') {
              //
              //     this.patientTableData = this.all_table_data
              //   } else {
              //
              //     this.patientTableData = this.hisPatientDatas
              //   }
              //   break

          }

        }
      })

    },
    formatDecimal(num, decimal) {
      num = num.toString()
      let index = num.indexOf('.')
      if (index !== -1) {
        num = num.substring(0, decimal + index + 1)
      } else {
        num = num.substring(0)
      }
      return parseFloat(num).toFixed(decimal)
    },
    //患者列表
    getPatientList() {
      let params = {
        'record_date': this.record_date
      }
      GetHisHospitalChargePatientList(params).then(response => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          if (response.data.data.list == null) {

            response.data.data.list = []
          }
          if (response.data.data.list_two == null) {

            response.data.data.list_two = []
          }
          this.patientTableData = []
          this.all_table_data = []
          this.hisPatientDatas = []

          let one_count = 0
          let two_count = 0
          let three_count = 0
          for (let i = 0; i < response.data.data.list.length; i++) {
            this.all_table_data.push(response.data.data.list[i])
            if (response.data.data.list[i].order.order_status == 0 || response.data.data.list[i].order.order_status == 1 || response.data.data.list[i].order.order_status == 3) {
              one_count = one_count + 1
            }

          }

          this.hisPatientDatas = response.data.data.list_two
          this.cal_one = one_count
          this.cal_two = response.data.data.charge_list.length
          // this.all_charge_table_data = response.data.data.charge_list
          this.current_index = 0

          switch (this.radio) {
            case 1:
              this.patientTableData = []
              for (let i = 0; i < this.all_table_data.length; i++) {
                if (this.all_table_data[i].order.order_status == 0 || this.all_table_data[i].order.order_status == 1 || this.all_table_data[i].order.order_status == 3) {
                  this.patientTableData.push(this.all_table_data[i])
                }
              }

              this.$refs.tab.setCurrentRow(this.patientTableData[0])
              this.getPatientInformation(this.patientTableData[0].patient_id, this.patientTableData[0].order.number, this.patientTableData[0].id)

              break
            case 2:
              this.chargePatientTableData = []
              for (let i = 0; i < response.data.data.charge_list.length; i++) {
                let obj = {
                  name: response.data.data.charge_list[i].patient.name,
                  id: response.data.data.charge_list[i].patient.id,
                  number: response.data.data.charge_list[i].number,
                  his_patient_id: response.data.data.charge_list[i].his_patient.id,
                  his_number: response.data.data.charge_list[i].mdtrt_id
                }
                this.chargePatientTableData.push(obj)
              }
              this.all_charge_table_data = this.chargePatientTableData

              this.$refs.tab.setCurrentRow(this.chargePatientTableData[0])
              this.getPatientInformation(this.chargePatientTableData[0].id, this.chargePatientTableData[0].number, this.patientTableData[0].his_patient_id)
              break
              // case 3:
              //   this.patientTableData = [];
              //
              //   for (let i = 0; i < this.all_table_data.length; i++) {
              //
              //     if (this.all_table_data[i].his_patient.order.order_status == 3) {
              //       this.patientTableData.push(this.all_table_data[i])
              //     }
              //
              //   }
              //   break;
              // case 4:
              //   this.patientTableData = [];
              //   this.patientTableData = this.all_table_data;
              //   break

          }
        }
      })
    },
    setMonthPrescription(month_prescriptions) {
      this.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_ids.push(month_prescriptions[i].advices[a].drug_id)

            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])
          }
        }

      }

      drug_ids = this.unique_two(drug_ids)
      project_ids = this.unique_two(project_ids)
      additions_ids = this.unique_two(additions_ids)

      let drugs = []
      let projects = []
      let additions = []

      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['drug_name'] = drug_month_prescriptions.advices[a].advice_name
            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'] =  obj['prescribing_number']  + drug_month_prescriptions.advices[a].prescribing_number
            obj['prescribing_number_unit'] = drug_month_prescriptions.advices[a].prescribing_number_unit
            obj['medical_insurance_number'] = drug_month_prescriptions.advices[a].drug.medical_insurance_number
            obj['id'] = drug_month_prescriptions.advices[a].drug_id
            // obj['retail_price'] = obj['retail_price'] +  drug_month_prescriptions.advices[a].drug.retail_price
            obj['retail_price'] = parseFloat(drug_month_prescriptions.advices[a].price)
            count = count + drug_month_prescriptions.advices[a].prescribing_number

          }
        }
        obj['prescribing_number'] = count
        drugs.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['statistical_classification'] = ''
              obj['medical_code'] = project_month_prescriptions.project[a].project.medical_code
              obj['project_name'] = project_month_prescriptions.project[a].project.project_name
              obj['type'] = 2

            } else if (project_month_prescriptions.project[a].type == 3) {
              obj['statistical_classification'] = ''
              obj['medical_code'] = project_month_prescriptions.project[a].good_info.medical_insurance_number
              obj['project_name'] = project_month_prescriptions.project[a].good_info.good_name
              obj['type'] = 3

            }

            // obj['project_name'] = project_month_prescriptions.project[a].project.project_name;
            // obj['statistical_classification'] = project_month_prescriptions.project[a].project.statistical_classification;
            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['number_days'] = project_month_prescriptions.project[a].day
            // obj['medical_code'] = project_month_prescriptions.project[a].project.medical_code;
            obj['unit'] = project_month_prescriptions.project[a].unit
            obj['project_id'] = project_month_prescriptions.project[a].project_id
            count = count + parseFloat(project_month_prescriptions.project[a].count)
            // price = price + project_month_prescriptions.project[a].price
            obj['price'] = parseFloat(project_month_prescriptions.project[a].price)

          }
        }
        obj['total'] = count
        projects.push(obj)
      }

      let p1 = {
        name: '处方' + 1,
        advices: drugs,
        project: [],
        type: 1,
        addition: additions
      }
      let p2 = {
        name: '处方' + 2,
        type: 2,
        project: projects,
        advices: [],
        addition: []
      }

      this.month_prescriptions.push(p1)
      this.month_prescriptions.push(p2)

      this.curMonthPrescriptions = this.month_prescriptions[0]

    },
    setSettlePrescription(month_prescriptions) {
      this.settle_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_ids.push(month_prescriptions[i].advices[a].drug_id)

            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])
          }
        }

      }

      drug_ids = this.unique_two(drug_ids)
      project_ids = this.unique_two(project_ids)
      additions_ids = this.unique_two(additions_ids)

      let drugs = []
      let projects = []
      let additions = []

      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['drug_name'] = drug_month_prescriptions.advices[a].advice_name
            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'] =  obj['prescribing_number']  + drug_month_prescriptions.advices[a].prescribing_number
            obj['prescribing_number_unit'] = drug_month_prescriptions.advices[a].prescribing_number_unit
            obj['medical_insurance_number'] = drug_month_prescriptions.advices[a].drug.medical_insurance_number
            obj['id'] = drug_month_prescriptions.advices[a].drug_id
            // obj['retail_price'] = obj['retail_price'] +  drug_month_prescriptions.advices[a].drug.retail_price
            obj['retail_price'] = parseFloat(drug_month_prescriptions.advices[a].price)


            obj['code'] = drug_month_prescriptions.advices[a].drug.medical_insurance_number
            obj['fulamt_ownpay_amt'] = drug_month_prescriptions.advices[a].order_info.fulamt_ownpay_amt
            obj['overlmt_amt'] = drug_month_prescriptions.advices[a].order_info.overlmt_amt
            obj['inscp_scp_amt'] = drug_month_prescriptions.advices[a].order_info.inscp_scp_amt
            obj['preselfpay_amt'] = drug_month_prescriptions.advices[a].order_info.preselfpay_amt


            count = count + drug_month_prescriptions.advices[a].prescribing_number

          }
        }
        obj['prescribing_number'] = count
        drugs.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['statistical_classification'] = ''
              obj['medical_code'] = project_month_prescriptions.project[a].project.medical_code
              obj['project_name'] = project_month_prescriptions.project[a].project.project_name
              obj['type'] = 2

            } else if (project_month_prescriptions.project[a].type == 3) {
              obj['statistical_classification'] = ''
              obj['medical_code'] = project_month_prescriptions.project[a].good_info.medical_insurance_number
              obj['project_name'] = project_month_prescriptions.project[a].good_info.good_name
              obj['type'] = 3

            }

            obj['fulamt_ownpay_amt'] = project_month_prescriptions.project[a].order_info.fulamt_ownpay_amt
            obj['overlmt_amt'] = project_month_prescriptions.project[a].order_info.overlmt_amt
            obj['inscp_scp_amt'] = project_month_prescriptions.project[a].order_info.inscp_scp_amt
            obj['preselfpay_amt'] = project_month_prescriptions.project[a].order_info.preselfpay_amt


            // obj['project_name'] = project_month_prescriptions.project[a].project.project_name;
            // obj['statistical_classification'] = project_month_prescriptions.project[a].project.statistical_classification;
            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['number_days'] = project_month_prescriptions.project[a].day
            // obj['medical_code'] = project_month_prescriptions.project[a].project.medical_code;
            obj['unit'] = project_month_prescriptions.project[a].unit
            obj['project_id'] = project_month_prescriptions.project[a].project_id
            count = count + parseFloat(project_month_prescriptions.project[a].count)
            // price = price + project_month_prescriptions.project[a].price
            obj['price'] = parseFloat(project_month_prescriptions.project[a].price)




          }
        }
        obj['total'] = count
        projects.push(obj)
      }

      let p1 = {
        name: '处方' + 1,
        advices: drugs,
        project: [],
        type: 1,
        addition: additions
      }
      let p2 = {
        name: '处方' + 2,
        type: 2,
        project: projects,
        advices: [],
        addition: []
      }

      this.settle_prescriptions.push(p1)
      this.settle_prescriptions.push(p2)

      this.curSettlePrescriptions = this.settle_prescriptions[0]

    },
    unique_two(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
    },

    unique(arr) {
      const res = new Map()
      return arr.filter((arr) => !res.has(arr.id_card_no) && res.set(arr.id_card_no, 1))
    },
    handleCurrentChange(val) {
      this.curPrescriptions = {}
      this.curMonthPrescriptions = {}
      this.prescriptions = []
      this.month_prescriptions = []
      if (this.radio == 1) {
        this.getPatientInformation(val.patient_id, val.order.number, val.id)
      } else {
        this.getPatientInformation(val.id, val.number, val.his_patient_id)

      }
      this.patient_id = val.id

      for (let i = 0; i < this.patientTableData.length; i++) {
        if (this.patientTableData[i].id == val.id) {
          this.current_index = i
        }

      }

    },

    //获取患者的基本信息
    getPatientInformation(id, batch_number, his_patient_id) {

      let params = {
        'his_patient_id': his_patient_id,
        'record_date': this.record_date,
        'patient_id': id,
        'number': batch_number,
        'start_time': this.other_start_time,
        'end_time': this.other_end_time,
        'type': this.radio,
        'p_type': 1

      }
      this.loading = true

      GetHisHospitalChargePatientInfo(params).then(response => {
        if (response.data.state == 0) {
          this.loading = false

          this.$message.error(response.data.msg)
          return false
        } else {
          this.prescriptions = []
          this.month_prescriptions = []
          this.curPrescriptions = {}
          this.curMonthPrescriptions = {}
          this.settle_prescriptions = []
          this.curSettlePrescriptions = {}

          this.loading = false
          this.patientInfo = response.data.data.xt_info
          this.hisPatientInfo = response.data.data.his_info
          this.info = response.data.data.info
          this.order = response.data.data.order

          this.p_type = ''
          this.sick_type = ''
          this.diagnosis = ''
          this.sick_history = ''

          if (this.info.id > 0) {
            this.p_type = this.info.register_type
            this.sick_type = this.info.sick_type
            this.diagnosis = this.info.diagnosis
            this.sick_history = this.info.sick_history

            if (this.info.register_type == 0) {
              this.p_type = ''
            }

            if (this.info.sick_type == 0) {
              this.sick_type = ''
            }

            if (this.info.diagnosis == 0) {
              this.diagnosis = ''
            }

          } else {
            this.p_type = ''
            this.sick_type = ''
            this.diagnosis = ''
            this.sick_history = ''

          }
          this.addtions_charge = response.data.data.addtions_charge
          this.setMonthPrescription(response.data.data.month_prescriptions)
          this.setSettlePrescription(response.data.data.settle_prescriptions)

          if (response.data.data.prescription.length > 0 && response.data.data.prescription[0].advices.length > 0) {
            this.prescription_id = response.data.data.prescription[0].advices[0].prescription_id
          } else {
            this.prescription_id = 0
          }

          for (let i = 0; i < response.data.data.prescription.length; i++) {
            var prescription = response.data.data.prescription[i]
            let tempAdvice = []
            let tempProject = []
            let tempAddition = []
            for (let b = 0; b < prescription.advices.length; b++) {
              let spec = prescription.advices[b].drug.dose + prescription.advices[b].drug.dose_unit + '*' + prescription.advices[b].drug.min_number + prescription.advices[b].drug.min_unit + '/' + prescription.advices[b].drug.max_unit

              let obj = {
                advice_id: prescription.advices[b].id,
                drug_name: prescription.advices[b].advice_name,
                single_dose: prescription.advices[b].single_dose,
                delivery_way: prescription.advices[b].delivery_way,
                execution_frequency: prescription.advices[b].execution_frequency,
                retail_price: prescription.advices[b].price.toString(),
                remark: prescription.advices[b].remark,
                day: prescription.advices[b].day,
                prescribing_number: prescription.advices[b].prescribing_number.toString(),
                single_dose_unit: prescription.advices[b].single_dose_unit,
                prescribing_number_unit: prescription.advices[b].prescribing_number_unit,
                medical_insurance_number: prescription.advices[b].med_list_codg,

                code: prescription.advices[b].drug.medical_insurance_number,
                spec: spec,
                det_item_fee_sumamt: prescription.advices[b].order_info.det_item_fee_sumamt,
                name_id: prescription.advices[b].drug.manufacturer,
                fulamt_ownpay_amt: prescription.advices[b].order_info.fulamt_ownpay_amt,
                overlmt_amt: prescription.advices[b].order_info.overlmt_amt,
                preselfpay_amt: prescription.advices[b].order_info.preselfpay_amt,
                inscp_scp_amt: prescription.advices[b].order_info.inscp_scp_amt



              }
              tempAdvice.push(obj)
            }

            for (let b = 0; b < prescription.project.length; b++) {
              let obj = {
                id: prescription.project[b].id,
                project_id: prescription.project[b].project.id,
                // project_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,
                number_days: prescription.project[b].day,
                total: prescription.project[b].count.toString(),
                price: prescription.project[b].price,
                remark: prescription.project[b].remark,
                // medical_code: prescription.project[b].project.medical_code,
                unit: prescription.project[b].project.unit,
                type: prescription.project[b].type,
                det_item_fee_sumamt: prescription.project[b].order_info.det_item_fee_sumamt,
                fulamt_ownpay_amt: prescription.project[b].order_info.fulamt_ownpay_amt,
                overlmt_amt: prescription.project[b].order_info.overlmt_amt,
                preselfpay_amt: prescription.project[b].order_info.preselfpay_amt,
                inscp_scp_amt: prescription.project[b].order_info.inscp_scp_amt

              }

              if (prescription.project[b].type == 2) {
                obj['statistical_classification'] = prescription.project[b].team.project_team
                obj['medical_code'] = prescription.project[b].project.medical_code
                obj['project_name'] = prescription.project[b].project.project_name
                obj['spec'] = ''
                obj['name_id'] = 0

              } else if (prescription.project[b].type == 3) {
                obj['statistical_classification'] = prescription.project[b].team.project_team
                obj['medical_code'] = prescription.project[b].good_info.medical_insurance_number
                obj['project_name'] = prescription.project[b].good_info.good_name
                obj['spec'] = prescription.project[b].good_info.specification_name
                obj['name_id'] = prescription.project[b].good_info.manufacturer

              }

              tempProject.push(obj)
            }

            let index = i + 1
            let obj = {
              id: prescription.id,
              name: '处方' + index,
              advices: tempAdvice,
              project: tempProject,
              addition: tempAddition,
              order_status: prescription.order_status,
              type: prescription.type
            }
            this.prescriptions.push(obj)

            for (let i = 0; i < this.prescriptions.length; i++) {
              if (this.prescriptions[i].order_status != 4) {
                this.isShowUpload = 2
              }

            }

          }

          if (this.prescriptions.length > 0) {
            this.curPrescriptions = this.prescriptions[0]
          } else {
            this.curPrescriptions = {}
          }
          if (this.month_prescriptions.length > 0) {
            this.curMonthPrescriptions = this.month_prescriptions[0]
          } else {
            this.curMonthPrescriptions = {}
          }
          this.total = 0
          this.total = this.getTotalOne()
          this.month_total = this.getMonthTotalOne()
          this.settle_total = this.getSettleTotalOne()

        }
      })
    },
    invoicePrint(obj) {
      console.log(this.hisPatientInfo)
      let paramsObj = {
        order_id: this.hisPatientInfo.id,
        patient_id: this.hisPatientInfo.patient_id,
        record_time: this.record_date,
        name: this.hisPatientInfo.name,
        gend: this.hisPatientInfo.gend,
        setl_time: this.hisPatientInfo.out_hosptial_time
      }
      this.invoiceParams = paramsObj
      this.invoiceVisible = true
    }
  },
  mounted() {
    const that = this
    window.onresize = () => {
      return (() => {
        window.fullHeight = document.documentElement.clientHeight
        that.fullHeight = window.fullHeight
      })()
    }
  },
  watch: {
    fullHeight(val) {
      if (!this.timer) {
        this.fullHeight = val
        let tableHeight = val - 243
        this.tableHeight = tableHeight
        this.timer = true
        let that = this
        setTimeout(function() {
          that.timer = false
        }, 400)
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.app-container {
  height: 100%;
}

.outpatientChargesManagement {
  height: 100%;
  display: flex;
  flex-direction: column;

.mainLeft {
  width: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;

.el-radio {
  margin-right: 5px;
}

}
.mainCell {
  height: 36px;
  display: flex;
  align-items: center;
}

.fixedCell {
  position: fixed;
  z-index: 99;
  right: 42px;
  background: #fff;
  display: flex;
  justify-content: space-between;
}

.mainRight {
  margin-left: 10px;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;

.cellSpan {
  min-width: 80px;
  display: inline-block;
  margin-right: 10px;
}

}
.tabsBox {
  position: relative;
  height: 90%;
  overflow-y: auto;
  margin-bottom: 60px;

.el-tabs__item {
  padding: 0 10px;
}

}
.addTab {
  position: absolute;
  right: 6px;
  top: 3px;
  z-index: 20;
}

.mainCenter {
  display: flex;
  flex: 1;
  height: 100%;
}

.costBox {
  width: 100%;
  height: 60px;
  background: #fff;
  position: absolute;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.centerLeft {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}

.preTabs {
  height: 100%;
  display: flex;
  flex-direction: column;

.el-tab-pane {
  height: auto !important;
}

}

.settlementTabs {
  flex: 1;

.el-tab-pane {
  height: 100%;
}

.el-tabs__content {
  height: 100%;
}

}
.centerRight {
  width: 300px;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.RP {
  color: #409EFF;
  font-size: 20px;
  margin-bottom: 5px;
}

.centerRightTitle {
  color: #409EFF;
}

.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%;
  min-height: 38px;
  /* line-height: 38px;
  text-indent: 5px; */
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 5px;
  box-sizing: border-box;
}

}
}
</style>

<style lang="scss">
#tab-more {

.el-icon-close {
  display: none;
}

}
.settlementTabs {

.el-tabs__content {
  height: 90%;
}

}
.preTabs {

.el-tabs__content {
  flex: 1;
  overflow-y: auto;
  padding: 5px 0 5px 5px;
}

}
.centerDialog {

.el-dialog__body {
  max-height: calc(100vh - 100px) !important;
  padding: 0 20px;
}

}
</style>