From 251cc3290959d2085aa3359d6f74d97db914d182 Mon Sep 17 00:00:00 2001
From: Tcsm <1377977403@qq.com>
Date: 星期日, 22 十月 2023 00:44:22 +0800
Subject: [PATCH] 修改了表格的行高,以及数据过长的部分用省略号表示

---
 ruoyi-ui/src/views/secret/secretInfo.vue |   41 ++++++++++++++++++++++++++++-------------
 1 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/ruoyi-ui/src/views/secret/secretInfo.vue b/ruoyi-ui/src/views/secret/secretInfo.vue
index 38d6b36..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,8 +60,11 @@
           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"
@@ -68,14 +76,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)"
           >
@@ -105,10 +113,12 @@
               :on-remove="handleRemoveFile"
               :http-request="requestUpload"
               :show-file-list="true"
+              :disabled="!btn"
+              :class="{ hide: !btn }"
             >
-
-                <i slot="default" class="el-icon-plus"></i>
-                <div slot="file" slot-scope="{file}">
+        <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"
                     src="../../assets/401_images/401.gif"
@@ -118,14 +128,14 @@
                   >
                   <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"
 
@@ -181,6 +191,7 @@
         dsb:true,
         btn:false,
         isShow:true,
+        uploading: false,
         formData: {
           type: undefined,
           happenTime: undefined,
@@ -268,6 +279,7 @@
         document.title = "鏌ョ湅闅愮璇︾粏淇℃伅";
         this.$route.meta.title = "鏌ョ湅闅愮璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉�
         this.isShow=false
+        this.btn = false;
       }
 
       let _this = this
@@ -408,10 +420,11 @@
         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})
@@ -437,7 +450,7 @@
         // const id =row.id;
         const id = this.$route.params && this.$route.params.id;
         // const fid =2031
-        this.$router.push("/self/secret/memo/" + id );
+        this.$router.push("/self/secret/memo/" + id);
       },
 
     }
@@ -459,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') ;
   }

--
Gitblit v1.9.1