Pad_New/src/pages/main/today/dialysisMonitoring.vue

<template>
  <div class="plate-box">
    <h2 class="title border">
      <span class="line"></span>
      <p>{{ title }}</p>
      <span class="line"></span>
    </h2>
    <div class="dm" style="width:100%;overflow:hildden;overflow-x:auto;">
      <table class="table dialsisTable" style>
        <tr>
          <th v-if="isShow('监测时间')" width="60px">时间</th>
          <th v-if="isShow('体温')" width="40px"> 体温 <br />(℃) </th>
          <th v-if="isShow('体温1')" width="40px"> 体温 <br />(℃) </th>
          <th v-if="isShow('血压')" width="60px"> 血压 <br />(mmHg) </th>
          <th v-if="isShow('血压1')" width="60px"> 血压 <br />(mmHg)</th>
          <th v-if="isShow('拒测血压')" width="60px">血压<br />(mmHg)</th>
          <th v-if="isShow('脉搏')" width="50px"> 脉搏 <br />(次/分) </th>
          <th v-if="isShow('脉搏1')" width="50px"> 脉搏 <br />(次/分) </th>
          <th v-if="isShow('呼吸频率')" width="70px"> 呼吸频率 <br />(次/分) </th>
          <th width="76px"> 静脉压/动脉压 <br />({{tableDate[0]&&tableDate[0]['venous_pressure_type'] == 2 ? 'kpa' : 'mmHg'}}) </th>
          <th v-if="isShow('血流量')" width="60px"> 血流量 <br />(ml/min) </th>
          <th v-if="isShow('血流量1')" width="60px"> 血流量 <br />(ml/min) </th>
          <th v-if="isShow('跨膜压')" width="60px">  跨膜压 <br />({{tableDate[0]&&tableDate[0]['transmembrane_pressure_type'] == 2 ? 'kpa' : 'mmHg'}}) </th>
          <th v-if="isShow('跨膜压1')" width="60px">  跨膜压 <br />({{tableDate[0]&&tableDate[0]['transmembrane_pressure_type'] == 2 ? 'kpa' : 'mmHg'}}) </th>
          <th v-if="isShow('超滤量') && (template_id == 5 || template_id == 6 ||template_id == 10 || template_id == 11 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || org_id == 9555 || template_id == 27 || template_id == 29 || template_id == 30 || template_id == 31 || template_id == 9 || template_id == 32 || template_id == 34 || template_id == 35 || template_id == 36 || template_id == 38 || template_id == 40 || template_id == 41 || template_id == 43 || template_id == 44 || template_id == 46 || template_id == 47 || template_id == 53 || template_id == 54 || template_id == 56  || template_id == 60 || template_id == 65 || org_id == 10340 || org_id == 10432 || org_id == 10410 || org_id == 10485 || org_id == 10375 || org_id == 10480 || org_id == 10551 || org_id == 10597 || org_id == 10599 || org_id ==10612 || org_id ==10580 || org_id ==10629 || org_id ==10617 || org_id == 10677 || org_id == 10667  || org_id == 10693 || org_id == 10702 || org_id == 10697 || org_id ==10635) && org_id!=10471" width="60px" > 超滤量 <br />(ml) </th>
          <th v-if="isShow('超滤量') && (template_id != 5 && template_id != 6 && template_id != 10 &&template_id != 11 && template_id != 13 && template_id != 17 && template_id != 18 && template_id != 19 && template_id != 20 && template_id != 21 && template_id != 22 && template_id != 23 && template_id != 24 && template_id != 26 && org_id != 9555 && template_id != 27 && template_id != 29 && template_id != 30 && template_id != 31 && template_id !=9 && template_id!=32 && template_id!=34 && template_id!=35 && template_id!=36 && template_id!=38 && template_id!=40 && template_id!=41 && template_id!=43 && template_id!=44  && template_id!=46  && template_id!=47 && template_id!=53 && template_id!=54 && template_id!=56 && template_id!=60 && template_id!=65 && org_id != 10340 && org_id != 10432 && org_id != 10410 && org_id!=10485 && org_id!=10375 && org_id!=10480  && org_id!=10551&& org_id!=10597 && org_id!=10599&&org_id!=10612 && org_id!=10580 && org_id!=10629 && org_id!=10617 && org_id!=10677 && org_id!=10667 && org_id!=10693 && org_id!=10702 && org_id!=10697 && org_id!=10635) || org_id == 10471" width="60px" > 超滤量 <br />(L) </th>
          <th v-if="isShow('超滤量1')" width="60px" > 超滤量 <br />(ml) </th>
          <th v-if="isShow('超滤率') && (template_id ==6 || template_id == 10 || template_id == 11 || template_id == 12 || template_id == 13 || template_id == 17 || template_id == 18 || template_id == 19 || template_id == 20 || template_id == 21 || template_id == 22 || template_id == 23 || template_id == 24 || template_id == 26 || template_id == 31 || template_id == 32 || template_id == 34 || template_id == 35 || template_id == 36 || template_id == 38 || template_id == 41 || template_id == 43 || template_id == 44 || template_id == 46  || template_id == 47  || template_id == 48 || template_id == 53 || template_id == 54 || template_id == 56 || template_id == 60 ||  template_id == 65 || org_id == 10432 || org_id == 10410 || org_id == 10485 || org_id == 10375 || org_id == 10480 || org_id == 10551 || org_id == 10585 || org_id ==10597 || org_id ==10599 || org_id ==10612 || org_id ==10580 || org_id ==10629 || org_id ==10617 || org_id ==10677|| org_id ==10667 || org_id == 10693 || org_id == 10702 || org_id == 10697 || org_id ==10635) && org_id!=10471" width="50px"> 超滤率 <br />(ml/h) </th>
          <th v-if="isShow('超滤率') && (template_id !=6 && template_id !=10 && template_id !=11 && template_id !=12 && template_id !=13 && template_id !=17 && template_id !=18 && template_id !=19 && template_id !=20 && template_id !=21 && template_id !=22 && template_id !=23 && template_id !=24 && template_id !=26 && template_id !=31 && template_id !=32 && template_id !=34 && template_id !=35 && template_id !=36 && template_id !=38 && template_id !=41 && template_id !=43 && template_id !=44 && template_id !=46 && template_id !=47 && template_id !=48 && template_id !=53  && template_id !=54  && template_id !=56 && template_id !=60  && template_id !=65 && org_id != 10432 && org_id != 10410 && org_id!=10485 && org_id!=10375  && org_id!=10480  && org_id!=10551 && org_id!=10597 && org_id!=10599 && org_id!=10612 && org_id!=10580 && org_id!=10629 && org_id!=10617 && org_id!=10677&& org_id!=10667 && org_id!=10693 && org_id!=10702 && org_id!=10697 && org_id!=10635) || org_id == 10471"  width="50px"> 超滤率 <br />(L/h) </th>
          <th v-if="isShow('超滤率2')" width="60px">超滤率 <br />(ml/h)</th>
          <th v-if="isShow('钠浓度')" width="60px"> 钠浓度 <br />(mmol/L) </th>
          <th v-if="isShow('钠浓度1')" width="60px"> 钠浓度 <br />(mmol/L) </th>
          <th v-if="isShow('透析液温度')" width="70px"> 透析液温度 <br />(℃) </th>
          <th v-if="isShow('透析液温度1')" width="70px"> 透析液温度 <br />(℃) </th>
          <th v-if="isShow('置换率')&& (template_id == 6 ||template_id == 10 || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29 || template_id == 48 || template_id == 53  || template_id == 54 | template_id == 56 || org_id == 10340 || org_id == 10410 || org_id == 10375 || org_id == 10598 || org_id ==10702) && org_id!=10558  && org_id!=10414 && org_id!=10677" width="60px" > 置换率 <br />(ml/min) </th>
          <th v-if="isShow('置换率')&& (template_id != 6 && template_id != 10 && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29 && template_id != 48 && template_id != 53 && template_id != 54 && template_id != 56 && org_id!=10340  && org_id!=10410 && org_id!=10375 && org_id!=10598 && org_id!=10702) || org_id ==10558 || org_id ==10414 || org_id==10677" width="60px" > 置换率 <br />(L/h) </th>
          <th v-if="isShow('置换率1')"  width="60px" > 置换率 <br />(ml/min) </th>
          <th v-if="isShow('置换量')&& (template_id == 43 )" width="50px" > 置换量 <br />(ml/h) </th>
          <th v-if="isShow('置换量')&& ((template_id == 6 && org_id != 9919 && template_id!=43 && org_id!=10478) || (template_id == 10 && org_id!=10191) || template_id == 11 || template_id == 20 || template_id == 26 || template_id == 29  || template_id == 46  || template_id == 47 || template_id == 48 || template_id == 53 || template_id == 54 | template_id == 56 || org_id == 10340 || org_id == 10432) && org_id!=10558 && org_id!=10346&&org_id!=10517 &&org_id!=10598 &&org_id!=10617 &&org_id!=10414 && org_id!=10510" width="50px" > 置换量 <br />(ml) </th>
          <th v-if="isShow('置换量')&& ((template_id != 6 || org_id == 9919 || org_id ==10478) && (template_id != 10 || org_id == 10191) && template_id != 11 && template_id != 20 && template_id != 26 && template_id != 29 && template_id!=43 && template_id!=46 && template_id!=47  && template_id!=48  && template_id!=53 && template_id!=54 && template_id!=56 && org_id!=10340  && org_id!=10432) || org_id == 10558 || org_id ==10346 || org_id ==10517 || org_id ==10598 || org_id ==10617 || org_id ==10414 || org_id == 10510" width="50px" > 置换量 <br />(L) </th>
        
          <th v-if="isShow('电导度')" width="60px"> 电导度 <br />(mS/cm) </th>
          <th v-if="isShow('电导度1')" width="60px"> 电导度 <br />(mS/cm) </th>
          <th v-if="isShow('置换液流量')" width="70px"> 置换液流量 <br /><span v-if="template_id !=27 && template_id!=29 && template_id!=60">(ml/h)</span><span v-if="template_id == 27 || template_id == 29 || template_id ==60">(ml/min)</span>  </th>
          <th v-if="isShow('置换液流量1')" width="70px"> 置换液流量 <br /></th>
          <th v-if="isShow('透析液流量')" width="70px"> 透析液流量 <br />(ml/h)  </th>
          <th v-if="isShow('透析液流量1')" width="70px"> 透析液流量 <br />(ml/h)  </th>
          <th v-if="isShow('肝素用量余量')" width="70px"> 肝素用量余量 <br />(ml) </th>
          <th v-if="isShow('剩余肝素')" width="70px"> 剩余肝素 <br />(ml) </th>
          <th v-if="isShow('置换量1')" width="50px" > 置换量 <br />(L) </th>
          <th v-if="isShow('抗凝剂')" width="70px">抗凝剂</th>
          <th v-if="isShow('累计血容量')&& (template_id!=41) && org_id!=10340" width="50px" > 累计血容量 <br />(ml) </th>
          <th v-if="isShow('累计血容量')&& (template_id ==41) && org_id!=10340" width="50px" > 累计血容量 <br />(L) </th>
          <th v-if="isShow('血容量')" width="70px">血容量(L)</th>
          <th v-if="isShow('血容量1')" width="70px">血容量(L)</th>
          <th v-if="isShow('血温监测')" width="70px">血温监测</th>
          <th v-if="isShow('血温监测1')" width="70px">血温监测</th>
          <th v-if="isShow('尿素监测')" width="70px">尿素监测</th>
          <th v-if="isShow('尿素监测1')" width="70px">尿素监测</th>
          <th v-if="isShow('血浓量')" width="70px">血浓量</th>
          <th v-if="isShow('血浓量1')" width="70px">血浓量</th>
          <th v-if="isShow('血压监测')" width="70px">血压监测</th>

          <th v-if="isShow('肝素量')" width="70px">肝素量(mg)</th>
          <th v-if="isShow('脱水')" width="70px"> 脱水(L)</th>

          <th v-if="isShow('置换液速度')" width="70px"> 置换液速度(ml/h)</th>
          <th v-if="isShow('碳酸氢钠用量')" width="70px"> 碳酸氢钠用量(ml)</th>
          <th v-if="isShow('滤前压')" width="70px">滤前压(mmHg)</th>
          <th v-if="isShow('KT/V')" width="70px">Kt/V</th>
          <th v-if="isShow('kt/v1')" width="70px">Kt/V</th>
          <th v-if="isShow('urr1')" width="70px">URR</th>
          <th v-if="isShow('SpO₂')  && (org_id == 10447 || org_id ==9829)" width="40px" > SpO₂ <br />(%) </th>
          <th v-if="isShow('SpO₂1')" width="40px" > SpO₂ <br />(%) </th>
          <th v-if="isShow('病情变化')" width="92px">病情变化</th>
          <th v-if="isShow('处理')" width="92px">处理</th>
          <th v-if="isShow('结果')" width="92px">结果</th>
        </tr>
        <tr v-for="(item, index) in tableDate" :key="index" :value="item.value">
          <td v-if="isShow('监测时间')">{{ parseTime(item.operate_time, "{y}-{m}-{d} {h}:{i}") }}</td>
          <td v-if="isShow('体温')">{{ item.temperature ? item.temperature : "" }}</td>
          <td v-if="isShow('体温1')">{{ item.temperature ? item.temperature : "/" }}</td>
          <td v-if="isShow('血压')"> {{ item.systolic_blood_pressure ? item.systolic_blood_pressure : "" }}/{{ item.diastolic_blood_pressure ? item.diastolic_blood_pressure : "" }} </td>
          <td v-if="isShow('血压1')">
            {{ item.monitor_systolic_blood_pressure_one ? item.monitor_systolic_blood_pressure_one : "未测" }}
          <span v-if="item.monitor_diastolic_blood_pressure_one!=''&& item.monitor_diastolic_blood_pressure_one>0">/{{ item.monitor_diastolic_blood_pressure_one ? item.monitor_diastolic_blood_pressure_one : "" }} </span>  </td>
          <td v-if="isShow('拒测血压')"> {{ item.is_pressure ? item.is_pressure : "" }}</td>
          <td v-if="isShow('脉搏')">{{ item.pulse_frequency ? item.pulse_frequency : "" }}</td>
          <td v-if="isShow('脉搏1')">{{ item.monitor_pulse_frequency_one ? item.monitor_pulse_frequency_one : "/" }}</td>
          <td v-if="isShow('呼吸频率')">
            <span v-if="org_id !=10644"> {{ item.breathing_rate ? item.breathing_rate : "/" }}</span>
            <span v-if="org_id ==10644"> {{ item.breathing_rate ? item.breathing_rate : "" }}</span>
          </td>
          <td v-if="org_id!=10693"> {{ item.venous_pressure ? item.venous_pressure : "" }}
           <span v-if="item.arterial_pressure!='' || item.arterial_pressure>0">/</span>  
            {{ item.arterial_pressure ? item.arterial_pressure : "" }} </td>
          <td v-if="org_id==10693"> {{ item.venous_pressure_one ? item.venous_pressure_one : "" }}/{{ item.arterial_pressure_one ? item.arterial_pressure_one : "" }} </td>
          <td v-if="isShow('血流量')">{{ item.blood_flow_volume ? item.blood_flow_volume : "" }}</td>
          <td v-if="isShow('血流量1')">{{ item.blood_flow_volume_one ? item.blood_flow_volume_one : "/" }}</td>
          <td v-if="isShow('跨膜压')" >{{ item.transmembrane_pressure ? item.transmembrane_pressure : "" }}</td>
          <td v-if="isShow('跨膜压1')" >{{ item.venous_pressure_one ? item.venous_pressure_one : "/" }}</td>
          <td v-if="isShow('超滤量')&&(org_id ==10551 || org_id ==10629 || org_id ==10679|| org_id ==10693 || org_id ==10702)" >{{ item.ultrafiltration_volume ? item.ultrafiltration_volume : "0" }}</td>
          <td v-if="isShow('超滤量')&&org_id !=10551 && org_id!=10629 && org_id != 10679&&org_id!=10693 &&org_id!=10702" >
            <span v-if="org_id == 10612">
              <span v-if="index == 1"> {{ item.ultrafiltration_volume ? item.ultrafiltration_volume : "0" }}</span>
               <span v-if="index!=1"> {{ item.ultrafiltration_volume ? item.ultrafiltration_volume : "" }}</span>
            </span>
            <span v-if="org_id != 10612">
              <span> {{ item.ultrafiltration_volume ? item.ultrafiltration_volume : "" }}</span>
            </span>

          </td>
          <td v-if="isShow('超滤量1')" >{{item.ultrafiltration_volume_one?item.ultrafiltration_volume_one:'/'}}</td>
          <td v-if="isShow('超滤率')" >{{item.ultrafiltration_rate?item.ultrafiltration_rate:''}}</td>
          <td v-if="isShow('超滤率2')" >{{item.ultrafiltration_rate_one?item.ultrafiltration_rate_one:''}}</td>
          <td v-if="isShow('钠浓度')">{{ item.sodium_concentration ? item.sodium_concentration : "" }}</td>
          <td v-if="isShow('钠浓度1')">{{ item.sodium_concentration_one ? item.sodium_concentration_one : "/" }}</td>
          <td v-if="isShow('透析液温度')"  >{{ item.dialysate_temperature ? item.dialysate_temperature : "" }}</td>
          <td v-if="isShow('透析液温度1')"  >{{ item.dialysate_temperature_one ? item.dialysate_temperature_one : "/" }}</td>
          <td v-if="isShow('置换率')">{{ item.replacement_rate ? item.replacement_rate : "" }}</td>
          <td v-if="isShow('置换率1')">{{ item.replacement_rate_one ? item.replacement_rate_one : "/" }}</td>
          <td v-if="isShow('置换量')" >{{ item.displacement_quantity ? item.displacement_quantity : "" }}</td>
          <th v-if="isShow('电导度')">{{ item.conductivity ? item.conductivity : "" }}</th>
          <th v-if="isShow('电导度1')">{{ item.conductivity_one ? item.conductivity_one : "/" }}</th>
          <th v-if="isShow('置换液流量')"> {{ item.displacement_flow_quantity ? item.displacement_flow_quantity : "" }} </th>
          <th v-if="isShow('置换液流量1')"> {{ item.displacement_flow_quantity_one ? item.displacement_flow_quantity_one : "/" }} </th>
          <th v-if="isShow('透析液流量')"> {{ item.dialysate_flow ? item.dialysate_flow : "" }} </th>
          <th v-if="isShow('透析液流量1')"> {{ item.dialysate_flow_one ? item.dialysate_flow_one : "/" }} </th>

          <th v-if="isShow('肝素用量余量')"> {{ item.heparin ? item.heparin : "" }} </th>
          <th v-if="isShow('剩余肝素')"> {{ item.heparin_one ? item.heparin_one : "/" }} </th>
          <td v-if="isShow('置换量1')" >{{ item.displacement_quantity_one ? item.displacement_quantity_one : "/" }}</td>
          <th v-if="isShow('抗凝剂')">
            <span v-if="item.monitor_anticoagulant == 0"></span>
            <span v-if="item.monitor_anticoagulant == 1">无肝素</span>
            <span v-if="item.monitor_anticoagulant == 2">普通肝素</span>
            <span v-if="item.monitor_anticoagulant == 3">低分子肝素</span>
            <span v-if="item.monitor_anticoagulant == 4">阿加曲班</span>
            <span v-if="item.monitor_anticoagulant == 5">枸橼酸钠</span>
            <span v-if="item.monitor_anticoagulant == 6">低分子肝素钙</span>
            <span v-if="item.monitor_anticoagulant == 7">低分子肝素钠</span>
            <span v-if="item.monitor_anticoagulant == 8">依诺肝素</span>
            <span v-if="item.monitor_anticoagulant == 9">达肝素</span>
            <span v-if="item.monitor_anticoagulant == 12">无抗凝剂</span>
            <span v-if="item.monitor_anticoagulant == 14">肝素钙注射液</span>
            <span v-if="item.monitor_anticoagulant == 15">甲磺酸萘莫司他</span>
            <span v-if="item.monitor_anticoagulant_value!=''">
                ({{item.monitor_anticoagulant_value}})
            </span>
          </th>
          <th v-if="isShow('累计血容量') && org_id!=10340" width="70px">{{item.accumulated_blood_volume}}</th>
          <th v-if="isShow('血容量')" width="70px">{{item.accumulated_blood_volume}}</th>
          <th v-if="isShow('血容量1')" width="70px">{{item.accumulated_blood_volume_one?item.accumulated_blood_volume_one:"/"}}</th>
          <th v-if="isShow('血温监测')" width="70px">{{item.blood_temperature}}</th>
          <th v-if="isShow('血温监测1')" width="70px">{{item.blood_temperature_one?item.blood_temperature_one:"/"}}</th>
          <th v-if="isShow('尿素监测')" width="70px">{{item.urea_monitoring}}</th>
          <th v-if="isShow('尿素监测1')" width="70px">{{item.urea_monitoring?item.urea_monitoring:"/"}}</th>
          <th v-if="isShow('血浓量')" width="70px">{{item.blood_thickness}}</th>
          <th v-if="isShow('血浓量1')" width="70px">{{item.blood_thickness_one?item.blood_thickness_one:"/"}}</th>
          <th v-if="isShow('血压监测')" width="70px">{{item.blood_monitor}}</th>
          <th v-if="isShow('肝素量')" width="70px">{{item.heparin_amount}}</th>
          <th v-if="isShow('脱水')" width="70px"> {{item.dehydration}}</th>
          <th v-if="isShow('置换液速度')" width="70px"> {{item.replacement_speed }}</th>
          <th v-if="isShow('碳酸氢钠用量')" width="70px">{{item.dicarbonate }}</th>
          <th v-if="isShow('滤前压')" width="70px">{{item.filter_pressure}}</th>
          <td v-if="isShow('KT/V')">{{item.ktv?item.ktv:""}}</td>
          <td v-if="isShow('kt/v1')">{{item.ktv_one?item.ktv_one:"/"}}</td>
          <td v-if="isShow('urr1')">{{item.urr_one?item.urr_one:"/"}}</td>
          <td v-if="isShow('SpO₂') && (org_id == 10447 || org_id ==9829)" >
             <span>{{item.blood_oxygen_saturation?item.blood_oxygen_saturation:'/'}}</span>
          </td>
          <td v-if="isShow('SpO₂1')" >
             <span>{{item.blood_oxygen_saturation_one?item.blood_oxygen_saturation_one:'/'}}</span>
          </td>
          <td v-if="isShow('病情变化')">
            {{ item.symptom }}
            <span v-if="(index == tableDate.length - 1) && org_id == 10340">累计血容量:{{tableDate[tableDate.length-1].accumulated_blood_volume }}L</span>
          </td>
          <td v-if="isShow('处理')">{{ item.dispose }}</td>
          <td v-if="isShow('结果')">{{ item.result }}</td>
        </tr>
      </table>

      <div class="NoData" v-show="tableDate.length == 0">
        <img style="margin-top: 50px; margin-bottom: 50px" src="@/assets/login/data.jpg" alt />
      </div>
    </div>
  </div>
</template>

<script>
import { parseTime } from '@/utils'

export default {
  name: 'statOrder',
  data () {
    return {
      title: '透析监测 ',
      template_id: 0,
      tableDate: []
    }
  },
  created () {
    this.template_id = this.$store.getters.user.template_info.template_id
    this.org_id = this.$store.getters.user.template_info.org_id
  },
  methods: {
    isShow (name) {
      var filedList = this.$store.getters.user.fileds

      for (let i = 0; i < filedList.length; i++) {
        if (
          filedList[i].module == 4 &&
          filedList[i].filed_name_cn == name &&
          filedList[i].is_show == 1
        ) {
          return true
        }
      }
      return false
    },
    setRecords (records) {
      if (records == null) {
        records = []
      }
      this.tableDate.splice(0, this.tableDate.length)
      this.tableDate.push(...records)
    },
    parseTime (time, layout) {
      return parseTime(time, layout)
    },
    addRecords (records) {
      this.tableDate.push(...records)
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
.dialsisTable {
  width: 1600px;
}
.dm {
  /* 针对缺省样式 (必须的) */
  &::-webkit-scrollbar {
    width: 3px;
    height: 5px;
  }
  /* 滚动条的滑轨背景颜色 */
  &::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  /* 滑块颜色 */
  &::-webkit-scrollbar-thumb {
    background: #d7dce2;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  /*内层轨道的颜色*/
  &::-webkit-scrollbar-track-piece {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  }
  /* 滑轨两头的监听按钮颜色 */
  &::-webkit-scrollbar-button {
    background-color: #eee;
    width: 0;
    height: 0;
  }
  /* 横向滚动条和纵向滚动条相交处尖角的颜色 */
  &::-webkit-scrollbar-corner {
    background-color: #eee;
  }
}
</style>
<style lang="scss">
.el-table td {
  padding: 0;
}
.el-table th {
  padding: 6px 0;
}
</style>