11

src/lang/zh.js

@@ -306,6 +306,13 @@ export default {
     queryData:"结算数据查询",
     chargeDetailManagementTwo:"门诊明细上传",
     orgExportData:"数据导出",
+
+
+
+    settleDetail:"结算明细列表",
+    patientSettleDetail:"患者结算列表",
+    elefapiao:"电子发票列表",
+
   },
   navbar: {
     logOut: '退出登录',

src/router/modules/faPiao.js

@@ -26,8 +26,8 @@ export default {
     {
       path: '/fapiao/elefapiao',
       component: () => import('@/xt_pages/fapiao/fapiao'),
-      name: 'fapiao',
-      meta: { title: 'fapiao', noCache: true },
+      name: 'elefapiao',
+      meta: { title: 'elefapiao', noCache: true },
     },
   ]
 }

src/router/modules/hisTool.js

@@ -196,25 +196,25 @@ export default {
             noCache: true
           },
         },
-    // {
-    //   path: '/fapiao/settle',
-    //   component: () => import('@/xt_pages/fapiao/settleDetail'),
-    //   name: 'settleDetail',
-    //   meta: { title: 'settleDetail', noCache: true }
-    // },
-    // {
-    //   path: '/fapiao/patientsettle',
-    //   component: () => import('@/xt_pages/fapiao/patientSettleDetail'),
-    //   name: 'patientSettleDetail',
-    //   meta: { title: 'patientSettleDetail', noCache: true },
-    //
-    // },
-    // {
-    //   path: '/fapiao/elefapiao',
-    //   component: () => import('@/xt_pages/fapiao/fapiao'),
-    //   name: 'fapiao',
-    //   meta: { title: 'fapiao', noCache: true },
-    //
-    // },
+    {
+      path: '/fapiao/settle',
+      component: () => import('@/xt_pages/fapiao/settleDetail'),
+      name: 'settleDetail',
+      meta: { title: 'settleDetail', noCache: true }
+    },
+    {
+      path: '/fapiao/patientsettle',
+      component: () => import('@/xt_pages/fapiao/patientSettleDetail'),
+      name: 'patientSettleDetail',
+      meta: { title: 'patientSettleDetail', noCache: true },
+
+    },
+    {
+      path: '/fapiao/elefapiao',
+      component: () => import('@/xt_pages/fapiao/fapiao'),
+      name: 'fapiao',
+      meta: { title: 'fapiao', noCache: true },
+
+    },
   ]
 }

src/xt_pages/fapiao/fapiao.vue

@@ -1,13 +1,533 @@
 <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>
+        </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="100"
+          prop="name"
+          label="开票日期"
+        >
+          <template slot-scope="scope">
+            {{getTimes(scope.row.ctime) }}
+          </template>
+        </el-table-column>
+
+
+        <el-table-column align="center" width="90" prop="name" label="开票员">
+          <template slot-scope="scope">
+            {{scope.row.creator}}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" width="90" prop="name" label="医疗费总额">
+          <template slot-scope="scope">
+            {{scope.row.medfee_sumamt}}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" width="90" prop="name" label="基金支付">
+          <template slot-scope="scope">
+            {{scope.row.fund_pay_sumamt}}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" width="90" prop="name" label="个人支付">
+          <template slot-scope="scope">
+            {{scope.row.psn_cash_pay}}
+          </template>
+        </el-table-column>
+
+        <el-table-column align="center" prop="name" label="操作">
+          <template slot-scope="scope">
+
+            <el-button v-if="scope.row.id > 0 && scope.row.is_red_washed == 1" size="mini" type="primary"
+                       @click="hongchong(scope.row)">
+              红冲
+            </el-button>
+            <el-button size="mini" type="primary" v-if="scope.row.id > 0 && scope.row.is_red_washed == 0"
+                       @click="yulan(scope.row)">
+              预览
+            </el-button>
+            <el-button size="mini" type="primary" @click="download(scope.row)"  v-if="scope.row.id > 0 && scope.row.is_red_washed == 0">
+              下载
+            </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 } from '@/api/his/his'
+
+
+// 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 {
+  getFapiaoList,
+} from '../../api/fapiao'
+
+import { getDialysisRecordInitData } from '@/api/dialysis_record'
+import { number } from 'echarts/lib/export'
+
+const moment = require('moment')
 export default {
-  name: 'fapiao'
-}
-</script>
+  name: 'newSettleDetail',
+  components: {
+    BreadCrumb,
+  },
+  props: {
+    patient_id: number
+  },
+  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: {
+    getData(patient_id){
+      this.patient_id = patient_id
+      this.getHisOrderList()
+
+    },
+    auth(){
+
+    },
+    query(){
+
+    },download(){
+
+
+    },
+    blue(row){
 
-<style scoped>
+    }, 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,
+      }
+      getFapiaoList(params).then((response) => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg)
+          return false
+        } else {
+          this.tableData = response.data.data.fapiao_record
+          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>

src/xt_pages/fapiao/patientSettleDetail.vue

@@ -1,13 +1,436 @@
 <template>
+  <div class="main-contain new-main-contain">
+    <div class="position">
+      <!--      <bread-crumb :crumbs='crumbs'></bread-crumb>-->
+      <bread-crumb :crumbs="crumbs"></bread-crumb>
+    </div>
+    <div
+      class="app-container"
+      style="display: flex; flex: 1; padding: 10px 20px 0px 20px"
+    >
+      <div class="mainLeft">
+        <div>
+          <div
+            style="
+              margin: 10px 0;
+              display: flex;
+              justify-content: space-between;
+            "
+          >
+            <el-input
+              size="small"
+              style="width: 130px"
+              v-model="keywords"
+              class="filter-item"
+              placeholder="请输入患者名称"
+            />
+            <el-button
+              size="small"
+              class="filter-item"
+              type="primary"
+              @click="searchAction"
+            >搜索
+            </el-button>
+          </div>
 
+          <el-table
+            :row-class-name="tableRowClassName"
+            @row-click="onRowClick"
+            :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="singleTable"
+            @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>
+        </div>
+      </div>
+      <div class="mainRight">
+       <new-settle-detail ref="nsd"></new-settle-detail>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
+import { GetDetailPatients } from "@/api/his/his_tools";
+import BreadCrumb from "@/xt_pages/components/bread-crumb";
+import NewSettleDetail from './newSettleDetail.vue'
 export default {
-  name: 'patientSettleDetail'
-}
+  components: {
+    NewSettleDetail,
+    BreadCrumb,
+  },
+  data() {
+    return {
+      currentRowIndex: 0,
+      patientTableData: [],
+      tableHeight: 400,
+      crumbs: [
+        // { path: false, name: "His工具" },
+        // { path: false, name: "明细汇总统计" },
+      ],
+      patient_id: 0,
+      keywords: "",
+    };
+  },
+
+  // beforeRouteEnter(to, from, next){
+  //     if(from.path == '/hisTool/detailPrint'){
+  //       next((vm) => {
+  //         vm.titleType = "明细"
+  //       })
+  //     }else if(from.path == '/hisTool/gatherPrint'){
+  //       vm.titleType = "汇总"
+  //       next((vm) => {
+  //         vm.titleType = "汇总"
+  //       })
+  //     }else{
+  //       next()
+  //     }
+  // },
+
+  //判断列表页是否刷新
+  beforeRouteLeave(to, from, next) {
+    console.log(to, "beforeRouteEnter");
+    if (to.path != "/hisTool/detailPrint"&&to.path != "/hisTool/gatherPrint") {
+      this.$store.getters.pagedata.list.table_id = 0
+      next()
+    } else {
+      next()
+    }
+  },
+
+  watch:{
+    'titleType':{
+      handler(val){
+        this.$store.commit('SET_PAGENAME',val)
+      }
+    }
+  },
+
+  methods: {
+    getPatientList() {
+      var params = {
+        keyword: this.keywords,
+      };
+      GetDetailPatients(params).then((response) => {
+        if (response.data.state == 0) {
+          this.$message.error(response.data.msg);
+          return false;
+        } else {
+          this.patientTableData = response.data.data.patient;
+          if (this.$store.getters.pagedata.list.table_id == 0) {
+            this.$refs.singleTable.setCurrentRow(this.patientTableData[0]);
+          } else {
+            this.$refs.singleTable.setCurrentRow(
+              this.patientTableData[
+                this.$store.getters.pagedata.list.table_id
+                ]
+            );
+          }
+          this.$refs.nsd.getData(this.patientTableData[0].id)
+        }
+      });
+    },
+
+    tableRowClassName({ row, rowIndex }) {
+      row.row_index = rowIndex;
+    },
+
+    onRowClick(row, event, column) {
+      this.currentRowIndex = row.row_index;
+      this.$store.commit("SET_PAGEDATA", {
+        table_id: this.currentRowIndex,
+      });
+      this.$refs.nsd.getData(row.id)
+    },
+    searchAction() {
+      this.getPatientList();
+    },
+    handleCurrentChange(row) {
+      this.patient_id = row.id;
+      // console.log(this.patientTableData[this.currentRowIndex],'this.tableData[this.currentRowIndex]')
+      //  this.$refs.singleTable.setCurrentRow(this.tableData[this.currentRowIndex])
+      // this.$refs.child.getHisSummaryDetailList()
+      // this.$refs.childOne.getGatherDetailList()
+    },
+  },
+  created() {
+    // const tableHeight = document.body.clientHeight - 290;
+    // this.tableHeight = tableHeight;
+    this.getPatientList();
+
+  },
+
+  mounted() {}
+};
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+.new-main-contain {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
+.app-container {
+  height: 100%;
+}
+
+.mainCell {
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.mainLeft {
+  width: 200px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+.el-radio {
+  margin-right: 5px;
+}
+}
+.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;
+}
+}
+.mainCenter {
+  display: flex;
+  flex: 1;
+}
+
+.centerLeft {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+.el-form-item {
+  width: 32%;
+  margin-right: 1%;
+  float: left;
+}
+
+.el-form-item__label {
+  text-align: left;
+}
+}
+.backColor {
+  background: #f6f8f9;
+  height: 5px;
+  margin-bottom: 5px;
+}
+
+.tabsBox {
+  position: relative;
+  height: 76%;
+  overflow-y: auto;
+  margin-bottom: 60px;
+
+.el-tabs__item {
+  padding: 0 10px;
+}
+}
+.preTabs {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+.el-tabs__content {
+  flex: 1;
+  overflow-y: auto;
+}
+}
+
+.costBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.addTab {
+  position: absolute;
+  right: 0;
+  top: 14px;
+  z-index: 20;
+}
+
+.centerRight {
+  width: 300px;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.rightTab {
+  height: 40px;
+  width: 100%;
+  border: 1px solid #d2d2d2;
+  box-sizing: border-box;
+
+p {
+  width: 50%;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  background: #eee;
+  float: left;
+}
+
+> p:last-child {
+  border-left: 1px solid #d2d2d2;
+  float: right;
+}
+
+.activeP {
+  background: #409eff;
+  color: #fff;
+}
+}
+.comfirmBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.mainHeader {
+  width: 100%;
+  background: #fff;
+  position: fixed;
+  z-index: 100;
+  height: 36px;
+}
+
+.titleBox {
+  position: fixed;
+  z-index: 99;
+  background: #fff;
+}
+
+.fixedCell {
+  position: fixed;
+  z-index: 99;
+  right: 30px;
+  background: #fff;
+  width: 300px;
+  display: flex;
+  justify-content: space-between;
+}
+</style>
+
+<style lang="scss">
+.centerLeft {
+.el-form-item__label {
+  text-align: left;
+}
+}
+.tabsBox {
+.el-tabs__item {
+  padding: 0 10px;
+}
+
+.el-tabs--bottom
+.el-tabs--left
+> .el-tabs__header
+.el-tabs__item:nth-child(2),
+.el-tabs--bottom
+.el-tabs--right
+> .el-tabs__header
+.el-tabs__item:nth-child(2),
+.el-tabs--bottom.el-tabs--border-card
+> .el-tabs__header
+.el-tabs__item:nth-child(2),
+.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
+.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
+.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
+.el-tabs--top.el-tabs--border-card
+> .el-tabs__header
+.el-tabs__item:nth-child(2),
+.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+  padding: 0 10px;
+}
+
+.el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+.el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+.el-tabs--bottom.el-tabs--border-card
+> .el-tabs__header
+.el-tabs__item:last-child,
+.el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
+.el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+.el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+.el-tabs--top.el-tabs--border-card
+> .el-tabs__header
+.el-tabs__item:last-child,
+.el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+  padding: 0 10px;
+}
+
+.el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+  padding: 0 10px;
+}
+}
+.centerRight {
+.el-tabs__nav-scroll {
+  display: flex;
+}
+
+.el-tabs__nav {
+  margin: 0 auto;
+}
+
+.el-table th .cell,
+.el-table td .cell {
+  padding: 0 2px;
+}
+}
+.preTabs {
+.el-tabs__content {
+}
+}
+.rightTabs {
+  height: 100%;
+
+.el-tabs__content {
+}
+}
+.centerDialog {
+.el-dialog__body {
+  max-height: calc(100vh - 100px) !important;
+  padding: 0 20px;
+}
+}
 </style>

src/xt_pages/fapiao/settleDetail.vue

@@ -56,14 +56,12 @@
         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="序号"
@@ -148,18 +146,23 @@
 
         <el-table-column align="center" prop="name" label="操作">
           <template slot-scope="scope">
-            <el-button size="mini" type="primary" @click="blue(scope.row)">
+            <el-button v-if="scope.row.result.id == 0" size="mini" type="primary"
+                        @click="blue(scope.row)">
               开票
             </el-button>
-            <el-button size="mini" type="primary"
+            <el-button v-if="scope.row.result.id > 0 && scope.row.result.is_red_washed == 1" size="mini" type="primary"
+                        @click="hongchong(scope.row)">
+              红冲
+            </el-button>
+            <el-button size="mini" type="primary" v-if="scope.row.result.id > 0 && scope.row.result.is_red_washed == 0"
                        @click="yulan(scope.row)">
               预览
             </el-button>
-
-            <el-button  size="mini" type="primary"
-                       @click="hongchong(scope.row)">
-              红冲
+            <el-button size="mini" type="primary" @click="download(scope.row)"  v-if="scope.row.result.id > 0 && scope.row.result.is_red_washed == 0">
+              下载
             </el-button>
+
+
           </template>
         </el-table-column>
       </el-table>
@@ -278,6 +281,9 @@ export default {
     },
     query(){
 
+    },download(){
+
+
     },
     blue(row){
 

src/xt_pages/hospitalStation/settlementTemplate/hospitalSettlePrint.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="prescription-print" class="print_page_main_content">
-    <div class="title">赤峰社会医疗保障基金结算清单</div>
+    <div class="title">社会医疗保障基金结算清单</div>
     <div style="text-align:right;">清单流水号 <div style="width:200px;" class="under_line">{{ info.mdtrt_id }}</div></div>
     <div class="row">
       <div>定点医疗机构名称<div style="width:200px;" class="under_line">{{info.fixmedins_name}}</div></div>