From b3ddacf9a9742276e76c0aa8bfa67fcdd6e1d7fe Mon Sep 17 00:00:00 2001 From: linwenling <3256558519@qq.com> Date: 星期二, 08 八月 2023 19:09:50 +0800 Subject: [PATCH] 新增 财产备忘本 --- ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue | 1020 +++++++++++++++++++------------------- ruoyi-ui/src/views/note/memo.vue | 0 ruoyi-ui/src/views/secret/memo.vue | 4 ruoyi-ui/src/router/index.js | 16 ruoyi-ui/src/views/selfeconomy/memo.vue | 465 +++++++++++++++++ 5 files changed, 1,004 insertions(+), 501 deletions(-) diff --git a/ruoyi-ui/src/router/index.js b/ruoyi-ui/src/router/index.js index e75963b..fc2a3de 100644 --- a/ruoyi-ui/src/router/index.js +++ b/ruoyi-ui/src/router/index.js @@ -424,7 +424,23 @@ } ] }, + //璐骇澶囧繕鏈� + { + path: '/self/selfeconomy', + component: Layout, + // permissions: [], + hidden: true, + permissions: ['person:selfeconomy:memo'], + children: [ + { + path: 'memo/:id(\\d+)', + component: () => import('@/views/selfeconomy/memo'), + name: 'memo', + meta: { title: '璐骇澶囧繕鏈�',activeMenu: '/self/zProperty'} + } + ] + }, //鐧惧勾蹇冩効 { path: '/self/wish', diff --git a/ruoyi-ui/src/views/note/memo.vue b/ruoyi-ui/src/views/note/memo.vue new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/ruoyi-ui/src/views/note/memo.vue diff --git a/ruoyi-ui/src/views/secret/memo.vue b/ruoyi-ui/src/views/secret/memo.vue index 4a99129..8382a80 100644 --- a/ruoyi-ui/src/views/secret/memo.vue +++ b/ruoyi-ui/src/views/secret/memo.vue @@ -347,6 +347,10 @@ }); } }); + //娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); }, requestUpload(params) { diff --git a/ruoyi-ui/src/views/selfeconomy/memo.vue b/ruoyi-ui/src/views/selfeconomy/memo.vue new file mode 100644 index 0000000..4ea5afd --- /dev/null +++ b/ruoyi-ui/src/views/selfeconomy/memo.vue @@ -0,0 +1,465 @@ +<template> + <div class="app-container" style="opacity: 1;"> + <div class="box1"><h2>澶囧繕鏈�</h2></div> + + <el-button class="button1" size="mini" type="text" @click="handleAdd" v-hasPermi="['system:role:add']"> + <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn> </el-button> + <el-table v-loading="loading" :data="memoList" @selection-change="handleSelectionChange" :row-class-name="tableRowClassName" style="background: #FFEFF2; border-radius: 14px 14px 14px 14px;width: 60%;"> + <el-table-column label="搴忓彿" sortable type="index" :index="(queryParams.pageNum-1)*queryParams.pageSize+1" width="150"/> + + <el-table-column label="鏃堕棿" prop="happenTime" sortable width="180px" align="center"> + <template slot-scope="scope">{{scope.row.happenTime? scope.row.happenTime: '鈥斺�斺�斺��'}}</template> + </el-table-column> + <el-table-column label="鍐呭" prop="content" sortable width="180px" /> + <el-table-column label="鎿嶄綔" align="center" class-name="small-padding fixed-width"> + <template slot-scope="scope" v-if="scope.row.roleId !== 1"> + + <el-button + size="mini" + type="text" + icon="el-icon-edit" + @click="handleUpdate(scope.row)" + v-hasPermi="['familymodel:economy:info']" + >淇敼</el-button> + <el-button + size="mini" + type="text" + class="button_delete" + @click="handleDelete(scope.row)" + v-hasPermi="['system:role:remove']" + > <sapn v-html="'\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0'"></sapn></el-button> + </template> + </el-table-column> + </el-table> + + <pagination + v-show="total>0" + :total="total" + :page.sync="queryParams.pageNum" + :limit.sync="queryParams.pageSize" + @pagination="getList" + style="background: #FEF7FC;" + /> + + <!-- 娣诲姞鎴栦慨鏀硅祫浜т俊鎭厤缃璇濇 --> + + <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="happenTime"> + <el-date-picker + v-model='formDat.happenTime' + type='date' + placeholder='閫夋嫨鏃ユ湡' + ></el-date-picker> + </el-form-item> + + <el-form-item label="鍐呭" prop="content"> + <el-input v-model="formDat.content" placeholder="璇疯緭鍏ュ唴瀹�" clearable :style="{width: '100%'}" > + </el-input> + </el-form-item> + + + </el-form> + + <h4 class="form-header"> </h4> + + <div slot="footer" class="dialog-footer"> + <el-button type="primary" @click="submitDataScope">纭� 瀹�</el-button> + <el-button @click="cancelData">鍙� 娑�</el-button> + </div> + </el-dialog> + + <!-- 鍒嗛厤瑙掕壊鏁版嵁鏉冮檺瀵硅瘽妗� --> + <el-dialog :title="title" :visible.sync="openDataScope" width="500px" append-to-body> + + </el-dialog> + + </div> +</template> + +<script> +import { listRole, getRole, delRole, addRole, updateRole, dataScope, changeRoleStatus, deptTreeSelect } from "@/api/system/role"; +import { treeselect as menuTreeselect, roleMenuTreeselect } from "@/api/system/menu"; + + + +//鍦╯ystem/note/index.js涓鍏ユ帴鍙e嚱鏁� --鎺ュソ浜� +import {addNote,listNote,enload,delNote, uploadPic} from "@/api/allmemo/index"; +import { TimeSelect } from "element-ui"; + +export default { + name: "Role", + dicts: ['sys_normal_disable'], + data() { + return { + // 閬僵灞� + disabled: false, + loading: true, + formData:[], + // 閫変腑鏁扮粍 + ids: [], + // 闈炲崟涓鐢� + single: true, + // 闈炲涓鐢� + multiple: true, + // 鏄剧ず鎼滅储鏉′欢 + showSearch: true, + // 鎬绘潯鏁� + total: 0, + // 瀹跺ぇ浜嬭琛ㄦ牸鏁版嵁 + memoList: [], + // 寮瑰嚭灞傛爣棰� + title: "", + // 鏄惁鏄剧ず寮瑰嚭灞� + open: false, + // 鏄惁鏄剧ず寮瑰嚭灞傦紙鏁版嵁鏉冮檺锛� + openDataScope: false, + menuExpand: false, + menuNodeAll: false, + deptExpand: true, + deptNodeAll: false, + // 鏃ユ湡鑼冨洿 + dateRange: [], + // 鏁版嵁鑼冨洿閫夐」 + fot:[".jpg",".jif"], + fileList:[ + ], + fileListOther:[ + + ], + dsb:true, + btn:false, + formDat: { + + content: undefined, + happenTime: undefined, + fid:2026, + cid:undefined, + }, + // 鑿滃崟鍒楄〃 + menuOptions: [], + // 閮ㄩ棬鍒楄〃 + deptOptions: [], + // 鏌ヨ鍙傛暟 + queryParams: { + pageNum: 1, + pageSize: 10, + + }, + // 琛ㄥ崟鍙傛暟 + form: {}, + defaultProps: { + children: "children", + label: "label" + }, + // 琛ㄥ崟鏍¢獙 + rules: { + + happenTime: [{ + required: true, + message: '璇烽�夋嫨鏃ユ湡閫夋嫨', + trigger: 'change' + }], + content: [{ + required: true, + message: '璇疯緭鍏ュ唴瀹�', + trigger: 'blur' + }], + fid: [{ + required: true, + // message: '璇疯緭鍏ュ唴瀹�', + // trigger: 'blur' + }], + + cid: [{ + required: true, + // message: '璇疯緭鍏ュ唴瀹�', + // trigger: 'blur' + }], + + }, + typeOptions: [], + + }; + }, + created() { + + const cid = this.$route.params && this.$route.params.id; + + this.getList(2026,cid); + + }, + methods: { + + // 鍙栨秷鎸夐挳 + cancelData() { + this.open = false; + this.reset(); + }, + + //闅旇鍙樿壊 + tableRowClassName({ row, rowIndex }) { + if (rowIndex % 2 == 0) { + return "statistics-warning-row1"; + } else { + return "statistics-warning-row"; + } + }, + + /** 鏌ヨ瑙掕壊鍒楄〃 */ + + getList(fid,cid) { + + this.loading = true; + this.queryParams.cid = cid + this.queryParams.fid = fid + this.queryParams.happenStartTime = this.dateRange.length > 0 && this.dateRange[0] + this.queryParams.happenEndTime = this.dateRange.length > 0 && this.dateRange[1] + + listNote(cid, 2026).then(response => { + this.memoList = response.data; + console.log(this.memoList) + this.total = response.data.total; + this.loading = false; + } + ); + }, + handleRemove(file) { + for(let i = 0; i < this.fileListOther.length; i++) + { + if(this.fileListOther[i].url==file.url) + this.$delete(this.fileListOther,i); + } + }, + + // 鍙栨秷鎸夐挳 + cancel() { + this.open = false; + this.reset(); + }, + + getRowId(row) + { + return row.id + }, + // 鍙栨秷鎸夐挳锛堟暟鎹潈闄愶級 + cancelDataScope() { + this.openDataScope = false; + this.reset(); + }, + // 琛ㄥ崟閲嶇疆 + reset() { + if (this.$refs.menu != undefined) { + this.$refs.menu.setCheckedKeys([]); + } + this.menuExpand = false, + this.menuNodeAll = false, + this.deptExpand = true, + this.deptNodeAll = false, + this.form = { + roleId: undefined, + roleName: undefined, + roleKey: undefined, + roleSort: 0, + status: "0", + menuIds: [], + deptIds: [], + menuCheckStrictly: true, + deptCheckStrictly: true, + remark: undefined + }; + this.resetForm("form"); + }, + /** 鎼滅储鎸夐挳鎿嶄綔 */ + handleQuery() { + const fid = 2031; + const cid = this.$route.params && this.$route.params.id; + this.queryParams.pageNum = 1; + this.getList(fid,cid); + }, + /** 閲嶇疆鎸夐挳鎿嶄綔 */ + resetQuery() { + this.dateRange = []; + this.resetForm("queryForm"); + this.handleQuery(); + }, + // 澶氶�夋閫変腑鏁版嵁 + handleSelectionChange(selection) { + this.ids = selection.map(item => item.id) + console.log(this.ids) + this.single = selection.length!=1 + this.multiple = !selection.length + }, + + /** 鏂板鎸夐挳鎿嶄綔 */ + handleAdd() { + this.reset(); + this.open = true; + this.title = "鏂板澶囧繕鏈�"; + }, + + /** 淇敼鎸夐挳鎿嶄綔 */ + handleUpdate(row) { + const id = row.id; + let jd = true + + this.$router.push({ + path:"/self/travel/travelInfo/" + id, + query:{ + detail:jd + } + }); + }, + + + handlePictureCardPreview(file) { + this.dialogImageUrl = file.url; + this.dialogVisible = true; + }, + /** 鎻愪氦鎸夐挳锛堟暟鎹潈闄愶級 */ + submitDataScope: function() { + const cid = this.$route.params && this.$route.params.id; + let ul = this.fileList.map(function (elem){ + return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + }).join(",") + let uls = this.fileListOther.map(function (elem){ + return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + }).join(",") + this.formDat.fid = 2026; + this.formDat.cid = cid ; + this.formDat.url = ul+","+uls + + this.$refs["elForm"].validate(valid => { + if (valid) { + + addNote(this.formDat).then(response => { + this.$modal.msgSuccess("鏂板鎴愬姛"); + this.open = false; + // this.queryParams.cid = cid + // this.queryParams.fid = fid + this.getList(this.formDat.fid,this.formDat.cid); + resetQuery(); + }); + } + }); + //娓呯┖formDat瀵硅薄鐨勬暟鎹� + Object.keys(this.formDat).forEach(key => { + this.formDat[key] = ''; + }); + }, + requestUpload(params) + { + var file = params.file; + var formData = new FormData(); + formData.append('uploadFile', file); + let _this = this + + uploadPic(formData).then(response => { + let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) + + if(_this.fot.includes(pth) === true) + { + _this.fileList.push({name:response.data.fileName, "url":response.data.url}) + + } + + else{ + _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) + + } + }) + + }, + /** 鍒犻櫎鎸夐挳鎿嶄綔 */ + handleDelete(row) { + const id = row.id || this.id; + const fid = 2026; + const cid = this.$route.params && this.$route.params.id; + this.$modal.confirm('鏄惁纭鍒犻櫎鎵�閫夋暟鎹」锛�').then(function() { + return delNote(id); + }).then(() => { + // this.getList(fid,cid); + this.$modal.msgSuccess("鍒犻櫎鎴愬姛"); + this.getList(fid,cid); + }).catch(() => {}); + }, + /** 瀵煎嚭鎸夐挳鎿嶄綔 */ + handleExport() { + const Ids = this.ids; + + if(Ids.length==0) + { + this.download('/zfEconomy/export', { + ...this.queryParams + }, `zfEconomy_${new Date().getTime()}.xlsx`) + }else + { + this.download('/zfEconomy/export1/'+Ids, { + }, `zfEconomy_${new Date().getTime()}.xlsx`) + } + } + , + handleExportTemplate(){ + this.download('/zfEconomy/model', { + + }, `zfEconomy_${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' }) + } + + } + }, + + // 寮圭獥 + handleShow(scope){ + + this.openDataScope = true + this.getList() + } + +}; +</script> + +<style> +.el-table__row.statistics-warning-row { + background: #E0EEFE; + +} +.el-table__row.statistics-warning-row1 { + background: #FFEFF2; + +} + +.button1 { + background:center no-repeat url('../../assets/icons/add1.png') ; + /* margin-left: 69.5vw; */ + margin-left: 780px; +} + +.button_delete { + background: center no-repeat url('../../assets/images/鍒犻櫎2.png') ; + + /* margin-left: 66vw; */ + width: 5px; + + /* background: #000000; */ +} + +.box1,.button1{ + display: inline-block; +} +</style> diff --git a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue index b6feb26..f9f874c 100644 --- a/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue +++ b/ruoyi-ui/src/views/selfeconomy/selfeconomyInfo.vue @@ -1,522 +1,540 @@ <template> - <div class="app-container"> - <div class="form-header mt"> - <h4 class="dt h4">涓汉璐骇璇︾粏淇℃伅 </h4> - - </div> - <div style="padding-left:15px"> - <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-position="left" label-width="140px"> - - <el-container> - <el-row :span="12"> - <el-cow > - <el-form-item label="鏃ユ湡" prop="happenTime" label-width="70px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.happenTime" placeholder="璇疯緭鍏ユ椂闂�" type="date" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="璐骇绫诲埆" prop="type" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.type" placeholder="璇疯緭鍏ヨ储浜х被鍒�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - - <el-cow > - <el-form-item label="鑾峰緱鏂瑰紡" prop="incomeName" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.incomeName" placeholder="璇疯緭鍏ユ敹鏀悕绉�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="閲戦" prop="price" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.price" placeholder="璇疯緭鍏ラ噾棰�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="鏈熼檺" prop="timeLimit" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.timeLimit" placeholder="璇疯緭鍏ユ湡闄�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="鍙樻洿/娉ㄩ攢" prop="isChange" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.isChange" placeholder="璇疯緭鍏ュ彉鏇�/娉ㄩ攢" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="浜ф潈" prop="propertyRight" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.propertyRight" placeholder="璇疯緭鍏ヤ骇鏉�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="瀛樻斁浣嶇疆" prop="location" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.location" placeholder="璇疯緭鍏ュ瓨鏀句綅缃�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="鏄惁娉ㄩ攢" prop="status" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-select v-model="formData.status" placeholder="璇烽�夋嫨鏄惁娉ㄩ攢" clearable :style="{width: '100%'}" :disabled="dsb" > - <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" - ></el-option> - </el-select> - </el-form-item> - </el-cow> - <el-cow > - <el-form-item label="澶囨敞" prop="remark" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> - <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> - </el-form-item> - </el-cow> - </el-row> - </el-container> - <h4 class="form-header">鐢靛瓙鏂囦欢 </h4> - <el-upload - action="#" - list-type="picture-card" - multiple - :http-request="requestUpload" - :file-list="fileList" - > - <i slot="default" class="el-icon-plus"></i> - <div slot="file" slot-scope="{file}"> - <img - class="el-upload-list__item-thumbnail" - :src="file.url" - alt="" - style="width: 147px; height: 147px" - fit="cover" - :preview-src-list="[file.url]" - > - <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)" - > - <i class="el-icon-download"></i> - </span> - <span - v-if="isShow" - class="el-upload-list__item-delete" - @click="handleRemove(file)" - > - <i class="el-icon-delete"></i> - </span> - </span> - - - </div> - </el-upload> - - <!--<h4 class="form-header">鍏朵粬闄勪欢 </h4> - <el-upload - action="" - :file-list="fileListOther" - class="upload-demo" - multiple - :on-preview="handlePreview" - - :on-remove="handleRemove" - :http-request="requestUpload" - :show-file-list="true" - > - <el-button v-if="isShow" type="primary" >鐐瑰嚮涓婁紶</el-button> - <template #tip> - <div class="el-upload__tip"> - </div> - </template> - - - </el-upload>--> - <h4 class="form-header">鍏朵粬闄勪欢 </h4> - <el-upload - action="" - :file-list="fileListOther" - class="upload-demo" - multiple - list-type="picture-card" - :on-preview="handleFileCardPreview" - :on-remove="handleRemoveFile" - :http-request="requestUpload" - :show-file-list="true" - > - - <i 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" - alt="" - style="width: 147px; height: 147px" - fit="cover" - > - <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" - class="el-upload-list__item-delete" - @click="handleDownload(file.url)" - > - <i class="el-icon-download"></i> - </span> - <span - v-if="isShow" - class="el-upload-list__item-delete" - @click="handleRemoveFile(file)" - > - <i class="el-icon-delete"></i> - </span> - </span> - - - </div> - - - </el-upload> - - <el-form-item size="large"> - <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb" >淇敼</el-button> - </el-form-item> - </el-form> - </div> - - <el-dialog :visible.sync="dialogVisible"> - <img w-full :src="dialogImageUrl" style="width: 700px; height: 700px" alt="Preview Image" /> - </el-dialog> - - + <div class="app-container"> + <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']"> + <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> </div> - </template> + <div style="padding-left:15px"> + <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-position="left" label-width="160px"> - <script> + <el-container> + <el-row :span="12"> + <el-cow > + <el-form-item label="鏃ユ湡" prop="happenTime" label-width="70px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.happenTime" placeholder="璇疯緭鍏ユ椂闂�" type="date" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="璐骇绫诲埆" prop="type" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.type" placeholder="璇疯緭鍏ヨ储浜х被鍒�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> - import {blobValidate} from "@/utils/ruoyi"; - import errorCode from "@/utils/errorCode"; - import {Message} from "element-ui"; - import {getSelfEconomyInfo, updateSelfEconomy,download,uploadPic} from "@/api/selfeconomy/index"; + <el-cow > + <el-form-item label="鑾峰緱鏂瑰紡" prop="incomeName" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.incomeName" placeholder="璇疯緭鍏ユ敹鏀悕绉�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="閲戦" prop="price" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.price" placeholder="璇疯緭鍏ラ噾棰�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="鏈熼檺" prop="timeLimit" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.timeLimit" placeholder="璇疯緭鍏ユ湡闄�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="鍙樻洿/娉ㄩ攢" prop="isChange" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.isChange" placeholder="璇疯緭鍏ュ彉鏇�/娉ㄩ攢" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="浜ф潈" prop="propertyRight" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.propertyRight" placeholder="璇疯緭鍏ヤ骇鏉�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="瀛樻斁浣嶇疆" prop="location" label-width="80px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.location" placeholder="璇疯緭鍏ュ瓨鏀句綅缃�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="鏄惁娉ㄩ攢" prop="status" label-width="100px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-select v-model="formData.status" placeholder="璇烽�夋嫨鏄惁娉ㄩ攢" clearable :style="{width: '100%'}" :disabled="dsb" > + <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value" + ></el-option> + </el-select> + </el-form-item> + </el-cow> + <el-cow > + <el-form-item label="澶囨敞" prop="remark" label-width="45px" style="background: #FAD1E0;border-radius: 7px 7px 7px 7px;opacity: 1;"> + <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + </el-cow> + </el-row> + </el-container> + <h4 class="form-header">鐢靛瓙鏂囦欢 </h4> + <el-upload + action="#" + list-type="picture-card" + multiple + :http-request="requestUpload" + :file-list="fileList" + > + <i slot="default" class="el-icon-plus"></i> + <div slot="file" slot-scope="{file}"> + <img + class="el-upload-list__item-thumbnail" + :src="file.url" + alt="" + style="width: 147px; height: 147px" + fit="cover" + :preview-src-list="[file.url]" + > + <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)" + > + <i class="el-icon-download"></i> + </span> + <span + v-if="isShow" + class="el-upload-list__item-delete" + @click="handleRemove(file)" + > + <i class="el-icon-delete"></i> + </span> + </span> - export default { - components: {}, - props: [], - data() { - return { - cdi:"涓汉璐骇璇︾粏淇℃伅", - udi:"涓汉璐骇淇℃伅璇︽儏", - fot:[".jpg",".jif"], - fileList:[ - ], - fileListOther:[ - ], - dsb:true, - btn:false, - isShow:true, + </div> + </el-upload> - selfeconomyList: [], + <!--<h4 class="form-header">鍏朵粬闄勪欢 </h4> + <el-upload + action="" + :file-list="fileListOther" + class="upload-demo" + multiple + :on-preview="handlePreview" - formData: { - id:undefined, - happenTime:undefined, - type:undefined, - status:undefined, - isChange:undefined, - incomeName:undefined, - price:undefined, - timeLimit:undefined, - propertyRight:undefined, - location:undefined, - remark:undefined, - url: undefined, - }, - dialogImageUrl: '', - dialogVisible: false, - disabled: false, - rules: { - type: [{ - required: true, - message: '璇疯緭鍏ヨ储浜х被鍒�', - trigger: 'blur' - }], - happenTime: [{ - required: true, - message: '璇烽�夋嫨鏃堕棿', - trigger: 'blur' - }], - status: [{ - // required: true, - message: '璇疯緭鍏ユ槸鍚︽敞閿�', - trigger: 'blur' - }], - isChange: [{ - required: true, - message: '璇疯緭鍏ュ彉鏇�/娉ㄩ攢', - trigger: 'blur' - }], - price: [{ - required: true, - message: '璇疯緭鍏ラ噾棰�', - trigger: 'blur' - }], - incomeName: [{ - required: true, - message: '璇疯緭鍏ユ敹鏀被鍒�', - trigger: 'blur' - }], - timeLimit: [{ - required: true, - message: '璇疯緭鍏ユ湡闄�', - trigger: 'blur' - }], - location: [{ - required: true, - message: '璇疯緭鍏ュ瓨鏀句綅缃�', - trigger: 'blur' - }], - propertyRight: [{ - required: true, - message: '璇疯緭鍏ュ疄鐜伴毦搴�', - trigger: 'blur' - }], + :on-remove="handleRemove" + :http-request="requestUpload" + :show-file-list="true" + > + <el-button v-if="isShow" type="primary" >鐐瑰嚮涓婁紶</el-button> + <template #tip> + <div class="el-upload__tip"> + </div> + </template> - remark: [{ - // required: true, - message: '璇疯緭鍏ュ娉�', - trigger: 'blur' - }], - }, - typeOptions: [{ - value: '1', - label: '鏄�', - }, - { - value: '0', - label: '鍚�', - }], - } - }, - computed: {}, - watch: {}, - created() { - const id = this.$route.params && this.$route.params.id; - let jd; - if(this.$route.query.detail!=undefined) - { - jd = this.$route.query.detail - this.btn= jd - this.dsb = !jd - document.title = "淇敼涓汉璐骇璇︾粏淇℃伅"; - this.$route.meta.title = "淇敼涓汉璐骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� - } - else{ - document.title = "涓汉璐骇璇︾粏淇℃伅"; - this.$route.meta.title = "涓汉璐骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� - this.isShow=true - } - let _this = this - if (id) { - this.loading = true; - getSelfEconomyInfo({id}).then((response) => { - this.formData = response.data; - let paths = response.data.url.split(","); - for(let i = 0; i < paths.length; i++) - { - if(paths[i]!="") { + </el-upload>--> + <h4 class="form-header">鍏朵粬闄勪欢 </h4> + <el-upload + action="" + :file-list="fileListOther" + class="upload-demo" + multiple + list-type="picture-card" + :on-preview="handleFileCardPreview" + :on-remove="handleRemoveFile" + :http-request="requestUpload" + :show-file-list="true" + > - let pth = paths[i].substr(paths[i].length - 4, paths[i].length) + <i 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" + alt="" + style="width: 147px; height: 147px" + fit="cover" + > + <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" + class="el-upload-list__item-delete" + @click="handleDownload(file.url)" + > + <i class="el-icon-download"></i> + </span> + <span + v-if="isShow" + class="el-upload-list__item-delete" + @click="handleRemoveFile(file)" + > + <i class="el-icon-delete"></i> + </span> + </span> - if (_this.fot.includes(pth) === true) - _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) - else { - // alert(paths[i]) - let nms = paths[i].split("\/") - let nm = nms[nms.length - 1] - _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) - } + + </div> + + + </el-upload> + + <el-form-item size="large"> + <el-button v-if="isShow" type="primary" @click="submitForm" :disabled="dsb" >淇敼</el-button> + </el-form-item> + </el-form> + </div> + + <el-dialog :visible.sync="dialogVisible"> + <img w-full :src="dialogImageUrl" style="width: 700px; height: 700px" alt="Preview Image" /> + </el-dialog> + + + </div> +</template> + +<script> + +import {blobValidate} from "@/utils/ruoyi"; +import errorCode from "@/utils/errorCode"; +import {Message} from "element-ui"; +import {getSelfEconomyInfo, updateSelfEconomy,download,uploadPic} from "@/api/selfeconomy/index"; + +export default { + components: {}, + props: [], + data() { + return { + cdi:"涓汉璐骇璇︾粏淇℃伅", + udi:"涓汉璐骇淇℃伅璇︽儏", + fot:[".jpg",".jif"], + fileList:[ + ], + fileListOther:[ + + ], + dsb:true, + btn:false, + isShow:true, + + selfeconomyList: [], + + formData: { + id:undefined, + happenTime:undefined, + type:undefined, + status:undefined, + isChange:undefined, + incomeName:undefined, + price:undefined, + timeLimit:undefined, + propertyRight:undefined, + location:undefined, + remark:undefined, + url: undefined, + }, + dialogImageUrl: '', + dialogVisible: false, + disabled: false, + rules: { + type: [{ + required: true, + message: '璇疯緭鍏ヨ储浜х被鍒�', + trigger: 'blur' + }], + happenTime: [{ + required: true, + message: '璇烽�夋嫨鏃堕棿', + trigger: 'blur' + }], + status: [{ + // required: true, + message: '璇疯緭鍏ユ槸鍚︽敞閿�', + trigger: 'blur' + }], + isChange: [{ + required: true, + message: '璇疯緭鍏ュ彉鏇�/娉ㄩ攢', + trigger: 'blur' + }], + price: [{ + required: true, + message: '璇疯緭鍏ラ噾棰�', + trigger: 'blur' + }], + incomeName: [{ + required: true, + message: '璇疯緭鍏ユ敹鏀被鍒�', + trigger: 'blur' + }], + timeLimit: [{ + required: true, + message: '璇疯緭鍏ユ湡闄�', + trigger: 'blur' + }], + location: [{ + required: true, + message: '璇疯緭鍏ュ瓨鏀句綅缃�', + trigger: 'blur' + }], + propertyRight: [{ + required: true, + message: '璇疯緭鍏ュ疄鐜伴毦搴�', + trigger: 'blur' + }], + + remark: [{ + // required: true, + message: '璇疯緭鍏ュ娉�', + trigger: 'blur' + }], + }, + typeOptions: [{ + value: '1', + label: '鏄�', + }, + { + value: '0', + label: '鍚�', + }], + } + }, + computed: {}, + watch: {}, + created() { + const id = this.$route.params && this.$route.params.id; + let jd; + if(this.$route.query.detail!=undefined) + { + jd = this.$route.query.detail + this.btn= jd + this.dsb = !jd + document.title = "淇敼涓汉璐骇璇︾粏淇℃伅"; + this.$route.meta.title = "淇敼涓汉璐骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� + } + else{ + document.title = "涓汉璐骇璇︾粏淇℃伅"; + this.$route.meta.title = "涓汉璐骇璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� + this.isShow=true + } + + let _this = this + if (id) { + this.loading = true; + getSelfEconomyInfo({id}).then((response) => { + this.formData = response.data; + let paths = response.data.url.split(","); + for(let i = 0; i < paths.length; i++) + { + if(paths[i]!="") { + + let pth = paths[i].substr(paths[i].length - 4, paths[i].length) + + if (_this.fot.includes(pth) === true) + _this.fileList.push({name:paths[i],url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) + else { + // alert(paths[i]) + let nms = paths[i].split("\/") + let nm = nms[nms.length - 1] + _this.fileListOther.push({name:nm, url: process.env.VUE_APP_BASE_TRUE_API+paths[i]}) } } - this.loading = false; - }); - // this.getCateInfor() - - } - }, - mounted() {}, - methods: { - /** 鏌ヨ绫诲埆淇℃伅 */ - // getCateInfor() - // { - // let _this = this - // getCategory().then(response=>{ - // - // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ - // _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) - // }) - // }) - // }, - submitForm() { - let ul = this.fileList.map(function (elem){ - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") - }).join(",") - let uls = this.fileListOther.map(function (elem){ - return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") - }).join(",") - this.formData.url = ul+","+uls - - this.$refs['elForm'].validate(valid => { - - - if (valid) { - if (this.formData.id != undefined) { - updateSelfEconomy(this.formData).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - // this.open = false; - this.btn=false - }); - } else { - this.$modal.msgSuccess("淇敼澶辫触"); - - } - } - }) - }, - resetForm() { - this.$refs['elForm'].resetFields() - }, - // //杩斿洖涓婁竴椤� - // goBack(){ - // this.$router.push("/familymodel/collection/index" ); - // }, - handlePreview(file) - { - let formData = {'path':"/"+file.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")}; - let lens = formData.path.split(".") - let suffix = lens[lens.length-1] - download(formData).then(async (response) => { - const isLogin = await blobValidate(response); - let nt = new Date().getTime() - let filename = 'selfeconomy_'+nt+'.'+suffix - const blob = new Blob([response]) - saveAs(blob, filename) - }) - }, - handleRemoveFile(file) { - for(let i = 0; i < this.fileListOther.length; i++) - { - if(this.fileListOther[i].url==file.url) - this.$delete(this.fileListOther,i); } - }, - handleRemove(file) { - for(let i = 0; i < this.fileList.length; i++) - { - if(this.fileList[i].url==file.url) - this.$delete(this.fileList,i); - } - }, - handleFileCardPreview(file){ - this.dialogFileUrl = file.url; - const Base64 = require('js-base64').Base64 - this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl)); - myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300'); - }, - handlePictureCardPreview(file) { - this.dialogImageUrl = file.url; - this.dialogVisible = true; - }, - handleDownload(url) { - var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")}; - - let lens = formData.path.split(".") - let suffix = lens[lens.length-1] - download(formData).then(async (response) => { - const isLogin = await blobValidate(response); - let nt = new Date().getTime() - let filename = 'property_'+nt+'.'+suffix - const blob = new Blob([response]) - saveAs(blob, filename) - }) - }, - 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 - - uploadPic(formData).then(response => { - let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) - - if(_this.fot.includes(pth) === true) - { - _this.fileList.push({name:response.data.fileName, "url":response.data.url}) - - } - - else{ - _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) - - } - }) - - }, - - /** 瀵煎嚭鎸夐挳鎿嶄綔 */ - handleExport() { - this.download('/zIdea/export', { - ...this.queryParams - }, `zIdea_${new Date().getTime()}.xlsx`) - } + this.loading = false; + }); + // this.getCateInfor() } - } + }, + mounted() {}, + methods: { + /** 鏌ヨ绫诲埆淇℃伅 */ + // getCateInfor() + // { + // let _this = this + // getCategory().then(response=>{ + // + // response.data.itemValues.replace("{","").replace("}","").split(",").map(elem=>{ + // _this.typeOptions.push({"label":elem.split(":")[0], "value":elem.split(":")[0]}) + // }) + // }) + // }, + submitForm() { + let ul = this.fileList.map(function (elem){ + return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + }).join(",") + let uls = this.fileListOther.map(function (elem){ + return elem.url.replace(process.env.VUE_APP_BASE_TRUE_API,"") + }).join(",") + this.formData.url = ul+","+uls - </script> + this.$refs['elForm'].validate(valid => { - <style scoped> - .app-container{ - background-color: #FEF7FC; - } - .mt - { - position: relative; - } - .dt{ - display: block; + + if (valid) { + if (this.formData.id != undefined) { + updateSelfEconomy(this.formData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + // this.open = false; + this.btn=false + }); + } else { + this.$modal.msgSuccess("淇敼澶辫触"); + + } + } + }) + }, + resetForm() { + this.$refs['elForm'].resetFields() + }, + // //杩斿洖涓婁竴椤� + // goBack(){ + // this.$router.push("/familymodel/collection/index" ); + // }, + handlePreview(file) + { + let formData = {'path':"/"+file.url.replace(process.env.VUE_APP_BASE_TRUE_API,"")}; + let lens = formData.path.split(".") + let suffix = lens[lens.length-1] + download(formData).then(async (response) => { + const isLogin = await blobValidate(response); + let nt = new Date().getTime() + let filename = 'selfeconomy_'+nt+'.'+suffix + const blob = new Blob([response]) + saveAs(blob, filename) + }) + }, + handleRemoveFile(file) { + for(let i = 0; i < this.fileListOther.length; i++) + { + if(this.fileListOther[i].url==file.url) + this.$delete(this.fileListOther,i); + } + }, + handleRemove(file) { + for(let i = 0; i < this.fileList.length; i++) + { + if(this.fileList[i].url==file.url) + this.$delete(this.fileList,i); + } + }, + handleFileCardPreview(file){ + this.dialogFileUrl = file.url; + const Base64 = require('js-base64').Base64 + this.desurl = process.env.VUE_APP_BASE_OTHER_API+'onlinePreview?url='+encodeURIComponent(Base64.encode(this.dialogFileUrl)); + myWindow=window.open(this.desurl,'','width=1200,height=800,top=150,left=300'); + }, + handlePictureCardPreview(file) { + this.dialogImageUrl = file.url; + this.dialogVisible = true; + }, + handleDownload(url) { + var formData = {'path':"/"+url.replace(process.env.VUE_APP_BASE_TRUE_API,"")}; + + let lens = formData.path.split(".") + let suffix = lens[lens.length-1] + download(formData).then(async (response) => { + const isLogin = await blobValidate(response); + let nt = new Date().getTime() + let filename = 'property_'+nt+'.'+suffix + const blob = new Blob([response]) + saveAs(blob, filename) + }) + }, + 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 + + uploadPic(formData).then(response => { + let pth = response.data.originalFilename.substr(response.data.originalFilename.length-4, response.data.originalFilename.length) + + if(_this.fot.includes(pth) === true) + { + _this.fileList.push({name:response.data.fileName, "url":response.data.url}) + + } + + else{ + _this.fileListOther.push({name:response.data.fileName, url:response.data.url}) + + } + }) + + }, + + /** 瀵煎嚭鎸夐挳鎿嶄綔 */ + handleExport() { + this.download('/zIdea/export', { + ...this.queryParams + }, `zIdea_${new Date().getTime()}.xlsx`) + }, + //鏌ョ湅澶囧繕鏈� + checkNote(row){ + // const id =row.id; + const id = this.$route.params && this.$route.params.id; + // const fid =2031 + this.$router.push("/self/selfeconomy/memo/" + id ); + }, } - .pt{ - right: 10px; - top:-3px; - display: block; - position: absolute; - } - .form_item{ - font-size: 12px; - font-family: Microsoft YaHei-Regular, Microsoft YaHei; - font-weight: 400; - color: #000000; - } - </style> +} + +</script> + +<style scoped> +.app-container{ + background-color: #FEF7FC; +} +.mt +{ + position: relative; +} +.dt{ + display: block; + +} +.pt{ + right: 10px; + top:-3px; + display: block; + position: absolute; +} +.form{ + background:center/11% no-repeat url('../../assets/icons/form.png') ; +} +.form_item{ + font-size: 12px; + font-family: Microsoft YaHei-Regular, Microsoft YaHei; + font-weight: 400; + color: #000000; +} +</style> -- Gitblit v1.9.1