打印加水印

.env.development

@@ -2,15 +2,15 @@
 ENV='development'
 
 # base api
-VUE_APP_BASE_API = http://192.168.60.99:9004/
+#VUE_APP_BASE_API = http://192.168.60.99:9004/
-VUE_APP_UPLOAD_API = http://192.168.60.99:9004/api/admin/upload-file
+#VUE_APP_UPLOAD_API = http://192.168.60.99:9004/api/admin/upload-file
-VUE_APP_OA_URL = http://192.168.60.18:2021
+#VUE_APP_OA_URL = http://192.168.60.18:2021
-VUE_APP_OA_URL_TYPE = '{"领用":"37","处置":"38","应急":"39"}'
+#VUE_APP_OA_URL_TYPE = '{"领用":"37","处置":"38","应急":"39"}'
 
-#VUE_APP_BASE_API = http://192.168.60.99:8004/
+VUE_APP_BASE_API = http://192.168.60.99:8004/
-#VUE_APP_UPLOAD_API = http://192.168.60.99:8004/api/admin/upload-file
+VUE_APP_UPLOAD_API = http://192.168.60.99:8004/api/admin/upload-file
-#VUE_APP_OA_URL= http://suzhouhedaooa.langye.net
+VUE_APP_OA_URL= http://suzhouhedaooa.langye.net
-#VUE_APP_OA_URL_TYPE = '{"领用":"31","处置":"32","应急":"33"}'
+VUE_APP_OA_URL_TYPE = '{"领用":"31","处置":"32","应急":"33"}'
 
 
 

src/views/outbounds/component/printoutbounds.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="printwrap">
     <Modal v-model="isShow" width='70' title="打印">
-      <div id='printmodal' class='print' v-if="chukuType==='领用'">
+      <div id='printmodal' class='print' :class="{'watermark':!showwatermark}" v-if="chukuType==='领用'">
         <div class='printtitle'>苏州市河道管理处物资领用审批表</div>
         <div class="printtop">
           <span>业务科室:{{form.jieyongbumen}}</span>
@@ -35,7 +35,7 @@
               </p>
             </td>
             <td colspan='3' rowspan='3'>
-              <p>综合科意见</p>
+              <p>应急保障科意见</p>
               <p><span>年</span>
                 <span>月</span>
                 <span>日</span>
@@ -110,6 +110,7 @@
         id: '',
         chukuType:'',
         tableName: 'outbounds',
+        showwatermark:true,
         form: {
           chukushijian: "",
           chukuleixing: '',
@@ -133,6 +134,11 @@
           table_name: this.tableName
         })
         this.form = res
+        if(res.zhuangtai=='已办结'){
+          this.showwatermark = true
+        }else{
+          this.showwatermark = false
+        }
         this.mingxiList = res.id_outbounds_items_outbounds_id_relation
       },
       handlePrint() {
@@ -157,6 +163,7 @@
         } else {
           this.id = ''
           this.type = ''
+          this.showwatermark = true
           this.form={}
           this.mingxiList = []
         }
@@ -218,4 +225,21 @@
     margin-left:30px;
     display: inline-block;
   }
+  /* 在你的CSS文件中添加以下样式 */
+  .watermark {
+    position: relative;
+  }
+
+  .watermark::after {
+    content: "审批未完成";
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%) rotate(33deg);
+    color: red;
+    font-size: 3em;
+    z-index: 1;
+    pointer-events: none;
+  }
+
 </style>