1

src/vendor/Export2Excel.js

     type: "application/octet-stream"
   }), `${filename}.${bookType}`);
 }
+
+export function export_json_to_excel1({
+  multiHeader = [],
+  header,
+  data,
+  filename,
+  ref,
+  merges = [],
+  autoWidth = true,
+  bookType = 'xlsx'
+} = {}) {
+  /* original data */
+  filename = filename || 'excel-list'
+  data = [...data]
+  data.unshift(header);
+
+  for (let i = multiHeader.length - 1; i > -1; i--) {
+    data.unshift(multiHeader[i])
+  }
+
+  var ws_name = "SheetJS";
+  var wb = new Workbook(),
+    ws = sheet_from_array_of_arrays(data);
+
+  if (merges.length > 0) {
+    if (!ws['!merges']) ws['!merges'] = [];
+    merges.forEach(item => {
+      console.log(XLSX.utils.decode_range(item))
+      ws['!merges'].push(XLSX.utils.decode_range(item))
+    })
+  }
+
+  if (autoWidth) {
+    /*设置worksheet每列的最大宽度*/
+    const colWidth = data.map(row => row.map(val => {
+      /*先判断是否为null/undefined*/
+      if (val == null) {
+        return {
+          'wch': 10
+        };
+      }
+      /*再判断是否为中文*/
+      else if (val.toString().charCodeAt(0) > 255) {
+        return {
+          'wch': val.toString().length * 2
+        };
+      } else {
+        return {
+          'wch': val.toString().length
+        };
+      }
+    }))
+    /*以第一行为初始值*/
+    let result = colWidth[0];
+    for (let i = 1; i < colWidth.length; i++) {
+      for (let j = 0; j < colWidth[i].length; j++) {
+        if (result[j]['wch'] < colWidth[i][j]['wch']) {
+          result[j]['wch'] = colWidth[i][j]['wch'];
+        }
+      }
+    }
+    ws['!cols'] = result;
+  }
+
+  /* add worksheet to workbook */
+  wb.SheetNames.push(ws_name);
+  wb.Sheets[ws_name] = ws;
+
+
+  try {
+    const $e = ref
+    let $table = $e.querySelector('.el-table__fixed')
+    if(!$table) {
+      $table = $e
+    }
+
+    const wb = XLSX.utils.table_to_book($table, {raw:true})
+    const wbout = XLSX.write(wb, {bookType: 'xlsx', bookSST:true, type: 'array'})
+    var wbout = XLSX.write(wb, {
+      bookType: bookType,
+      bookSST: false,
+      type: 'binary'
+    });
+    saveAs(new Blob([s2ab(wbout)], {
+      type: "application/octet-stream"
+    }), `${filename}.${bookType}`);
+  } catch (e) {
+    if (typeof console !== 'undefined') console.error(e)
+  }
+  
+}

src/xt_pages/dialysis/template/DialysisPrintOrderFortyOne.vue

                       <td style="line-height:16px;padding:0px;">
                         <div style="min-height:20px;line-height:20px; overflow:hidden;">
                           <span v-if="getTime(monitor.operate_time, '{h}:{i}')" style="word-break: break-all;margin:0;line-height:16px;-webkit-line-clamp:3;overflow:visible;display:inline-block;vertical-align:middle;height:auto;">
-                            <template v-if="(dialysisOrder && monitor.operate_time == dialysisOrder.start_time)">【开始透析】引血100ml/min</template>
+                            <template v-if="(dialysisOrder && monitor.operate_time == dialysisOrder.start_time)">【开始透析】 <span v-if="org_id != 10233">引血100ml/min</span></template>
                             <span v-if="dialysisOrder && monitor.operate_time == dialysisOrder.end_time">{{ monitor.end }}</span>
                             {{ monitor.symptom }} &nbsp;{{ monitor.dispose }} &nbsp;{{ monitor.result }}
                           </span>
           this.monitors[index].end = ''
           if (Object.keys(monitor).length > 0 && index > 1) {
             if (this.dialysisOrder && monitor.operate_time == this.dialysisOrder.end_time) {
-              this.monitors[index].end = '【结束透析】回血100ml/min'
+              if(this.org_id != 10233){
+                this.monitors[index].end = '【结束透析】回血100ml/min'
+              }else{
+                this.monitors[index].end = '【结束透析】'
+              }
               tempmonitorflag = false
             }
             if (tempmonitorflag && index == this.monitors.length - 1) {
-              this.monitors[index].end = '【结束透析】回血100ml/min'
+              if(this.org_id != 10233){
+                this.monitors[index].end = '【结束透析】回血100ml/min'
+              }else{
+                this.monitors[index].end = '【结束透析】'
+              }
             }
           }
         }

src/xt_pages/outpatientTool/components/detail.vue

 <template>
-    <div class="main-contain outpatientChargesManagement">
+    <!-- <div class="main-contain outpatientChargesManagement">
         <div class="position">
             <bread-crumb :crumbs='crumbs'></bread-crumb>
-        </div>
-        <div class="app-container">
+        </div> -->
+        <div>
             <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
                 <div>
                     <!--<el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"-->
                       <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
 
                     </el-popover> -->
-                    <!--<el-button size="small" type="primary" @click="export_detail">报表下载</el-button>-->
+                    <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
                 </div>
             </div>
-            <el-table :data="tableData" border :row-style="{ color: '#303133' }"
+            <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="table"
                       :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
                       :span-method="merge"
                       v-loading="detail_loading"
             </el-table>
         </div>
 
-    </div>
+    <!-- </div> -->
 </template>
 
 
             colspan: _col
           }
         }
+      }, export_detail() {
+
+        let list = []
+        for (let i = 0; i < this.tableData.length; i++) {
+          let order = this.tableData[i]
+          let name = order.name
+          let item_name = order.item_name
+          let count = order.count
+          let price = order.price.toFixed(2)
+          let pay_sumamt = (order.price.toFixed(2)*order.count).toFixed(2)
+          let total = order.total.toFixed(2)
+
+
+          let obj = {
+            '患者姓名': name,
+            '项目名称': item_name,
+            '数量': count,
+            '单价': price,
+            '费用': pay_sumamt,
+            '费用总额':total,
+          }
+          list.push(obj)
+        }
+        import('@/vendor/Export2Excel').then(excel => {
+          const tHeader = [ '患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+          const filterVal = [ '患者姓名', '项目名称', '数量', '单价', '费用', '费用总额']
+          const data = this.formatJson(filterVal, list)
+          excel.export_json_to_excel1({
+            header: tHeader,
+            data,
+            filename: '明细',
+            ref:this.$refs['table'].$el
+          })
+        })
+
+      }, formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
       }
     },
     created() {

src/xt_pages/outpatientTool/components/gather.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" style="margin-left:10px;" class="filter-item" type="primary"-->
-                    <!--@click="Action">-->
-                    <!--导出-->
-                    <!--</el-button>-->
-                    <el-input size="small" style="width:150px;" v-model="keywords" @input="searchAction"
-                              @keyup.enter.native='searchAction'
-                              class="filter-item"/>
-                    <el-select size="small" v-model="item_type" placeholder="请选择"
-                               style="width:150px;margin-left:10px;" @change="changeItem">
-                        <el-option
-                                label="全部"
-                                value="0">
-                        </el-option>
-                        <el-option
-                                v-for="item,index in items"
-                                :key="index"
-                                :label="item.name"
-                                :value="item.id">
-                        </el-option>
-                    </el-select>
-                    <el-date-picker
-                            v-model="chargeDate"
-                            type="daterange"
-                            value-format="yyyy-MM-dd"
-                            range-separator="至"
-                            start-placeholder="开始日期"
-                            @change="changeDate"
-                            end-placeholder="结束日期">
-                    </el-date-picker>
-                    <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
-                    <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
-                </div>
-                <div>
-                    <!-- <el-popover
-                      placement="bottom"
-                      width="210"
-                      trigger="click">
-                      <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
-                      <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
-                      <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
-
-                    </el-popover> -->
-                    <!--<el-button size="small" type="primary" @click="export_detail">报表下载</el-button>-->
-                </div>
-            </div>
-            <el-table :data="tableData" border :row-style="{ color: '#303133' }"
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                      v-loading="gather_loading"
-                      show-summary
-                      max-height="600"
-                      :span-method="merge"
-                      :summary-method="getTotal"
-                      highlight-current-row>
-
-                <el-table-column align="center" prop="name" label="患者名字">
-                    <template slot-scope="scope">{{ scope.row.name }}</template>
-                </el-table-column>
-                <!--<el-table-column align="center" prop="name" label="患者类型">-->
-                <!--<template slot-scope="scope"></template>-->
-                <!--</el-table-column>-->
-
-                <el-table-column align="center" prop="item_name" label="项目类别">
-                    <template slot-scope="scope">{{scope.row.item_name}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="price" label="费用">
-                    <template slot-scope="scope">{{scope.row.price.toFixed(2)}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="sum" label="费用总额">
-                    <template slot-scope="scope">
-                        <div>{{scope.row.sum.toFixed(2)}}</div>
-                    </template>
-                </el-table-column>
-
-            </el-table>
-        </div>
-
-    </div>
+  <div>
+      <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+          <div>
+              <!--<el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"-->
+              <!--@click="Action">-->
+              <!--导出-->
+              <!--</el-button>-->
+              <el-input size="small" style="width:150px;" v-model="keywords" @input="searchAction"
+                        @keyup.enter.native='searchAction'
+                        class="filter-item"/>
+              <el-select size="small" v-model="item_type" placeholder="请选择"
+                          style="width:150px;margin-left:10px;" @change="changeItem">
+                  <el-option
+                          label="全部"
+                          value="0">
+                  </el-option>
+                  <el-option
+                          v-for="item,index in items"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.id">
+                  </el-option>
+              </el-select>
+              <el-date-picker
+                      v-model="chargeDate"
+                      type="daterange"
+                      value-format="yyyy-MM-dd"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      @change="changeDate"
+                      end-placeholder="结束日期">
+              </el-date-picker>
+              <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
+              <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
+          </div>
+          <div>
+              <!-- <el-popover
+                placement="bottom"
+                width="210"
+                trigger="click">
+                <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
+                <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
+                <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
+
+              </el-popover> -->
+              <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
+          </div>
+      </div>
+      <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="tables"
+                :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                v-loading="gather_loading"
+                show-summary
+                max-height="600"
+                :span-method="merge"
+                :summary-method="getTotal"
+                highlight-current-row>
+
+          <el-table-column align="center" prop="name" label="患者名字">
+              <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+          <!--<el-table-column align="center" prop="name" label="患者类型">-->
+          <!--<template slot-scope="scope"></template>-->
+          <!--</el-table-column>-->
+
+          <el-table-column align="center" prop="item_name" label="项目类别">
+              <template slot-scope="scope">{{scope.row.item_name}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="price" label="费用">
+              <template slot-scope="scope">{{scope.row.price.toFixed(2)}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="sum" label="费用总额">
+              <template slot-scope="scope">
+                  <div>{{scope.row.sum.toFixed(2)}}</div>
+              </template>
+          </el-table-column>
+
+      </el-table>
+  </div>
 </template>
 
 
             return
           }
           const values = data.map(item => Number(item[column.property]))
-          if (column.property === 'sum') {
+          if (column.property === 'total') {
             sums[index] = values.reduce((prev, curr) => {
               const value = Number(curr)
               if (!isNaN(value)) {
-                return prev+ curr
+                return prev + curr
               } else {
                 return prev
               }
         })
 
         return sums
+      }, export_detail() {
+
+        let list = []
+        for (let i = 0; i < this.tableData.length; i++) {
+          let order = this.tableData[i]
+          let name = order.name
+          let item_name = order.item_name
+          let pay_sumamt = order.price.toFixed(2)
+          let total = order.sum.toFixed(2)
+
+
+          let obj = {
+            '患者姓名': name,
+            '项目类别': item_name,
+            '费用': pay_sumamt,
+            '费用总额':total,
+          }
+          list.push(obj)
+        }
+        import('@/vendor/Export2Excel').then(excel => {
+          const tHeader = [ '患者姓名', '项目名称', '费用', '费用总额']
+          const filterVal = [ '患者姓名', '项目名称', '费用', '费用总额']
+          const data = this.formatJson(filterVal, list)
+          excel.export_json_to_excel1({
+            header: tHeader,
+            data,
+            filename: '汇总',
+            ref:this.$refs['tables'].$el
+          })
+        })
+
+      }, formatJson(filterVal, jsonData) {
+        return jsonData.map(v => filterVal.map(j => v[j]))
       }
     },
     created() {

src/xt_pages/outpatientTool/components/settle.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" style="margin-left:10px;" class="filter-item" type="primary"-->
-                    <!--@click="Action">-->
-                    <!--导出-->
-                    <!--</el-button>-->
-                    <el-input size="small" style="width:150px;" v-model="keywords" @input="searchAction"
-                              @keyup.enter.native='searchAction'
-                              class="filter-item"/>
-                    <el-select size="small" v-model="item_type" placeholder="请选择"
-                               style="width:150px;margin-left:10px;" @change="changeItem">
-                        <el-option
-                                label="全部"
-                                value="0">
-                        </el-option>
-                        <el-option
-                                v-for="item,index in items"
-                                :key="index"
-                                :label="item.name"
-                                :value="item.id">
-                        </el-option>
-                    </el-select>
-                    <el-date-picker
-                            v-model="chargeDate"
-                            type="daterange"
-                            value-format="yyyy-MM-dd"
-                            range-separator="至"
-                            start-placeholder="开始日期"
-                            @change="changeDate"
-                            end-placeholder="结束日期">
-                    </el-date-picker>
-                    <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
-                    <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
-                </div>
-                <div>
-                    <!-- <el-popover
-                      placement="bottom"
-                      width="210"
-                      trigger="click">
-                      <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
-                      <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
-                      <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
-
-                    </el-popover> -->
-                    <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
-                </div>
-            </div>
-            <el-table :data="tableData" border :row-style="{ color: '#303133' }"
-                      :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
-                      show-summary
-                      v-loading="settle_loading"
-                      max-height="600"
-                      :span-method="merge"
-                      :summary-method="getTotal"
-                      highlight-current-row>
-
-                <el-table-column align="center" prop="name" label="患者名字">
-                    <template slot-scope="scope">{{ scope.row.other_name }}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="结算日期">
-                    <template slot-scope="scope">
-                        {{scope.row.setl_time?scope.row.setl_time.split(" ")[0]:getTimes(scope.row.settle_accounts_date)}}
-                    </template>
-                </el-table-column>
-
-                <el-table-column align="center" prop="item_name" label="结算类型">
-                    <template slot-scope="scope">
-                        <div v-if="scope.row.is_medicine_insurance == 0">自费</div>
-                        <div v-if="scope.row.is_medicine_insurance == 1">医保</div>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="处方类型">
-                    <template slot-scope="scope">
-                        <div v-if="scope.row.med_type == '14'">门诊特殊病</div>
-                        <div v-if="scope.row.med_type == '11'">普通门诊</div>
-                    </template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="医疗费总额">
-                    <template slot-scope="scope">{{scope.row.medfee_sumamt}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="基金支付金额">
-                    <template slot-scope="scope">{{scope.row.fund_pay_sumamt}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="个人账户支付金额">
-                    <template slot-scope="scope">{{scope.row.acct_pay}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="item_name" label="个人支付金额">
-                    <template slot-scope="scope">{{scope.row.psn_cash_pay}}</template>
-                </el-table-column>
-                <el-table-column align="center" prop="total" label="费用总额">
-                    <template slot-scope="scope">
-                        <div>{{scope.row.total.toFixed(2)}}</div>
-                    </template>
-                </el-table-column>
-
-            </el-table>
-        </div>
-
-    </div>
+  <div>
+      <div style="display: flex;justify-content: space-between;margin-bottom:10px;">
+          <div>
+              <!--<el-button size="small" style="margin-left:10px;" class="filter-item" type="primary"-->
+              <!--@click="Action">-->
+              <!--导出-->
+              <!--</el-button>-->
+              <el-input size="small" style="width:150px;" v-model="keywords" @input="searchAction"
+                        @keyup.enter.native='searchAction'
+                        class="filter-item"/>
+              <el-select size="small" v-model="item_type" placeholder="请选择"
+                          style="width:150px;margin-left:10px;" @change="changeItem">
+                  <el-option
+                          label="全部"
+                          value="0">
+                  </el-option>
+                  <el-option
+                          v-for="item,index in items"
+                          :key="index"
+                          :label="item.name"
+                          :value="item.id">
+                  </el-option>
+              </el-select>
+              <el-date-picker
+                      v-model="chargeDate"
+                      type="daterange"
+                      value-format="yyyy-MM-dd"
+                      range-separator="至"
+                      start-placeholder="开始日期"
+                      @change="changeDate"
+                      end-placeholder="结束日期">
+              </el-date-picker>
+              <!--<el-radio v-model="radio" label="1">明细</el-radio>-->
+              <!--<el-radio v-model="radio" label="2">汇总</el-radio>-->
+          </div>
+          <div>
+              <!-- <el-popover
+                placement="bottom"
+                width="210"
+                trigger="click">
+                <el-button size="small" ref="button_two" @click="open(1)">打印清单</el-button>
+                <el-button size="small" ref="button_six" @click="open(2)">打印汇总</el-button>
+                <el-button slot="reference" style="margin:0 10px;" type="primary" size="small">打印</el-button>
+
+              </el-popover> -->
+              <el-button size="small" type="primary" @click="export_detail">报表下载</el-button>
+          </div>
+      </div>
+      <el-table :data="tableData" border :row-style="{ color: '#303133' }" ref="report-table"
+                :header-cell-style="{backgroundColor: 'rgb(245, 247, 250)',color: '#606266'}"
+                show-summary
+                v-loading="settle_loading"
+                max-height="600"
+                :span-method="merge"
+                :summary-method="getTotal"
+                highlight-current-row>
+
+          <el-table-column align="center" prop="name" label="患者名字">
+              <template slot-scope="scope">{{ scope.row.other_name }}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="结算日期">
+              <template slot-scope="scope">
+                  {{scope.row.setl_time?scope.row.setl_time.split(" ")[0]:getTimes(scope.row.settle_accounts_date)}}
+              </template>
+          </el-table-column>
+
+          <el-table-column align="center" prop="item_name" label="结算类型">
+              <template slot-scope="scope">
+                  <div v-if="scope.row.is_medicine_insurance == 0">自费</div>
+                  <div v-if="scope.row.is_medicine_insurance == 1">医保</div>
+              </template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="处方类型">
+              <template slot-scope="scope">
+                  <div v-if="scope.row.med_type == '14'">门诊特殊病</div>
+                  <div v-if="scope.row.med_type == '11'">普通门诊</div>
+              </template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="医疗费总额">
+              <template slot-scope="scope">{{scope.row.medfee_sumamt}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="基金支付金额">
+              <template slot-scope="scope">{{scope.row.fund_pay_sumamt}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="个人账户支付金额">
+              <template slot-scope="scope">{{scope.row.acct_pay}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="item_name" label="个人支付金额">
+              <template slot-scope="scope">{{scope.row.psn_cash_pay}}</template>
+          </el-table-column>
+          <el-table-column align="center" prop="total" label="费用总额">
+              <template slot-scope="scope">
+                  <div>{{scope.row.total.toFixed(2)}}</div>
+              </template>
+          </el-table-column>
+
+      </el-table>
+  </div>
 </template>
 
 
           const tHeader = [ '患者姓名', '结算日期', '结算类型', '处方类型', '医疗费总额', '基金支付金额', '个人账户支付金额', '个人支付基金', '费用总额']
           const filterVal = [ '患者姓名', '结算日期', '结算类型', '处方类型', '医疗费总额', '基金支付金额', '个人账户支付金额', '个人支付基金', '费用总额']
           const data = this.formatJson(filterVal, list)
-          excel.export_json_to_excel({
+          excel.export_json_to_excel1({
             header: tHeader,
             data,
-            filename: '结算明细'
+            filename: '结算明细',
+            ref:this.$refs['report-table'].$el
           })
         })
 

src/xt_pages/outpatientTool/summary.vue

         <div class="app-container" style="display:flex;flex: 1;padding: 10px 20px 0px 20px;">
 
             <div class="mainRight">
-                <div class="mainHeader">
-                    <el-tabs v-model="titleType" @tab-click="handleClick"
-                             style="position: fixed;width: calc(100% - 490px);background:#fff;">
-                        <el-tab-pane label="明细" name="明细"></el-tab-pane>
-                        <el-tab-pane label="汇总" name="汇总"></el-tab-pane>
-                        <el-tab-pane label="结算" name="结算"></el-tab-pane>
-                    </el-tabs>
-
-                </div>
+                <el-tabs v-model="titleType" @tab-click="handleClick">
+                    <el-tab-pane label="明细" name="明细"></el-tab-pane>
+                    <el-tab-pane label="汇总" name="汇总"></el-tab-pane>
+                    <el-tab-pane label="结算" name="结算"></el-tab-pane>
+                </el-tabs>
                 <detail v-if="titleType == '明细'"></detail>
                 <gather v-if="titleType == '汇总'"></gather>
                 <settle v-if="titleType == '结算'"></settle>