Vue_New/src/xt_pages/fapiao/settleDetail.vue

<template>
  <div class="main-contain outpatientChargesManagement">
    <div class="position">
      <bread-crumb :crumbs="crumbs"></bread-crumb>
    </div>
    <div class="app-container">
      <div
        style="
          display: flex;
          justify-content: space-between;
          margin-bottom: 10px;
        ">
        <div>
          <el-button size="small" type="primary"
                     @click="query">查询
          </el-button>
          <el-button size="small" type="primary"
                     @click="auth">认证
          </el-button>
        </div>
      </div>
      <div style="margin-bottom: 10px;">
        <el-date-picker
          size="small"
          v-model="start_time"
          prefix-icon="el-icon-date"
          @change="handleStartTimeChange"
          :editable="false"
          :clearable="false"
          style="width: 196px; "
          type="date"
          placeholder="选择开始日期"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          align="right"
        ></el-date-picker>
        <span style="text-align: center;">-</span>
        <el-date-picker
          size="small"
          v-model="end_time"
          prefix-icon="el-icon-date"
          @change="handleEndTimeChange"
          :editable="false"
          :clearable="false"
          style="width: 196px; "
          type="date"
          placeholder="选择结束日期"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          align="right"
        ></el-date-picker>
      </div>

      <el-table
        :data="tableData"
        border
        style="width: 100%"
        :row-style="{ color: '#303133' }"
        @selection-change="handleSelectionChange"
        :header-cell-style="{
          backgroundColor: 'rgb(245, 247, 250)',
          color: '#606266',
        }"
        highlight-current-row
      >
        <el-table-column align="center" type="selection" width="55"></el-table-column>
        <el-table-column
          prop="date"
          label="序号"
          width="60"
          align="center"
          type="index"
        >
        </el-table-column>

        <el-table-column align="center" width="90" prop="name" label="患者名字">
          <template slot-scope="scope">{{ scope.row.patient.name }}</template>
        </el-table-column>

        <el-table-column align="center" width="90" prop="name" label="患者性别">
          <template slot-scope="scope">{{ scope.row.patient.gender == 1 ? '男':'女' }}</template>
        </el-table-column>


        <el-table-column align="center" width="90" prop="name" label="处方类型">
          <template slot-scope="scope">
            <div>{{ getMedType(scope.row.med_type) }}</div>
          </template>
        </el-table-column>

        <el-table-column align="center" width="90" prop="name" label="结算类型">
          <template slot-scope="scope">
            <div v-if="scope.row.his_patient.balance_accounts_type != 2">
              医保
            </div>
            <div v-if="scope.row.his_patient.balance_accounts_type == 2">
              自费
            </div>
          </template>
        </el-table-column>

        <el-table-column align="center" width="90" prop="name" label="就诊凭证类型">
          <template slot-scope="scope">
            <div v-if="scope.row.mdtrt_cert_type =='01'">
              医保电子凭证
            </div>
            <div v-if="scope.row.mdtrt_cert_type =='02'">
              居民身份证
            </div>

            <div v-if="scope.row.mdtrt_cert_type =='03'">
              社会保障卡
            </div>
          </template>
        </el-table-column>

        <el-table-column
          align="center"
          width="100"
          prop="name"
          label="处方日期"
        >
          <template slot-scope="scope">
            {{getTimes(scope.row.settle_accounts_date) }}
          </template>
        </el-table-column>

        <el-table-column
          align="center"
          width="100"
          prop="name"
          label="收费时间"
        >
          <template slot-scope="scope">
            {{
              scope.row.setl_time
                ? scope.row.setl_time
                : getTimes(scope.row.settle_accounts_date)
            }}
          </template>
        </el-table-column>

        <el-table-column align="center" width="90" prop="name" label="收费员">
          <template slot-scope="scope">
            {{getName(scope.row.creator)}}
          </template>
        </el-table-column>

        <el-table-column align="center" prop="name" label="操作">
          <template slot-scope="scope">
            <el-button size="mini" type="primary" @click="blue(scope.row)">
              开票
            </el-button>
            <el-button size="mini" type="primary"
                       @click="yulan(scope.row)">
              预览
            </el-button>

            <el-button  size="mini" type="primary"
                       @click="hongchong(scope.row)">
              红冲
            </el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :page-sizes="[10, 50, 100]"
        :page-size="10"
        :current-page.sync="page"
        background
        style="margin-top: 20px; float: right"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>


  </div>
</template>


<script>
import BreadCrumb from '@/xt_pages/components/bread-crumb'
import { getDoctorList, getExportConsumeDetailList, getHisOrderList, Refund } from '@/api/his/his'
import { ModifyFapiaoCode } from '@/api/his/his_tools'


// import NewStatementPrint from './newStatementPrint'
import { adminMainView} from "@/api/role/admin";
import { fetchAllAdminUsers } from '@/api/doctor'
import axios from 'axios'
import { jsGetAge, uParseTime } from '@/utils/tools'
import {
  getOrderFapiaoList
} from '../../api/fapiao'

import { getDialysisRecordInitData } from '@/api/dialysis_record'

const moment = require('moment')
export default {
  name: 'OutpatientChargesSummary',
  components: {
    BreadCrumb,
  },
  data() {
    return {
      staff:"",
      admins:[],
      orderObj: {},
      batchOrderObj: {},
      fapiao_number:"",
      med_options: [
        { id: 0, text: '全部' },
        { id: 11, text: '普通门诊' },
        { id: 14, text: '门诊特殊病' }
      ],
      zone_options: [
        { id: 0, text: '全部分区' }
      ],
      statementListVisible: false,
      statementVisible: false,
      batchStatementVisible: false,
      statementVisible9504: false,
      orderObj9504: {},
      crumbs: [
        { path: false, name: '门诊收费' },
        { path: false, name: '项目消费明细汇总' }
      ],
      tableData: [],
      tableData2:[],
      selecting_schs: [],
      dialogfapiaoVisible:false,
      targeOrderId:0,
      targeObj:{},
      limit: 10,
      page: 1,
      keywords: '',
      sch_type: '0',//班次
      zoneVal: 0,//分区
      medTypeVal: 0,
      start_time: moment(new Date()).add('year', 0).format('YYYY-MM-DD'),
      end_time: moment(new Date()).add('year', 0).format('YYYY-MM-DD'),
      pay_time:"",
      total: '',
      doctors: [],
      sort_type: 1,
      sort_types: [
        { value: 1, label: '处方时间' },
        { value: 2, label: '结算时间' }
      ],
      admin_user_id: '',
      listVisible: false,
      allListVisible: false,
      adminUserOptions: [],
      invoiceVisible: false,
      paramsObj: {},
      invoiceParams: {},
      settlementVisible: false,
      settlementObj: {},
      accounts_click_vi:false,
    }
  },

  created() {
    this.getInitData()
    this.fetchAllAdminUsers()
    // this.getDoctorList()
    this.getHisOrderList()
    // this.getAllstaff()
  },

  methods: {
    auth(){

    },
    query(){

    },
    blue(row){

    }, yulan(row){

    },hongchong(row){

    },
    getAllstaff(){
      adminMainView()
        .then(rs => {

          var resp = rs.data;
          if (resp.state === 1) {
            var adminData = resp.data.admins
            this.admins.push(...adminData);
          } else {
            this.$message.error(resp.msg);
          }
        })
        .catch(err => {
          this.$message.error(err);
        });


    },

    handleSelectionChange(val) {
      this.selecting_schs = val
    },
    handleSchType(val) {
      this.sch_type = val
      this.getHisOrderList()
    }, handleMedChange() {
      this.getHisOrderList()
    },
    handleZoneChange(val) {
      this.zoneVal = val
      this.getHisOrderList()

    },
    getInitData: function() {
      getDialysisRecordInitData().then((rs) => {
        var resp = rs.data
        if (resp.state == 1) {
          var zones = resp.data.zones
          var zone_options = [{ id: 0, text: '全部' }]
          for (let z_i = 0; z_i < zones.length; z_i++) {
            const zone = zones[z_i]
            zone_options.push({ id: zone.id, text: zone.name })
          }
          this.zone_options = zone_options

        } else {
          this.$message.error(resp.msg)
        }
      })
    },



    getMedType(med_type) {
      var med_type = parseInt(med_type)
      switch (med_type) {
        case 11:
          return '普通门诊'
          break
        case 12:
          return '门诊挂号'
          break
        case 13:
          return '急诊'
          break
        case 14:
          return '门诊特殊病'
          break
        case 15:
          return '门诊统筹'
          break
        case 16:
          return '门诊慢性病'
          break
        case 21:
          return '普通住院'
          break
        case 140104:
          return '城乡门诊特殊病(140104)'
          break
        case 992102:
          return '单病种(992102)'
          break
      }
    },


    fetchAllAdminUsers() {
      fetchAllAdminUsers().then((response) => {
        if (response.data.state == 1) {
          this.adminUserOptions = response.data.data.users
        }
      })
    },
    getName(admin_user_id) {
      for (let i = 0; i < this.adminUserOptions.length; i++) {
        if (this.adminUserOptions[i].id == admin_user_id) {
          return this.adminUserOptions[i].name
        }
      }
    },



    handleSizeChange(limit) {
      this.limit = limit
      this.getHisOrderList()
    },
    handleCurrentChange(page) {
      this.page = page
      this.getHisOrderList()
    },
    handleStartTimeChange() {
      this.page = 1
      this.keywords = ''
      this.getHisOrderList()
    },
    handleEndTimeChange() {
      this.page = 1
      this.keywords = ''
      this.getHisOrderList()
    },

    getTimes(time) {
      return uParseTime(time, '{y}-{m}-{d}')
    },

    getTime(value, temp) {
      if (value != undefined) {
        return uParseTime(value, temp)
      }
      return ''
    },
    getHisOrderList() {
      let params = {
        page: this.page,
        limit: this.limit,
        keywords: this.keywords,
        start_time: this.start_time,
        end_time: this.end_time,
        sort_type: this.sort_type,
      }
      getOrderFapiaoList(params).then((response) => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.tableData = response.data.data.order
          this.total = response.data.data.total
        }
      })
    },
    getDoctorList() {
      getDoctorList().then((response) => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          this.doctors = response.data.data.doctors
        }
      })
    },
    open(index) {
      if (index == 1) {
        this.listVisible = true
      } else if (index == 2) {
        this.allListVisible = true
      }
    }, unique(array) {
      // res用来存储结果
      var res = []
      for (var i = 0, arrayLen = array.length; i < arrayLen; i++) {
        for (var j = 0, resLen = res.length; j < resLen; j++) {
          if (array[i].id === res[j].id && array[i].price === res[j].price) {
            break
          }
        }
        // 如果array[i]是唯一的，那么执行完循环，j等于resLen
        if (j === resLen) {
          res.push(array[i])
        }
      }
      return res
    },camcleModifyFaPiaoCode(){
      this.dialogfapiaoVisible = false
      this.invoiceVisible = true
      var obj = this.targeObj
      let paramsObj = {
        order_id: obj.id,
        patient_id: obj.patient_id,
        number: obj.mdtrt_id,
        name: obj.patient.name,
        age: obj.age,
        gend: obj.patient.gender,
        setl_time: obj.setl_time,
        chargeName: this.getName(obj.creator)
      }
      this.dialogfapiaoVisible = false
      this.invoiceParams = paramsObj
      this.invoiceVisible = true
    },modifyFaPiaoCode(){
      let params = {
        id:this.targeOrderId,
        fapiao_number: this.fapiao_number
      }
      modifyFapiaoCodetwo(params).then((response) => {
        if (response.data.state == 0) {
          this.$message.error(response.data.msg)
          return false
        } else {
          var obj = this.targeObj
          let paramsObj = {
            order_id: obj.id,
            patient_id: obj.patient_id,
            number: obj.mdtrt_id,
            name: obj.patient.name,
            age: obj.age,
            gend: obj.patient.gender,
            setl_time: obj.setl_time,
            chargeName: this.getName(obj.creator)
          }
          this.dialogfapiaoVisible = false
          this.invoiceParams = paramsObj
          this.invoiceVisible = true
          this.getHisOrderList()
        }
      })

    },

    invoicePrint(obj) {
      if(this.$store.getters.xt_user.org_id == 10480 || this.$store.getters.xt_user.org_id == 0){
        this.fapiao_number  = obj.fa_piao_number
        this.dialogfapiaoVisible = true
        this.targeOrderId = obj.id
        this.targeObj = obj
      }else{
        let paramsObj = {
          order_id: obj.id,
          patient_id: obj.patient_id,
          number: obj.mdtrt_id,
          name: obj.patient.name,
          age: obj.age,
          gend: obj.patient.gender,
          setl_time: obj.setl_time,
          chargeName: this.getName(obj.creator)
        }
        this.dialogfapiaoVisible = false
        this.invoiceParams = paramsObj
        this.invoiceVisible = true


      }


    }
  }
}
</script>
<style lang="scss">
.table{
tr td{
  padding:5px 0;
}
}
</style>