1

src/xt_pages/dialysis/signPrint.vue

@@ -11,37 +11,29 @@
         <div class="app-container" style="background-color: white;" v-show="show">
             <div id="dialysisTable">
                 <div v-for="(item, index) in list" :key="index">
-                    <ul>
-                        <li>分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</li>  
-                        <li>姓名:{{item.patient.name}}</li>  
-                        <li>医嘱内容:{{getAdvice(item.doctor_advice)}}</li>  
-                        <li>给药途径:
-                            {{item.doctor_advice[0].execution_frequency}}
-                        </li>  
-                        <li>执行频率:{{item.doctor_advice[0].delivery_way}}</li>  
-                        <li>打印时间:{{time}}</li>   
-                    </ul>  
+                    <div class="signPrint" v-for="it in item.doctor_advice" style="page-break-after: always;">
+                        <div>分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</div>  
+                        <div>姓名:{{item.patient.name}}</div>  
+                        <div>医嘱内容:{{ it.advice_name }}</div>  
+                        <div>给药途径:{{it.execution_frequency}}</div>  
+                        <div>执行频率:{{it.delivery_way}}</div>  
+                        <div>打印时间:{{time}}</div>   
+                    </div>  
                 </div>
             </div>
         </div>
 
           <div class="app-container" style="background-color: white;" v-show="showOne">
             <div id="dialysisTable">
-                <div class="order_title_panl">
-                    <span class="main_title">透析医嘱</span>
-                </div>
-                <p style="width: 960px;text-align: right;margin: 0 auto 10px;">日期：{{ time }}</p>
                 <div v-for="(item, index) in list" :key="index">
-                    <ul>
-                        <li>分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</li>  
-                        <li>姓名:{{item.patient.name}}</li>  
-                        <li>医嘱内容:{{getAdvice(item.doctor_advice)}}</li>  
-                        <li>给药途径:
-                            {{item.doctor_advice[0].execution_frequency}}
-                        </li>  
-                        <li>执行频率:{{item.doctor_advice[0].delivery_way}}</li>  
-                        <li>打印时间:{{time}}</li>   
-                    </ul>  
+                    <div class="signPrint" v-for="it in item.doctor_advice" style="page-break-after: always;">
+                        <div>分区/床位号:{{item.device_number.zone.name}}/{{item.device_number.number}}</div>  
+                        <div>姓名:{{item.patient.name}}</div>  
+                        <div>医嘱内容:{{getAdvice(item.doctor_advice)}}</div>  
+                        <div>给药途径:{{item.doctor_advice[0].execution_frequency}}</div>  
+                        <div>执行频率:{{item.doctor_advice[0].delivery_way}}</div>  
+                        <div>打印时间:{{time}}</div>   
+                    </div>  
                   
                 </div>
             </div>
@@ -418,7 +410,7 @@ export default {
                      this.list = schedules
                      this.scheduleMap = scheduleMap  
                  }
-
+                console.log("this.list",this.list)
                 
                 }
             })
@@ -652,6 +644,13 @@ export default {
 
 
 <style rel="stylesheet/scss" lang="scss" scoped>
+.signPrint{
+    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;
+    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
+    margin-bottom: 20px;
+    padding: 20px 10px;
+}
 .dialysisTable{
     width:960px;
     margin: 0 auto;

src/xt_pages/outpatientCharges/invoicePrint.vue

@@ -13,7 +13,8 @@
     </template>
     <div class="app-container" style="padding-top:40px;">
         <div class='dialysisPage'>
-            <printOne :paramsObj="invoiceParams"></printOne>
+            <printOne v-if="org_id != 10106" :paramsObj="invoiceParams"></printOne>
+            <printTwo v-if="org_id == 10106" :paramsObj="invoiceParams"></printTwo>
         </div>
     </div>
   </div>
@@ -21,10 +22,12 @@
 
 <script>
 import printOne from './invoiceTemplate/printOne'
+import printTwo from './invoiceTemplate/printTwo'
 export default {
   name: "invoicePrint",
   components: {
-    printOne
+    printOne,
+    printTwo
   },
   props:{
     invoiceParams:Object
@@ -32,7 +35,8 @@ export default {
   data() {
     return {
       childResponse: {},
-    //   invoiceParams:{}
+    //   invoiceParams:{},
+     org_id:''
       
 
     };
@@ -61,8 +65,7 @@ export default {
       return "";
     },
     printThisPage() {
-
-      const style =
+        const style =
         '@media print {#invoice-print{font-size:12px;}.printTitle{font-size: 22px;text-align: center;font-weight: bold;}.infoMain{display: flex;flex-wrap: wrap;padding:0 10px;margin-top:10px;}.infoMain .infoP{width: 33%;}.chargeBox{border: 1px solid #000;}.chargeUl{display:flex;justify-content: space-between;text-align: center;}.chargeUl p{line-height: 1px;}.chargeP{line-height: 1px;padding-bottom:16px;}.moneyBox{display: flex;justify-content: space-between;padding: 0 10px;background: #eeeeee;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact;height: 40px;align-items: center;border:1px solid #000; border-top:none}.actionBar{display: flex;justify-content: space-between; line-height: 24px;padding:0 10px;}.actionBar div{width:150px;}}';
         printJS({
             printable: "invoice-print",
@@ -70,6 +73,7 @@ export default {
             style: style,
             scanStyles: false
         });
+      
 
       // if (this.org_template_info.template_id == 1) {
       //   printJS({
@@ -83,6 +87,7 @@ export default {
   },
   created() {
       console.log('this.invoiceParams',this.invoiceParams)
+      this.org_id = this.$store.getters.xt_user.org_id
   },
   watch:{
     paramsObj:{//深度监听，可监听到对象、数组的变化

src/xt_pages/outpatientCharges/invoiceTemplate/printTwo.vue

@@ -0,0 +1,221 @@
+<template>
+    <div id='invoice-print'>
+        <div style="display:flex;">
+            <div style="position: absolute;top:30px;left:70px;">{{ list.order_number }}</div>
+            <!-- <div>{{ list.id_card_no }}</div> -->
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <!-- <div>{{ list.department_name }}</div> -->
+            <div  style="position: absolute;top:40px;left:300px">{{ list.number }}</div>
+            <div></div>
+            <div  style="position: absolute;left:610px;top:40px;">
+                <span>{{ printDate.slice(0,4) }}</span>
+                <span>{{ printDate.slice(5,7) }}</span>
+                <span>{{ printDate.slice(8,11) }}</span>
+            </div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:60px;left:120px;"> {{ paramsObj.name }}</div>
+            <div style="position: absolute;top:60px;left:210px;">√</div>
+            <!-- <div>{{ list.pay_way }}</div> -->
+            <!-- <div style="position: absolute;top:70px;left:460px;">{{ paramsObj.setl_time.split(' ')[0] }}</div>
+            <div style="position: absolute;top:70px;left:560px;">{{ paramsObj.setl_time.split(' ')[0] }}</div> -->
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <!-- <div>{{ paramsObj.gend == 1 ? '男' : '女' }}</div> -->
+            <div style="position: absolute;top:90px;left:290px;">{{ totalPrice - list.psn_cash_money }}</div>
+            <div style="position: absolute;top:90px;left:460px;">{{ list.psn_cash_money }}</div>
+            <div style="position: absolute;top:90px;left:640px;">门慢结算</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:140px;left:40px">西药</div>
+            <div style="position: absolute;top:140px;left:110px">{{ list.westernMedicineCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:200px">检查费</div>
+            <div style="position: absolute;top:140px;left:280px">{{ list.checkCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:380px">治疗费</div>
+            <div style="position: absolute;top:140px;left:460px">{{ list.treatCostTotal }}</div>
+            <div style="position: absolute;top:140px;left:560px">床位费</div>
+            <div style="position: absolute;top:140px;left:640px">{{ list.bedCostTotal }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:170px;left:40px">中成药</div>
+            <div style="position: absolute;top:170px;left:110px">{{ list.chineseTraditionalMedicineCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:200px">化验费</div>
+            <div style="position: absolute;top:170px;left:280px">{{ list.laboratoryCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:380px">手术费</div>
+            <div style="position: absolute;top:170px;left:460px">{{ list.operationCostTotal }}</div>
+            <div style="position: absolute;top:170px;left:560px">其他费</div>
+            <div style="position: absolute;top:170px;left:640px">{{ list.otherCostTotal }}</div>
+        </div>
+        <div style="display:flex;justify-content: space-between;">
+            <div style="position: absolute;top:200px;left:40px"></div>
+            <div style="position: absolute;top:200px;left:110px"></div>
+            <div style="position: absolute;top:200px;left:200px"></div>
+            <div style="position: absolute;top:200px;left:280px"></div>
+            <div style="position: absolute;top:200px;left:380px">材料费</div>
+            <div style="position: absolute;top:200px;left:460px">{{ list.materialCostTotal }}</div>
+            <div style="position: absolute;top:200px;left:560px"></div>
+            <div style="position: absolute;top:200px;left:640px"></div>
+        </div>
+        <div>
+            <span>
+            <span style="position: absolute;top:250px;left:200px">
+                <span v-if="zhongwen.indexOf('万') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('万') - 1,zhongwen.indexOf('万')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:260px">
+                <span v-if="zhongwen.indexOf('仟') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('仟') - 1,zhongwen.indexOf('仟')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:320px">
+                <span v-if="zhongwen.indexOf('佰') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('佰') - 1,zhongwen.indexOf('佰')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:380px">
+                <span v-if="zhongwen.indexOf('拾') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('拾') - 1,zhongwen.indexOf('拾')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:440px">
+                <span v-if="zhongwen.indexOf('元') > -1 && zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) != '拾'">
+                    {{ zhongwen.substring(zhongwen.indexOf('元') - 1,zhongwen.indexOf('元')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:500px">
+                <span v-if="zhongwen.indexOf('角') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('角') - 1,zhongwen.indexOf('角')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            <span style="position: absolute;top:250px;left:560px">
+                <span v-if="zhongwen.indexOf('分') > -1">
+                    {{ zhongwen.substring(zhongwen.indexOf('分') - 1,zhongwen.indexOf('分')) }}
+                </span>
+                <span v-else>零</span>
+            </span>
+            </span>
+            <span style="position: absolute;top:250px;left:610px">{{ totalPrice }}</span>
+        </div>
+        <div style="position: absolute;top:280px;left:460px">现金：{{ list.psn_cash_money }}</div>
+        <div>
+            <div style="position: absolute;top:320px;left:120px">{{ org_name }}</div>
+            <div v-if="org_id == 10106" style="position: absolute;top:320px;left:460px">林美华</div>
+        </div>
+    </div>
+</template>
+
+
+<script>
+import { getInvoice } from '@/api/project/project'
+export default {
+    props:{
+        paramsObj:Object
+    },
+    data(){
+        return{
+            list:{},
+            printDate:'',
+            zhongwen:'',
+            totalPrice:0.0,
+            org_id:'',
+            org_name:''
+        }
+    },
+    created(){
+        console.log('paramsObj',this.paramsObj)
+        let params = {
+            order_id: this.paramsObj.order_id,
+            patient_id: this.paramsObj.patient_id,
+        }
+        this.getInvoice(params)
+        // var data = new Date();
+        // var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+        // var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+        // this.printDate = data.getFullYear() + "-" + month + "-" + date;
+        // this.smalltoBIG(982732.21)
+        this.org_id = this.$store.getters.xt_user.org_id
+        this.org_name = this.$store.getters.xt_user.org.org_name
+    },
+    methods:{
+        getInvoice(params){
+            getInvoice(params).then((res) => {
+                console.log('res',res)
+                this.list = res.data.data
+                this.totalPrice = this.list.westernMedicineCostTotal + this.list.checkCostTotal + this.list.treatCostTotal + this.list.bedCostTotal + this.list.chineseTraditionalMedicineCostTotal +
+                                    this.list.laboratoryCostTotal + this.list.operationCostTotal + this.list.otherCostTotal + this.list.materialCostTotal
+                this.smalltoBIG(this.totalPrice)
+                var data = new Date(res.data.data.date * 1000);
+                var month =data.getMonth() < 9 ? "0" + (data.getMonth() + 1) : data.getMonth() + 1;
+                var date = data.getDate() <= 9 ? "0" + data.getDate() : data.getDate();
+                this.printDate = data.getFullYear() + "-" + month + "-" + date;
+            })
+        },
+        smalltoBIG(n) {
+            // let fraction = ['角', '分'];
+            // let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+            // let unit = [['元.', '万,', '亿,'], ["元",'拾', '佰', '仟']];
+            // let head = price < 0 ? '欠' : '';
+            // price = Math.abs(price);
+            // let upper = '';
+            // for (let i = 0; i < fraction.length; i++) {
+            // upper += (digit[Math.floor(price * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '');
+            // }
+            // upper = upper || '整';
+            // price = Math.floor(price);
+            // for (let i = 0; i < unit[0].length && price > 0; i++) {
+            // let p = '';
+            // for (let j = 0; j < unit[1].length && price > 0; j++) {
+            //     p = digit[price % 10] + unit[1][j] + p;
+            //     price = Math.floor(price / 10);
+            // }
+            // upper = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + upper;
+            // }
+            // this.zhongwen = head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整')
+            // console.log('6666',head + upper.replace(/(零.)*零圆/, '圆').replace(/(零.)+/g, '零').replace(/^整$/, '零圆整'))
+            if (!/^(0|[1-9]\d*)(\.\d+)?$/.test(n)){
+                return "数据非法";  //判断数据是否大于0
+            }
+
+            var unit = "仟佰拾亿仟佰拾万仟佰拾元角分", str = "";
+            n += "00";  
+
+            var indexpoint = n.indexOf('.');  // 如果是小数，截取小数点前面的位数
+
+            if (indexpoint >= 0){
+
+                n = n.substring(0, indexpoint) + n.substr(indexpoint+1, 2);   // 若为小数，截取需要使用的unit单位
+            }
+
+            unit = unit.substr(unit.length - n.length);  // 若为整数，截取需要使用的unit单位
+            for (var i=0; i < n.length; i++){
+                str += "零壹贰叁肆伍陆柒捌玖".charAt(n.charAt(i)) + unit.charAt(i);  //遍历转化为大写的数字
+            }
+
+            this.zhongwen =  str.replace(/零(仟|佰|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
+            console.log(this.zhongwen)
+        },
+
+    },
+    watch:{
+        paramsObj:{//深度监听，可监听到对象、数组的变化
+            handler(val, oldVal){
+                let params = {
+                    order_id: val.order_id,
+                    patient_id: val.patient_id,
+                }
+                this.getInvoice(params)
+
+            },
+            deep:true
+        }
+    }
+}
+</script>

src/xt_pages/stock/drugs/drugStockOutOrderDetailPrint.vue

@@ -9,7 +9,7 @@
       <div id="dialysis-print-box">
         <div class="dialysis-print-order">
          <div class="order-yy-name" style="font-weight:bold;">{{orgName}}</div>
-          <div class="order-title" style="font-weight:none;">药品出库登记表</div>
+          <div class="order-title" style="font-weight:normal;">药品出库登记表</div>
 
           <div style="float: right;margin-bottom: 1px;">{{getDateTwo()}}</div>
 
@@ -22,7 +22,7 @@
               <td style="line-height: 50px" width="80">出货数量</td>
               <td style="line-height:50px" width="80">出库价格</td>
               <td style="line-height: 50px" width="">总价</td>
-              <td style="line-height: 50px" width="">批次</td>
+              <td style="line-height: 50px" width="">批号</td>
               <td style="line-height: 50px" width="">生产日期</td>
               <td style="line-height: 50px" width="">有效日期</td>
             </tr>

src/xt_pages/workforce/appointment.vue

@@ -68,6 +68,7 @@
     <div class="position">
       <bread-crumb :crumbs="crumbs"></bread-crumb>
         <div style="display:flex;align-items:center">
+          <el-button @click="printTable">打印表格</el-button>
           <schedule-upload-excel style="margin-right:10px;" :on-success='handleSuccess' ></schedule-upload-excel>
           <el-button v-if="isShow()" type="primary" size="small" @click="export_file()" :loading="downloadLoading">
             导出模版
@@ -121,7 +122,7 @@
       <!-- </el-col>
     </el-row> -->
 
-      <table-data :week-time="activeName" :partitions-prop="partitions" :schedule-zone-row-prop="scheduleZoneRow"
+      <table-data ref="tableData" :week-time="activeName" :partitions-prop="partitions" :schedule-zone-row-prop="scheduleZoneRow"
                   :schedule-zone-prop="scheduleZone" title="" @event1="changePartition" @event2="changeSchedule"></table-data>
 
 
@@ -226,7 +227,15 @@
       UploadExcel
     },
     methods: {
-
+      printTable(){
+        this.$nextTick(() => {
+          if(this.activeName == 'thisWeek'){
+            this.$refs.tableData.printHTML('#newTable')
+          }
+          
+        })
+        
+      },
       generateTxt: function(log) {
         var content = ''
         var errlog = log.err_logs

src/xt_pages/workforce/components/tableData.vue

@@ -129,7 +129,7 @@
       :height="tableContainHeight"
       ref="table"
       style="width: 100%;cursor: pointer;"
-      
+      id="newTable"
     >
       <el-table-column
         prop="area"
@@ -617,6 +617,7 @@
 
 <script>
 import { uParseTime } from "@/utils/tools";
+import print from 'print-js'
 
 import {
   CancelSchedule,
@@ -2012,6 +2013,130 @@ export default {
      this.$emit('event2', val)
      this.schedule_type = val
      this.getSchedules()
+    },
+    printHTML(id) {
+      // let printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head>";
+      //       // 定义element-ui table组件的样式
+      //       const tabStyle = `<style>
+      //           table{width:100%;display:table-cell!important;box-sizing:border-box;}
+      //           .el-table__header,.el-table__body,.el-table__footer{width:100%!important;border-collapse: collapse;text-align:center;}
+      //           table,table tr th, table tr td { border:1px solid #ddd;color:#606266;word-wrap:break-word}
+      //           table tr th,table tr td{padding:4mm 0mm;word-wrap:break-word }
+      //           .el-table__body, tr td .cell{width:100%!important}
+      //           .el-table th.gutter{display: none;}
+      //           .el-table colgroup.gutter{display: none;}
+      //           </style><body>`;
+      //       let content = "";
+      //       // 获取名为传入id的 dom元素内的内容
+      //       let str = document.getElementById(id).innerHTML;
+      //       // 拼接空页面+style样式+dom内容
+      //       content = content + str;
+      //       printStr = printStr + tabStyle + content + "</body></html>";
+      //       // 打开新页面
+      //       let pwin = window.open("_blank");
+      //       // 将内容赋值到新页面
+      //       pwin.document.write(printStr);
+      //       pwin.document.close();
+      //       // 聚焦-不加focuse，在某些情况下，打印页面会有问题。
+      //       pwin.focus();
+      //       // 使用setTimeout，等页面dom元素渲染完成后再打印。
+      //       setTimeout(() => {
+      //           pwin.print(); // 打印功能。 例如 window.print() 直接打印当前整个页面。 
+      //           pwin.close(); // 关闭 打印创建的当前页面
+      //       }, 500);
+    //   const html = document.querySelector(id).innerHTML
+    // // 新建一个 DOM
+    // const div = document.createElement('div')
+    // const printDOMID = 'printDOMElement'
+    // div.id = printDOMID
+    // div.innerHTML = html
+
+    // // 提取第一个表格的内容 即表头
+    // const ths = div.querySelectorAll('.el-table__header-wrapper th')
+    // const ThsTextArry = []
+    // for (let i = 0, len = ths.length; i < len; i++) {
+    //     if (ths[i].innerText !== '') ThsTextArry.push(ths[i].innerText)
+    // }
+
+    // // 删除多余的表头
+    // div.querySelector('.hidden-columns').remove()
+    // // 第一个表格的内容提取出来后已经没用了 删掉
+    // div.querySelector('.el-table__header-wrapper').remove()
+
+    // // 将第一个表格的内容插入到第二个表格
+    // let newHTML = '<tr>'
+    // for (let i = 0, len = ThsTextArry.length; i < len; i++) {
+    //     newHTML += '<td style="text-align: center; font-weight: bold">' + ThsTextArry[i] + '</td>'
+    // }
+
+    // newHTML += '</tr>'
+    // div.querySelector('.el-table__body-wrapper table').insertAdjacentHTML('afterbegin', newHTML)
+    // // 将新的 DIV 添加到页面 打印后再删掉
+    // document.querySelector('body').appendChild(div);
+
+
+let printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head>";
+            // 定义element-ui table组件的样式
+            const tabStyle = `<style>
+                table{width:100%;display:table-cell!important;box-sizing:border-box;}
+                .el-table__header,.el-table__body,.el-table__footer{width:100%!important;border-collapse: collapse;text-align:center;}
+                table,table tr th, table tr td { border:1px solid #ddd;color:#606266;word-wrap:break-word}
+                table tr th,table tr td{padding:4mm 0mm;word-wrap:break-word }
+                .el-table__body, tr td .cell{width:100%!important}
+                .el-table th.gutter{display: none;}
+                .el-table colgroup.gutter{display: none;}
+                </style><body>`;
+    let content = "";
+            // 获取名为传入id的 dom元素内的内容
+            let newId = document.querySelector(id)
+            // if(document.querySelector('.el-table__fixed') && document.querySelector('.el-table__fixed-right') && document.querySelector('.el-table__fixed-right-patch')){
+            //   document.querySelector('.el-table__fixed').parentNode.removeChild(document.querySelector('.el-table__fixed'))
+            //   document.querySelector('.el-table__fixed-right').parentNode.removeChild(document.querySelector('.el-table__fixed-right'))
+            //   document.querySelector('.el-table__fixed-right-patch').parentNode.removeChild(document.querySelector('.el-table__fixed-right-patch'))
+            // }
+            
+            let str = document.querySelector(id).innerHTML;
+            // var reg = new RegExp(document.querySelector('.el-table__fixed').innerHTML,"g");
+            var a = str.replace(document.querySelector('.el-table__fixed').innerHTML,"")
+            // var reg1 = new RegExp(document.querySelector('.el-table__fixed-right').innerHTML,"g");
+            var b = a.replace(document.querySelector('.el-table__fixed-right').innerHTML,"")
+            // var reg2 = new RegExp(document.querySelector('.el-table__fixed-right-patch').innerHTML,"g");
+            var c = b.replace(document.querySelector('.el-table__fixed-right-patch').innerHTML,"")
+            // 拼接空页面+style样式+dom内容
+            content = content + c;
+            printStr = printStr  + content + "</body></html>";
+            console.log('printStr',document.querySelector(id))
+            
+            // document.querySelector('.el-table__fixed').remove()
+            // document.querySelector('.el-table__fixed-right').remove()
+            // document.querySelector('.el-table__fixed-right-patch').remove()
+            // 打开新页面
+            let pwin = window.open("_blank");
+            // 将内容赋值到新页面
+            pwin.document.write(printStr);
+            pwin.document.close();
+            // 聚焦-不加focuse，在某些情况下，打印页面会有问题。
+            pwin.focus();
+
+            
+            // 使用setTimeout，等页面dom元素渲染完成后再打印。
+            // setTimeout(() => {
+              this.$nextTick(() => {
+                pwin.print(); // 打印功能。 例如 window.print() 直接打印当前整个页面。 
+                // pwin.close(); // 关闭 打印创建的当前页面
+              })
+                
+            // }, 500);
+    // console.log('document.querySelector',document.querySelector('#printDOMElement'))
+    //   printJS({
+    //   printable: printDOMID,
+    //   type: 'html',
+    //   scanStyles: false,
+    //   style: 'table { border-collapse: collapse }' // 表格样式
+    // })
+
+    // div.remove()
+ 
     }
   },
   components: {

src/xt_pages/workforce/remind_print.vue

@@ -149,7 +149,7 @@
               list[i].sort = list[i].number.sort
            }
            var arr = list.sort(this.compare('sort'))
-             console.log("list2222999999999",list)
+             console.log("888888",list)
              this.scheduleData = arr
              let a = response.data.data.day
               console.log("a",a)