From 3e7541914cce9120aba1288eac7b56127d94300c Mon Sep 17 00:00:00 2001
From: linwenling <3256558519@qq.com>
Date: 星期二, 12 九月 2023 20:11:20 +0800
Subject: [PATCH] 个人模块的打印

---
 ruoyi-ui/src/views/travel/travelInfo.vue           |   24 +++++++-
 ruoyi-ui/src/views/marry/index.vue                 |   11 +++
 ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue |   19 +++++-
 ruoyi-ui/src/views/secret/secretInfo.vue           |   16 ++++
 ruoyi-ui/src/views/healthy/healthyInfo.vue         |   31 ++++++++--
 ruoyi-ui/src/views/healthy/index.vue               |   43 ++++++++++---
 6 files changed, 117 insertions(+), 27 deletions(-)

diff --git a/ruoyi-ui/src/views/healthy/healthyInfo.vue b/ruoyi-ui/src/views/healthy/healthyInfo.vue
index 7a634b1..f83ddb5 100644
--- a/ruoyi-ui/src/views/healthy/healthyInfo.vue
+++ b/ruoyi-ui/src/views/healthy/healthyInfo.vue
@@ -1,8 +1,15 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id="printable-content">
     <div class="form-header mt">
-      <h4 class="dt h4">鍋ュ悍璇︾粏淇℃伅 </h4>
-
+      <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;" >
+        <span>鍋ュ悍璁板綍璇︾粏淇℃伅</span>
+        <div style="display: flex; align-items: center;">
+          <el-button size="mini" type="text"  v-print="'#printable-content'" v-hasPermi="['person:information:memo']">
+            <div class="form" ><el-icon  style="padding-right:100px;"></el-icon>
+              <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+            font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鎵撳嵃</span></div>
+          </el-button></div>
+      </h1>
     </div>
 
     <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px">
@@ -38,6 +45,8 @@
         multiple
         :http-request="requestUpload"
         :file-list="fileList"
+        :disabled="!btn"
+        :class="{ hide: !btn }"
       >
         <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
         <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -89,6 +98,8 @@
         :on-remove="handleRemoveFile"
         :http-request="requestUpload"
         :show-file-list="true"
+        :disabled="!btn"
+        :class="{ hide: !btn }"
       >
         <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
         <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -169,7 +180,6 @@
         type: undefined,
         happenTime: undefined,
         accNo:undefined,
-        validityDate:undefined,
         password:undefined,
         validityDate:undefined,
         isFinger:undefined,
@@ -255,6 +265,7 @@
       document.title = "鏌ョ湅鍋ュ悍璇︾粏淇℃伅";
       this.$route.meta.title = "鏌ョ湅鍋ュ悍璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
       this.isShow=false
+      this.btn = false;
     }
 
     let _this = this
@@ -379,7 +390,7 @@
       download(formData).then(async (response) => {
         const isLogin = await blobValidate(response);
         let nt = new Date().getTime()
-        let filename = 'familyevent_'+nt+'.'+suffix
+        let filename = 'healthyInfo'+nt+'.'+suffix
         const blob = new Blob([response])
         saveAs(blob, filename)
       })
@@ -417,9 +428,9 @@
 
     /** 瀵煎嚭鎸夐挳鎿嶄綔 */
     handleExport() {
-      this.download('/zfEconomy/export', {
+      this.download('/zYearInfo/export', {
         ...this.queryParams
-      }, `zfEconomy_${new Date().getTime()}.xlsx`)
+      }, `zYearInfo${new Date().getTime()}.xlsx`)
     }
 
   }
@@ -441,4 +452,10 @@
   display: block;
   position: absolute;
 }
+.hide .el-upload--picture-card {
+  display: none;
+}
+.form{
+  background:center/11% no-repeat url('../../assets/icons/form.png') ;
+}
 </style>
diff --git a/ruoyi-ui/src/views/healthy/index.vue b/ruoyi-ui/src/views/healthy/index.vue
index 2e94ec1..3ad0155 100644
--- a/ruoyi-ui/src/views/healthy/index.vue
+++ b/ruoyi-ui/src/views/healthy/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id="printable-content">
     <!--    鍥炲埌椤堕儴-->
     <el-backtop :bottom="150" :right="30">
       <el-button type="primary" circle
@@ -102,19 +102,40 @@
       </div>
 
 
-      <div style="padding-left:100px;padding-top:40px" >
+      <div style="padding-left:400px;padding-top:30px" >
         <el-container >
 
 
-          <el-row  >
-            <el-button
-              type="primary"
-              @click="handleEdit()"
-              v-if="isShow"
-              v-hasPermi="['system:role:edit']"
-            >缂栬緫</el-button>
-            <el-button v-if="isShow_2" type="primary" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
-            <br>
+          <el-row :gutter="10" class="mb8">
+            <el-col  >
+              <el-button
+                plain
+                @click="handleEdit()"
+                style="width: 80px;height: 32px;background: #E0EEFE;"
+                v-if="isShow"
+                v-hasPermi="['system:role:edit']"
+              >缂栬緫</el-button>
+              <el-button v-if="isShow_2"  style="width: 80px;height: 32px;background: #E0EEFE;" @click="submitForm" :disabled="dsb">瀹屾垚</el-button>
+              <br>
+
+            </el-col>
+
+            <el-col style="padding-top: 10px;">
+              <el-button
+                plain
+                style="width: 80px;height: 32px;background: #D2F3E0;"
+                @click="handleExport"
+                v-hasPermi="['family:note:export']"
+              >瀵煎嚭</el-button></el-col>
+
+            <el-col style="padding-top: 10px;">
+              <el-button
+                plain
+                style="width: 80px;height: 32px;background: #FFDDE3;"
+                v-print="'#printable-content'"
+                v-hasPermi="['family:note:export']"
+              >鎵撳嵃</el-button></el-col>
+
 
           </el-row>
 
diff --git a/ruoyi-ui/src/views/marry/index.vue b/ruoyi-ui/src/views/marry/index.vue
index d7e8608..3427608 100644
--- a/ruoyi-ui/src/views/marry/index.vue
+++ b/ruoyi-ui/src/views/marry/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="app-container">
+  <div class="app-container"  id="printable-content">
     <!--    鍥炲埌椤堕儴-->
     <el-backtop :bottom="150" :right="30">
       <el-button type="primary" circle
@@ -145,6 +145,15 @@
                 v-hasPermi="['family:note:export']"
               >瀵煎嚭</el-button></el-col>
 
+            <el-col style="padding-top: 10px;">
+              <el-button
+                plain
+                style="width: 80px;height: 32px;background: #FFDDE3;"
+                v-print="'#printable-content'"
+                v-hasPermi="['family:note:export']"
+              >鎵撳嵃</el-button></el-col>
+
+
           </el-row>
 
         </el-container>
diff --git a/ruoyi-ui/src/views/secret/secretInfo.vue b/ruoyi-ui/src/views/secret/secretInfo.vue
index 7ae6dd3..c4f10eb 100644
--- a/ruoyi-ui/src/views/secret/secretInfo.vue
+++ b/ruoyi-ui/src/views/secret/secretInfo.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="app-container">
+    <div class="app-container" id="printable-content">
       <div class="form-header mt">
         <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;">
           <span>闅愮璇︽儏</span>
@@ -8,6 +8,11 @@
               <div class="form" ><el-icon  style="padding-right:110px;"></el-icon>
                 <span class="text" style="width: 69px;height: 26px;font-size: 16px;
             font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">澶囧繕鏈�</span></div>
+            </el-button>
+            <el-button size="mini" type="text"  v-print="'#printable-content'" v-hasPermi="['person:information:memo']">
+              <div class="form" ><el-icon  style="padding-right:110px;"></el-icon>
+                <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+            font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鎵撳嵃</span></div>
             </el-button>
           </div>
         </h1>
@@ -55,6 +60,8 @@
           multiple
           :http-request="requestUpload"
           :file-list="fileList"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
           <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
           <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -106,6 +113,8 @@
               :on-remove="handleRemoveFile"
               :http-request="requestUpload"
               :show-file-list="true"
+              :disabled="!btn"
+              :class="{ hide: !btn }"
             >
         <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
         <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -270,6 +279,7 @@
         document.title = "鏌ョ湅闅愮璇︾粏淇℃伅";
         this.$route.meta.title = "鏌ョ湅闅愮璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
         this.isShow=false
+        this.btn = false;
       }
 
       let _this = this
@@ -462,7 +472,9 @@
     display: block;
     position: absolute;
   }
-
+  .hide .el-upload--picture-card {
+    display: none;
+  }
   .form{
     background:center/11% no-repeat url('../../assets/icons/form.png') ;
   }
diff --git a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue
index 80dc7be..592d41d 100644
--- a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue
+++ b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue
@@ -1,13 +1,18 @@
 <template>
-  <div class="app-container">
-    <div class="form-header mt">
+  <div class="app-container" id="printable-content">
+    <div class="form-header mt" >
       <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;">
         <span>涓汉璐骇淇℃伅璇︽儏</span>
         <div   style="display: flex; align-items: center;">
-          <el-button size="mini" type="text"  @click="checkNote()" v-hasPermi="['person:information:memo']">
+          <el-button size="mini" type="text"  @click="checkNote"  v-hasPermi="['person:information:memo']">
             <div class="form" ><el-icon  style="padding-right:110px;"></el-icon>
               <span class="text" style="width: 69px;height: 26px;font-size: 16px;
             font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">澶囧繕鏈�</span></div>
+          </el-button>
+          <el-button size="mini" type="text"  v-print="'#printable-content'" v-hasPermi="['person:information:memo']">
+            <div class="form" ><el-icon  style="padding-right:110px;"></el-icon>
+              <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+            font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鎵撳嵃</span></div>
           </el-button>
         </div>
       </h1>
@@ -88,6 +93,8 @@
           multiple
           :http-request="requestUpload"
           :file-list="fileList"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
           <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
           <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -138,6 +145,8 @@
           :on-remove="handleRemoveFile"
           :http-request="requestUpload"
           :show-file-list="true"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
           <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
           <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -314,6 +323,7 @@
     else{
       document.title = "涓汉璐骇璇︾粏淇℃伅";
       this.$route.meta.title = "涓汉璐骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
+      this.btn = false;
       this.isShow=false
     }
 
@@ -512,6 +522,9 @@
 .form{
   background:center/11% no-repeat url('../../assets/icons/form.png') ;
 }
+.hide .el-upload--picture-card {
+  display: none;
+}
 .form_item{
   font-size: 12px;
   font-family: Microsoft YaHei-Regular, Microsoft YaHei;
diff --git a/ruoyi-ui/src/views/travel/travelInfo.vue b/ruoyi-ui/src/views/travel/travelInfo.vue
index 2b38dcd..2f0a8ef 100644
--- a/ruoyi-ui/src/views/travel/travelInfo.vue
+++ b/ruoyi-ui/src/views/travel/travelInfo.vue
@@ -1,8 +1,15 @@
 <template>
-  <div class="app-container">
+  <div class="app-container" id="printable-content">
     <div class="form-header mt">
-      <h4 class="dt h4">鏃呮父缁忓巻璇︾粏淇℃伅 </h4>
-
+      <h1 style="font-size:21px;padding-top:30px;display: flex;justify-content: space-between;align-items: center;" >
+        <span>鏃呮父缁忓巻璇︾粏淇℃伅</span>
+        <div style="display: flex; align-items: center;">
+          <el-button size="mini" type="text"  v-print="'#printable-content'" v-hasPermi="['person:information:memo']">
+            <div class="form" ><el-icon  style="padding-right:100px;"></el-icon>
+              <span class="text" style="width: 69px;height: 26px;font-size: 16px;
+            font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">鎵撳嵃</span></div>
+          </el-button></div>
+      </h1>
     </div>
     <div >
       <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px" style="width: 60%;">
@@ -56,6 +63,8 @@
           multiple
           :http-request="requestUpload"
           :file-list="fileList"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
           <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
           <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -107,6 +116,8 @@
           :on-remove="handleRemoveFile"
           :http-request="requestUpload"
           :show-file-list="true"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
           <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
           <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
@@ -245,6 +256,7 @@
       document.title = "鏃呮父缁忓巻璇︾粏淇℃伅";
       this.$route.meta.title = "鏃呮父缁忓巻璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
       this.isShow=true
+      this.btn = false;
     }
 
     let _this = this
@@ -417,4 +429,10 @@
   display: block;
   position: absolute;
 }
+.hide .el-upload--picture-card {
+  display: none;
+}
+.form{
+  background:center/11% no-repeat url('../../assets/icons/form.png') ;
+}
 </style>

--
Gitblit v1.9.1