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