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/selfeconomy/index.vue | 215 +++++++++++++++++++++++++++++++---------------------- 1 files changed, 126 insertions(+), 89 deletions(-) diff --git a/ruoyi-ui/src/views/selfeconomy/index.vue b/ruoyi-ui/src/views/selfeconomy/index.vue index a0bb643..780049e 100644 --- a/ruoyi-ui/src/views/selfeconomy/index.vue +++ b/ruoyi-ui/src/views/selfeconomy/index.vue @@ -1,34 +1,14 @@ <template> <div class="app-container"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"> - <el-form-item label="" prop="phone wx qq twitter isAlways remark" > - <el-input - v-model:phone="queryParams.phone" - v-model:wx="queryParams.wx" - v-model:qq="queryParams.qq" - v-model:twitter="queryParams.twitter" - v-model:isAlways="queryParams.isAlways" - v-model:remark="queryParams.remark" - placeholder="鍦ㄢ�滅櫨骞村績鎰库�濅腑鎼滅储" - clearable - style="width: 240px" - @keyup.enter.native="handleQuery"> - <i slot="prefix" class="el-input__icon el-icon-search"></i> - </el-input> - - - - </el-form-item> - - <el-form-item label="鏃ユ湡"> + <el-row> + <el-form-item label="鏃ユ湡" prop="happenTime"> <el-date-picker v-model="dateRange" - style="width: 197px; - height: 30px; - background: #FFFFFF; - border-radius: 14px 14px 14px 14px; - opacity: 0.5; - border: 1px solid rgba(0,0,0,0.25);" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" value-format="yyyy-MM-dd" type="daterange" range-separator="-" @@ -42,35 +22,45 @@ 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"> <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input> </el-form-item> - <el-form-item label="鏀舵敮鍚嶇О" prop="incomeName" > + <el-form-item label="璐骇鍚嶇О" prop="incomeName" > <el-input v-model="queryParams.incomeName" - placeholder="璇疯緭鍏ユ敹鏀悕绉�" + placeholder="璇疯緭鍏ヨ储浜у悕绉�" clearable - style="width: 240px" + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" @keyup.enter.native="handleQuery"> <i slot="prefix" class="el-input__icon el-icon-search"></i> </el-input> </el-form-item> - <el-form-item label="鏈熼檺" prop="timeLimit"> - <el-input - v-model="queryParams.timeLimit" - placeholder="璇疯緭鍏ユ湡闄�" - clearable - style="width: 240px" - @keyup.enter.native="handleQuery"> - <i slot="prefix" class="el-input__icon el-icon-search"></i> - </el-input> - </el-form-item> - <el-cntainer> - <el-col :span="9" > + + <el-form-item label="鏈熼檺" prop="timeLimit"> + <el-input + v-model="queryParams.timeLimit" + placeholder="璇疯緭鍏ユ湡闄�" + clearable + style="width: 200px; + height: 35px; + border-radius: 16px 16px 16px 16px; + opacity: 0.5;" + @keyup.enter.native="handleQuery"> + <i slot="prefix" class="el-input__icon el-icon-search"></i> + </el-input> + </el-form-item> + + <el-col > <el-form-item> <el-button size="mini" @click="handleQuery" style=" width: 67px;height: 27px;background: #FFDDE3; border-radius: 7px 7px 7px 7px;opacity: 1; " >鎼滅储</el-button> @@ -78,8 +68,10 @@ border-radius: 7px 7px 7px 7px;opacity: 1; ">閲嶇疆</el-button> </el-form-item> </el-col> - </el-cntainer> + </el-row> + </el-form> + <div> <el-row :gutter="10" class="mb8"> @@ -125,7 +117,7 @@ v-hasPermi="['family:note:export']" >瀵煎叆妯℃澘涓嬭浇</el-button> </el-col> - <el-col :span="1.2"> + <el-col :span="1.5"> <el-upload action="" @@ -136,14 +128,15 @@ > <el-button size="mini" type="primary" plain - icon="el-icon-plus" >瀵煎叆</el-button> + icon="el-icon-top" >瀵煎叆</el-button> </el-upload> </el-col> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> </el-row> </div> + <el-table v-loading="loading" :data="selfeconomyList" :row-key="getRowId" ref="multipleTable" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;"> - <el-table-column type="selection" :reserve-selection="true" width="25" align="center" /> + <el-table-column type="selection" :reserve-selection="true" width="55" align="center" /> <el-table-column fixed label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="60"/> <el-table-column label="鏃ユ湡" prop="happenTime" sortable width="100" align="center"> <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template> @@ -151,7 +144,7 @@ <el-table-column label="璐骇绫诲埆" prop="type" sortable width="120" align="center"> <template slot-scope="scope">{{scope.row.type? scope.row.type: '鈥斺�斺�斺��'}}</template> </el-table-column> - <el-table-column label="鏀舵敮鍚嶇О" prop="incomeName" sortable :show-overflow-tooltip="true" width="120" align="center" > + <el-table-column label="璐骇鍚嶇О" prop="incomeName" sortable :show-overflow-tooltip="true" width="120" align="center" > <template slot-scope="scope">{{scope.row.incomeName? scope.row.incomeName: '鈥斺�斺�斺��'}}</template> </el-table-column> <el-table-column label="浠峰�硷紙閲戦锛�" prop="price" sortable width="140" align="center" > @@ -177,29 +170,31 @@ <template slot-scope="scope" > <div @click="handleCheck(scope.row)"> - <img - class="el-upload-list__item-thumbnail" - src="../../assets/images/deviceLis.png" - alt="" - style="width: 35px; height: 35px;" - fit="cover" - v-if="scope.row.url !== ',' " - > - <img - class="el-upload-list__item-thumbnail" - src="../../assets/images/deviceA.png" - alt="" - style="width: 35px; height: 35px;" - fit="cover" - v-if="scope.row.url === ','" - ></div> + <img + class="el-upload-list__item-thumbnail" + src="../../assets/images/deviceLis.png" + alt="" + style="width: 35px; height: 35px;" + fit="cover" + v-if="!(scope.row.url === '' || scope.row.url === ',' || scope.row.url === null)" + > + <img + v-else + class="el-upload-list__item-thumbnail" + src="../../assets/images/deviceA.png" + alt="" + style="width: 35px; height: 35px;" + fit="cover" + + ></div> </template> </el-table-column> <el-table-column label="澶囨敞" prop="remark" sortable width="90" align="center"> <template slot-scope="scope">{{scope.row.remark? scope.row.remark: '鈥斺�斺�斺��'}}</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" @@ -227,6 +222,7 @@ >鏌ョ湅璇︽儏</el-button> </el-dropdown> + </div> </template> </el-table-column> </el-table> @@ -247,14 +243,16 @@ <!-- <el-input v-model="formDat.happenTime" placeholder="璇疯緭鍏ヨ幏寰楁椂闂�" clearable :style="{width: '100%'}" ></el-input>--> <!-- </el-form-item>--> <el-form-item label="鏃堕棿" prop="happenTime"> - <el-date-picker v-model='formDat.happenTime' type='date' placeholder='閫夋嫨鏃ユ湡'></el-date-picker> + <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="type"> <el-input v-model="formDat.type" placeholder="璇疯緭鍏ヨ储浜х被鍒�" clearable :style="{width: '100%'}" > </el-input> </el-form-item> - <el-form-item label="鏀舵敮鍚嶇О" prop="incomeName"> - <el-input v-model="formDat.incomeName" placeholder="璇疯緭鍏ユ敹鏀悕绉�" clearable :style="{width: '100%'}" > + <el-form-item label="璐骇鍚嶇О" prop="incomeName"> + <el-input v-model="formDat.incomeName" placeholder="璇疯緭鍏ヨ储浜у悕绉�" clearable :style="{width: '100%'}" > </el-input> </el-form-item> <el-form-item label="閲戦" prop="price"> @@ -270,8 +268,10 @@ </el-input> </el-form-item> <el-form-item label="鍙樻洿/娉ㄩ攢" prop="isChange"> - <el-input v-model="formDat.isChange" placeholder="璇疯緭鍏ュ彉鏇�/娉ㄩ攢" clearable :style="{width: '100%'}" > - </el-input> + <el-select v-model="formDat.isChange" placeholder="璇烽�夋嫨鍙樻洿/娉ㄩ攢" clearable :style="{width: '100%'}" > + <el-option v-for="(item, index) in typeOptions1" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> </el-form-item> <el-form-item label="瀛樻斁浣嶇疆" prop="location"> <el-input v-model="formDat.location" placeholder="璇疯緭鍏ュ瓨鏀句綅缃�" clearable :style="{width: '100%'}" > @@ -288,7 +288,7 @@ <el-input v-model="formDat.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" ></el-input> </el-form-item> - <h4 class="form-header">鐢靛瓙鏂囦欢 </h4> + <h4 class="form-header">鐩稿叧鍥剧墖 </h4> <el-upload action="#" list-type="picture-card" @@ -296,7 +296,7 @@ :http-request="requestUpload" :file-list="fileList" > - <i 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" @@ -333,11 +333,12 @@ class="upload-demo" multiple - :on-remove="handleRemove" + :on-remove="handleRemoveFile" :http-request="requestUpload" :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> @@ -368,8 +369,7 @@ //瀵煎叆鎺ュ彛鍑芥暟 - import {listSelfEconomy, getSelfEconomyInfo, addSelfEconomy,delSelfEconomy, updateSelfEconomy,uploadPic,downloadModel} from "@/api/selfeconomy/index"; -// import {enload} from "@/api/doctor"; + import {listSelfEconomy, getSelfEconomyInfo,enload, addSelfEconomy,delSelfEconomy, updateSelfEconomy,uploadPic,downloadModel} from "@/api/selfeconomy/index"; import {Message} from "element-ui"; @@ -417,7 +417,7 @@ dsb:true, btn:false, fit:['fill'], - + uploading: false, formDat: { //鐧惧勾蹇冩効璁板綍 id:undefined, @@ -444,8 +444,9 @@ pageSize: 10, type:undefined, incomeName:undefined, - beneficiary:undefined, - // happenTime:undefined, + timeLimit:undefined, + happenTime:undefined, + }, // searchVal:"", @@ -485,7 +486,7 @@ }], incomeName: [{ required: true, - message: '璇疯緭鍏ユ敹鏀被鍒�', + message: '璇疯緭鍏ヨ储浜у悕绉�', trigger: 'blur' }], timeLimit: [{ @@ -517,6 +518,14 @@ { value: '0', label: '鍚�', + }], + typeOptions1: [{ + value: '鍙樻洿', + label: '鍙樻洿', + }, + { + value: '娉ㄩ攢', + label: '娉ㄩ攢', }], }; }, @@ -574,7 +583,18 @@ }, handleRemove(file) { - alert(323) + for(let i = 0; i < this.fileList.length; i++) + { + if(this.fileList[i].url==file.url) + this.$delete(this.fileList,i); + } + }, + handleRemoveFile(file) { + for(let i = 0; i < this.fileListOther.length; i++) + { + if(this.fileListOther[i].url==file.url) + this.$delete(this.fileListOther,i); + } }, // 鍙栨秷鎸夐挳 cancel() { @@ -686,6 +706,17 @@ }); } }); + // 娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + for(let i = 0; i <= this.fileList.length; i++) + { + this.handleRemove(this.fileList[0]); + } + for(let i = 0; i < this.fileListOther.length; i++){ + this.handleRemoveFile(this.fileListOther[0]); + } }, requestUpload(params) { @@ -693,10 +724,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}) @@ -726,20 +758,20 @@ if(Ids.length==0) { - this.download('zIdea/export', { + this.download('zProperty/export', { ...this.queryParams - }, `zIdea_${new Date().getTime()}.xlsx`) + }, `zProperty_${new Date().getTime()}.xlsx`) }else{ - this.download('zIdea/export1/'+Ids, { - }, `zIdea_${new Date().getTime()}.xlsx`) + this.download('zProperty/export1/'+Ids, { + }, `zProperty_${new Date().getTime()}.xlsx`) } }, /** 瀵煎叆妯℃澘涓嬭浇鎸夐挳鎿嶄綔 */ handleExportModel() { - this.download('/zIdea/model', { - }, `zIdea_model_${new Date().getTime()}.xlsx`) + this.download('/zProperty/model', { + }, `zProperty_model_${new Date().getTime()}.xlsx`) }, /** 瀵煎叆鎿嶄綔*/ @@ -759,7 +791,7 @@ } }; </script> - <style> + <style scoped=""> .app-container{ background-color: #FEF7FC; } @@ -773,5 +805,10 @@ } - + .el-table__cell { + font-size: 14px; /* 璁剧疆瀛椾綋澶у皬 */ + } + .button-container { + display: inline-flex; /* 璁剧疆鎸夐挳瀹瑰櫒涓鸿鍐呭厓绱� */ + } </style> -- Gitblit v1.9.1