From bcac500a760877dc9140f1f381739793706c1af6 Mon Sep 17 00:00:00 2001 From: feige <feige@qq.com> Date: 星期五, 10 十一月 2023 10:29:38 +0800 Subject: [PATCH] 修改图片大小 --- ruoyi-ui/src/views/note/index.vue | 110 ++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 76 insertions(+), 34 deletions(-) diff --git a/ruoyi-ui/src/views/note/index.vue b/ruoyi-ui/src/views/note/index.vue index d81b6a9..2966c9e 100644 --- a/ruoyi-ui/src/views/note/index.vue +++ b/ruoyi-ui/src/views/note/index.vue @@ -6,7 +6,10 @@ v-model="queryParams.type" placeholder="璇疯緭鍏ョ被鍨�" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery" /> </el-form-item> @@ -16,7 +19,10 @@ v-model="queryParams.title" placeholder="璇疯緭鍏ユ爣棰�" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery" /> </el-form-item> @@ -25,7 +31,10 @@ v-model="queryParams.location" placeholder="璇疯緭鍏ュ瓨鍌ㄥ湴鍧�" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery" /> </el-form-item> @@ -34,7 +43,10 @@ v-model="queryParams.holder" placeholder="璇疯緭鍏ユ寔鏈変汉" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery" /> </el-form-item> @@ -43,7 +55,10 @@ v-model="queryParams.address" placeholder="璇疯緭鍏ュ叿浣撲綅缃�" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery" /> </el-form-item> @@ -51,7 +66,10 @@ <el-form-item label="鍙戠敓鏃堕棿" prop="happenTime"> <el-date-picker v-model="dateRange" - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" value-format="yyyy-MM-dd" type="daterange" range-separator="-" @@ -107,11 +125,11 @@ plain icon="el-icon-download" size="mini" - @click="handleExport" + @click="handleExportTemplate" v-hasPermi="['family:note:export']" >瀵煎叆妯℃澘涓嬭浇</el-button> </el-col> - <el-col :span="1.2"> + <el-col :span="1.5"> <el-upload action="" class="upload-demo" @@ -120,7 +138,7 @@ > <el-button size="mini" type="primary" plain - icon="el-icon-plus" >瀵煎叆</el-button> + icon="el-icon-top" >瀵煎叆</el-button> </el-upload> </el-col> @@ -131,18 +149,21 @@ <el-table v-loading="loading" :data="propertyList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName"> <el-table-column type="selection" width="55" align="center" /> - <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="120"/> + <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="100"/> <el-table-column label="绫诲瀷" prop="type" sortable :show-overflow-tooltip="true" width="150" /> <el-table-column label="鏍囬" prop="title" sortable :show-overflow-tooltip="true" width="150" /> - <el-table-column label="瀛樺偍鍦板潃" prop="location" sortable width="120" /> - <el-table-column label="鎸佹湁浜�" prop="holder" sortable width="120" /> - <el-table-column label="鍏蜂綋浣嶇疆" prop="address" sortable width="120" /> + <el-table-column label="瀛樺偍鍦板潃" prop="location" sortable width="150" /> + <el-table-column label="鎸佹湁浜�" prop="holder" sortable width="150" /> + <el-table-column label="鍏蜂綋浣嶇疆" prop="address" sortable width="150" /> <el-table-column label="澶囨敞" prop="remark" sortable width="130" > <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</template> </el-table-column> + <el-table-column label="鏄惁鏄湰瀹跺涵璁板綍" prop="ownData" sortable width="150px" > + <template slot-scope="scope">{{scope.row.ownData === 0 ? '鍚�': '鏄�'}}</template> + </el-table-column> <!-- <el-table-column label="瀹跺涵鍙�" prop="familyId" sortable width="100" /> --> - <el-table-column label="鍙戠敓鏃堕棿" prop="happenTime" sortable width="130" align="center"> + <el-table-column label="鍙戠敓鏃堕棿" prop="happenTime" sortable width="150" align="center"> <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template> </el-table-column> <el-table-column label="鐢靛瓙鏂囦欢" prop="url" width="130" > @@ -167,8 +188,9 @@ ></div> </template> </el-table-column> - <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <el-table-column label="鎿嶄綔" align="center" width="250" class-name="small-padding fixed-width"> <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + <div class="button-container"> <el-button size="mini" type="text" @@ -187,6 +209,7 @@ <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">鏌ョ湅璇︽儏</el-button> </el-dropdown> + </div> </template> </el-table-column> </el-table> @@ -203,15 +226,15 @@ <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 --> <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body> <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px"> +<!-- <el-form-item label="绫诲埆" prop="type">--> +<!-- <el-input v-model="formDat.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" ></el-input>--> +<!-- </el-form-item>--> <el-form-item label="绫诲埆" prop="type"> - <el-input v-model="formDat.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" ></el-input> - </el-form-item> - <!-- <el-form-item label="绫诲埆" prop="type"> <el-select v-model="formDat.type" placeholder="璇烽�夋嫨绫诲埆" clearable :style="{width: '100%'}" > <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" ></el-option> </el-select> - </el-form-item> --> + </el-form-item> <el-form-item label="鏍囬" prop="title"> <el-input v-model="formDat.title" placeholder="璇疯緭鍏ユ爣棰�" clearable :style="{width: '100%'}" ></el-input> </el-form-item> @@ -228,11 +251,9 @@ </el-input> </el-form-item> <el-form-item label="鍙戠敓鏃堕棿" prop="happenTime"> - <el-input - v-model='formDat.happenTime' - type='date' - placeholder='閫夋嫨鏃ユ湡' - ></el-input> + <el-date-picker v-model="formDat.happenTime" type="date" placeholder="璇烽�夋嫨鏃ユ湡" + :editable="false" :clearable="false" :style="{width: '100%'}" value-format="yyyy-MM-dd" + ></el-date-picker> </el-form-item> <el-form-item label="澶囨敞" prop="remark"> <el-input v-model="formDat.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" ></el-input> @@ -246,8 +267,7 @@ :http-request="requestUpload" :file-list="fileList" > - <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> - <i v-if="!uploading" slot="default" class="el-icon-plus"></i> + <i slot="default" class="el-icon-plus"></i> <div slot="file" slot-scope="{file}"> <img class="el-upload-list__item-thumbnail" @@ -289,6 +309,7 @@ :show-file-list="true" > <el-button type="primary">鐐瑰嚮涓婁紶</el-button> + <div v-if="uploading" class="upload-status">姝e湪涓婁紶...</div> <template #tip> <div class="el-upload__tip"> </div> @@ -320,6 +341,7 @@ //鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁� import {listProperty,enload, getPropertyInfo, delProperty, getCategory, addProperty, uploadPic} from "@/api/note/index"; +import {Message} from "element-ui"; export default { name: "Role", dicts: ['sys_normal_disable'], @@ -649,30 +671,44 @@ this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); }).catch(() => {}); }, + //瀵煎叆妯℃澘 + handleExportTemplate(){ + this.download('/family/property/model', { + + }, `property${new Date().getTime()}.xlsx`) + }, /** 瀵煎嚭鎸夐挳鎿嶄綔 */ handleExport() { - this.download('family/property/export', { - ...this.queryParams - }, `property_${new Date().getTime()}.xlsx`) + const Ids = this.ids; + + if(Ids.length==0) + { + this.download('family/property/export', { + ...this.queryParams + }, `property_${new Date().getTime()}.xlsx`) + } + else{ + this.download('family/property/export1/'+Ids, { + }, `property_${new Date().getTime()}.xlsx`) + } }, + /** 瀵煎叆鎿嶄綔*/ handleEnport(params){ var file = params.file; var formData = new FormData(); formData.append('excelImport', file); let _this = this - alert(file) + enload(formData).then(response => { _this.getList(); Message({ message: "瀵煎叆鎴愬姛", type: 'warning' }) - }).catch(err) - { - Message({ message: "瀵煎叆澶辫触", type: 'error' }) - } + }).catch(() => { Message({ message: "瀵煎叆澶辫触", type: 'error' })}); } } + }; </script> <style> @@ -684,4 +720,10 @@ background: #FFEFF2; } +.el-table__cell { + font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */ +} +.button-container { + display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */ +} </style> -- Gitblit v1.9.1