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/self/memoInfo.vue |   78 +++++++++++++++++++++++++++------------
 1 files changed, 54 insertions(+), 24 deletions(-)

diff --git a/ruoyi-ui/src/views/self/memoInfo.vue b/ruoyi-ui/src/views/self/memoInfo.vue
index 21819a2..44f7c3b 100644
--- a/ruoyi-ui/src/views/self/memoInfo.vue
+++ b/ruoyi-ui/src/views/self/memoInfo.vue
@@ -1,7 +1,18 @@
 <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;" >
+              <el-page-header @back="goBack" content="涓汉璁颁簨鏈缁嗕俊鎭�">
+              </el-page-header>
+<!--        <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>
+<!--      <h4 class="dt h4"> </h4>-->
     </div>
     <div>
       <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-position="left" label-width="100px">
@@ -11,8 +22,9 @@
               <el-row>
                 <el-cow :span="8">
                   <el-form-item label="鏃堕棿" prop="happenTime" label-width="50px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;">
-                    <el-input v-model="formData.happenTime" placeholder="璇疯緭鍏ユ椂闂�" clearable :style="{width: '100%'}" :disabled="dsb">
-                    </el-input>
+                    <el-date-picker v-model="formData.happenTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡"
+                                    :editable="false" :clearable="false" :style="{width: '100%'}" :disabled="dsb" value-format="yyyy-MM-dd"
+                    ></el-date-picker>
                   </el-form-item>
                 </el-cow>
                 <el-cow :span="8">
@@ -43,15 +55,18 @@
           </div>
 
         </el-container>
-        <h4 class="form-header">鐢靛瓙鏂囦欢 </h4>
+        <h4 class="form-header">鐩稿叧鍥剧墖 </h4>
         <el-upload
           action="#"
           list-type="picture-card"
           multiple
           :http-request="requestUpload"
           :file-list="fileList"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
-          <i slot="default" class="el-icon-plus"></i>
+          <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
+          <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
           <div slot="file" slot-scope="{file}">
             <img
               class="el-upload-list__item-thumbnail"
@@ -63,14 +78,14 @@
             >
             <span class="el-upload-list__item-actions">
         <span
-          v-if="isShow"
+
           class="el-upload-list__item-preview"
           @click="handlePictureCardPreview(file)"
         >
           <i class="el-icon-zoom-in"></i>
         </span>
         <span
-          v-if="isShow"
+
           class="el-upload-list__item-delete"
           @click="handleDownload(file.url)"
         >
@@ -97,12 +112,14 @@
           multiple
           list-type="picture-card"
           :on-preview="handleFileCardPreview"
-          :on-remove="handleRemove"
+          :on-remove="handleRemoveFile"
           :http-request="requestUpload"
           :show-file-list="true"
+          :disabled="!btn"
+          :class="{ hide: !btn }"
         >
-
-          <i slot="default" class="el-icon-plus"></i>
+          <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div>
+          <i v-if="!uploading" slot="default" class="el-icon-plus"></i>
           <div slot="file" slot-scope="{file}">
             <img
               class="el-upload-list__item-thumbnail"
@@ -113,19 +130,18 @@
             >
             <span class="el-upload-list__item-actions">
                 <span
-                  v-if="isShow"
+
                   class="el-upload-list__item-preview"
                   @click="handleFileCardPreview(file)"
                 >
                   <i class="el-icon-zoom-in"></i>
                 </span>
                 <span
-                  v-if="isShow"
-                  @click="handleRemove(file)"
-                  class="el-upload-list__item-delete"
 
+                  class="el-upload-list__item-delete"
+                  @click="handleDownload(file.url)"
                 >
-                  <i class="el-icon-download"></i>
+          <i class="el-icon-download"></i>
                 </span>
                 <span
                   v-if="isShow"
@@ -168,14 +184,12 @@
       cdi:"涓汉璁颁簨鏈鎯�",
       udi:"涓汉璁颁簨鏈鎯�",
       fot:[".jpg",".jif","png"],
-      fileList:[
-      ],
-      fileListOther:[
-
-      ],
+      fileList:[],
+      fileListOther:[],
       dsb:true,
       btn:false,
       isShow:true,
+      uploading: false,
       // 涓浜嬫湰琛ㄦ牸鏁版嵁
       noteList: [],
       formData: {
@@ -188,6 +202,7 @@
         remark:undefined,
         url: undefined,
       },
+      desurl:'',
       dialogImageUrl: '',
       dialogVisible: false,
       disabled: false,
@@ -240,12 +255,13 @@
       document.title = "涓汉璁颁簨鏈缁嗕俊鎭�";
       this.$route.meta.title = "涓汉璁颁簨鏈缁嗕俊鎭�";//鍒楄〃鐨勫悕绉�
       this.isShow=false
+      this.btn = false;
     }
 
     let _this = this
     if (id) {
       this.loading = true;
-      getNote(id).then((response) => {
+      getNote({id}).then((response) => {
         this.formData = response.data;
         let paths = response.data.url.split(",");
         for(let i = 0; i < paths.length; i++)
@@ -308,6 +324,7 @@
           }
         }
       })
+      this.goBack()
     },
     resetForm() {
       this.$refs['elForm'].resetFields()
@@ -362,22 +379,29 @@
         saveAs(blob, filename)
       })
     },
+    goBack() {
+      this.$router.go(-1);
+      this.$router.push({ path: "/self/self/memo" });
+    },
+
     handleEdit()
     {
       this.dsb = false
       // this.btn = true
       this.isShow=false
     },
+
     requestUpload(params)
     {
       var file = params.file;
       var formData = new FormData();
       formData.append('uploadFile', file);
       let _this = this
-
+      this.uploading = true;
       uploadPic(formData).then(response => {
         let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length)
-
+        this.uploading = false;
+        this.$modal.msgSuccess("涓婁紶鎴愬姛");
         if(_this.fot.includes(pth) === true)
         {
           _this.fileList.push({name:response.data.fileName, "url":response.data.url})
@@ -422,4 +446,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