From 48616bd99a97a692401f603fa15487dac18989b2 Mon Sep 17 00:00:00 2001 From: linwenling <3256558519@qq.com> Date: 星期三, 03 五月 2023 09:59:07 +0800 Subject: [PATCH] 修改 查看详情的1和0 变成具体 --- ruoyi-ui/src/views/clean/cleanInfo.vue | 659 +++++++++++++++++++++++++++++------------------------------ 1 files changed, 329 insertions(+), 330 deletions(-) diff --git a/ruoyi-ui/src/views/clean/cleanInfo.vue b/ruoyi-ui/src/views/clean/cleanInfo.vue index 5731bae..56fa346 100644 --- a/ruoyi-ui/src/views/clean/cleanInfo.vue +++ b/ruoyi-ui/src/views/clean/cleanInfo.vue @@ -1,54 +1,54 @@ <template> - <div class="app-container"> - <div class="form-header mt"> - <h4 class="dt h4">淇濇磥鏀剁撼淇℃伅 </h4> - <el-button type="primary" class="pt" icon="el-icon-edit" @click="handleEdit()" :disabled="btn">缂栬緫</el-button> - </div> - - <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px"> - <!-- <el-form-item label="搴忓彿" prop="id"> - <el-input v-model="formData.id" placeholder="璇疯緭鍏d" :maxlength="11" show-word-limit :disabled="true" - clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input> - </el-form-item> --> - <el-form-item label="绫诲瀷" prop="kind"> - <el-select v-model="formData.kind" placeholder="璇烽�夋嫨淇濇磥/鏀剁撼" clearable :style="{width: '100%'}" :disabled="dsb" > - </el-select> - </el-form-item> - <el-form-item label="绫诲埆" prop="type"> - <el-input v-model="formData.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> - </el-form-item> - <el-form-item label="閫傜敤浜�" prop="suitable"> - <el-input v-model="formData.suitable" placeholder="璇疯緭鍏ラ�傜敤浜�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - <el-form-item label="淇濇磥鏂规硶" prop="method"> - <el-input v-model="formData.method" placeholder="璇疯緭鍏ヤ繚娲佹柟娉�" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - <el-form-item label="鏉愭枡瀛樻斁鍦�" prop="location"> - <el-input v-model="formData.location" placeholder="璇疯緭鍏ユ潗鏂欏瓨鏀惧湴" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - <el-form-item label="鏀剧疆鍦扮偣" prop="place"> - <el-input v-model="formData.place" placeholder="璇烽�夋嫨鏀剧疆鍦扮偣" clearable :style="{width: '100%'}" :disabled="dsb"> - </el-input> - </el-form-item> - <el-form-item label="鏃堕棿" prop="happenTime"> - <el-input v-model="formData.happenTime" placeholder="璇疯緭鍏ユ椂闂�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> - </el-form-item> - <el-form-item label="澶囨敞" prop="remark"> - <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> - </el-form-item> - - - <h4 class="form-header">鐩稿叧鍥剧墖 </h4> - <el-upload + <div class="app-container"> + <div class="form-header mt"> + <h4 class="dt h4">淇濇磥鏀剁撼淇℃伅 </h4> + <el-button type="primary" class="pt" icon="el-icon-edit" @click="handleEdit()" :disabled="btn">缂栬緫</el-button> + </div> + + <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="120px"> + <!-- <el-form-item label="搴忓彿" prop="id"> + <el-input v-model="formData.id" placeholder="璇疯緭鍏d" :maxlength="11" show-word-limit :disabled="true" + clearable prefix-icon='el-icon-mobile' :style="{width: '100%'}"></el-input> + </el-form-item> --> + <el-form-item label="绫诲瀷" prop="kind"> + <el-select v-model="formData.kind=== 1 ? '鏀剁撼':'淇濇磥'" placeholder="璇烽�夋嫨淇濇磥/鏀剁撼" clearable :style="{width: '100%'}" :disabled="dsb" > + </el-select> + </el-form-item> + <el-form-item label="绫诲埆" prop="type"> + <el-input v-model="formData.type" placeholder="璇疯緭鍏ョ被鍒�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + <el-form-item label="閫傜敤浜�" prop="suitable"> + <el-input v-model="formData.suitable" placeholder="璇疯緭鍏ラ�傜敤浜�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + <el-form-item label="淇濇磥鏂规硶" prop="method"> + <el-input v-model="formData.method" placeholder="璇疯緭鍏ヤ繚娲佹柟娉�" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + <el-form-item label="鏉愭枡瀛樻斁鍦�" prop="location"> + <el-input v-model="formData.location" placeholder="璇疯緭鍏ユ潗鏂欏瓨鏀惧湴" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + <el-form-item label="鏀剧疆鍦扮偣" prop="place"> + <el-input v-model="formData.place" placeholder="璇烽�夋嫨鏀剧疆鍦扮偣" clearable :style="{width: '100%'}" :disabled="dsb"> + </el-input> + </el-form-item> + <el-form-item label="鏃堕棿" prop="happenTime"> + <el-input v-model="formData.happenTime" placeholder="璇疯緭鍏ユ椂闂�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + <el-form-item label="澶囨敞" prop="remark"> + <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" clearable :style="{width: '100%'}" :disabled="dsb"></el-input> + </el-form-item> + + + <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 @@ -59,7 +59,7 @@ fit="cover" :preview-src-list="[file.url]" > - <span class="el-upload-list__item-actions"> + <span class="el-upload-list__item-actions"> <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)" @@ -81,181 +81,181 @@ <i class="el-icon-delete"></i> </span> </span> - - - </div> + + + </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 type="primary">Click to upload</el-button> - <template #tip> - <div class="el-upload__tip"> - </div> - </template> - - - </el-upload> - - <el-form-item size="large"> - <el-button type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button> - </el-form-item> - </el-form> - - <el-dialog :visible.sync="dialogVisible"> - <img w-full :src="dialogImageUrl" alt="Preview Image" /> - </el-dialog> - </div> - </template> - <script> - import {getCLeanInfo, uploadPic, download} from "@/api/clean/index"; - import {addRole, updateRole} from "@/api/system/role"; - import {blobValidate} from "@/utils/ruoyi"; - import errorCode from "@/utils/errorCode"; - import {Message} from "element-ui"; - - export default { - components: {}, - props: [], - data() { - return { - cdi:"璧勪骇璇︾粏淇℃伅", - udi:"璧勪骇淇℃伅淇敼", - fot:[".jpg",".jif"], - fileList:[ - ], - fileListOther:[ - - ], - dsb:true, - btn:false, - formData: { - type: undefined, - kind: undefined, - suitable: undefined, - method: undefined, - location:undefined, - place:undefined, - remark: undefined, - url: undefined, - }, - dialogImageUrl: '', - dialogVisible: false, - disabled: false, - rules: { - // id: [{ - // required: true, - // message: '璇疯緭鍏d', - // trigger: 'blur' - // }], - kind: [{ - required: true, - message: '璇烽�夋嫨淇濇磥/鏀剁撼', - trigger: 'change' - }], - type: [{ - required: true, - message: '璇疯緭鍏ョ被鍒�', - trigger: 'blur' - }], - method: [{ - required: true, - message: '璇疯緭鍏ヤ繚娲佹柟娉�', - trigger: 'blur' - }], - location: [{ - required: true, - message: '璇疯緭鍏ユ潗鏂欏瓨鏀惧湴', - trigger: 'blur' - }], - place: [{ - required: true, - message: '璇疯緭鍏ユ斁缃湴鐐�', - trigger: 'blur' - }], - suitable: [{ - required: true, - message: '璇疯緭鍏ラ�傜敤浜�', - trigger: 'blur' - }], - - }, - typeOptions: [{ - value: '0', - label: '淇濇磥', + + <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 type="primary">Click to upload</el-button> + <template #tip> + <div class="el-upload__tip"> + </div> + </template> + + + </el-upload> + + <el-form-item size="large"> + <el-button type="primary" @click="submitForm" :disabled="dsb">淇敼</el-button> + </el-form-item> + </el-form> + + <el-dialog :visible.sync="dialogVisible"> + <img w-full :src="dialogImageUrl" alt="Preview Image" /> + </el-dialog> + </div> +</template> +<script> +import {getCLeanInfo, uploadPic, download} from "@/api/clean/index"; +import {addRole, updateRole} from "@/api/system/role"; +import {blobValidate} from "@/utils/ruoyi"; +import errorCode from "@/utils/errorCode"; +import {Message} from "element-ui"; + +export default { + components: {}, + props: [], + data() { + return { + cdi:"璧勪骇璇︾粏淇℃伅", + udi:"璧勪骇淇℃伅淇敼", + fot:[".jpg",".jif"], + fileList:[ + ], + fileListOther:[ + + ], + dsb:true, + btn:false, + formData: { + type: undefined, + kind: undefined, + suitable: undefined, + method: undefined, + location:undefined, + place:undefined, + remark: undefined, + url: undefined, + }, + dialogImageUrl: '', + dialogVisible: false, + disabled: false, + rules: { + // id: [{ + // required: true, + // message: '璇疯緭鍏d', + // trigger: 'blur' + // }], + kind: [{ + required: true, + message: '璇烽�夋嫨淇濇磥/鏀剁撼', + trigger: 'change' + }], + type: [{ + required: true, + message: '璇疯緭鍏ョ被鍒�', + trigger: 'blur' + }], + method: [{ + required: true, + message: '璇疯緭鍏ヤ繚娲佹柟娉�', + trigger: 'blur' + }], + location: [{ + required: true, + message: '璇疯緭鍏ユ潗鏂欏瓨鏀惧湴', + trigger: 'blur' + }], + place: [{ + required: true, + message: '璇疯緭鍏ユ斁缃湴鐐�', + trigger: 'blur' + }], + suitable: [{ + required: true, + message: '璇疯緭鍏ラ�傜敤浜�', + trigger: 'blur' + }], + + }, + typeOptions: [{ + value: '0', + label: '淇濇磥', + }, + { + value: '1', + label: '鏀剁撼', + }], + } }, - { - value: '1', - 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 = "鏌ョ湅淇濇磥鏀剁撼璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� - } - - let _this = this - if (id) { - this.loading = true; - getCLeanInfo(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]}) - } + 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 = "鏌ョ湅淇濇磥鏀剁撼璇︾粏淇℃伅";//鍒楄〃鐨勫悕绉� + } + + let _this = this + if (id) { + this.loading = true; + getCLeanInfo(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: { - getSrc1(type) { + } + this.loading = false; + }); + this.getCateInfor() + + } + }, + mounted() {}, + methods: { + getSrc1(type) { if (type === 0) { return '鍩洪噾' }else { return '鍙拌处' } }, - + getSrc2(kind) { if (kind == 0) { return '鐜伴噾' @@ -263,128 +263,127 @@ return '鑷姩鎵e垝' } }, - - 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) { - updateEconomy(this.formData).then(response => { - this.$modal.msgSuccess("淇敼鎴愬姛"); - // this.open = false; - this.btn=false - }); - } else { - this.$modal.msgSuccess("淇敼澶辫触"); - - } + + 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) { + updateEconomy(this.formData).then(response => { + this.$modal.msgSuccess("淇敼鎴愬姛"); + // this.open = false; + this.btn=false + }); + } else { + this.$modal.msgSuccess("淇敼澶辫触"); + } - }) - }, - resetForm() { - this.$refs['elForm'].resetFields() - }, - 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 = 'economy_'+nt+'.'+suffix - const blob = new Blob([response]) - saveAs(blob, filename) - }) - }, - - - - handlePictureCardPreview(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'); - - }, - //鍒犻櫎鍥剧墖 - handleRemoveFile(file,) { - - for(let i = 0; i < this.fileListOther.length; i++) - { - if(this.fileListOther[i].url==file.url) - this.$delete(this.fileListOther,i); } - }, - 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() + }) + }, + resetForm() { + this.$refs['elForm'].resetFields() + }, + 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 = 'economy_'+nt+'.'+suffix + const blob = new Blob([response]) + saveAs(blob, filename) + }) + }, + + + + handlePictureCardPreview(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'); + + }, + //鍒犻櫎鍥剧墖 + handleRemoveFile(file,) { + + for(let i = 0; i < this.fileListOther.length; i++) { - this.dsb = false - this.btn = true - }, - 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}) - - } - }) - + if(this.fileListOther[i].url==file.url) + this.$delete(this.fileListOther,i); } - + }, + 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 + }, + 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}) + + } + }) + } + } - - </script> - <style scoped lang="scss"> - .mt - { - position: relative; - } - .dt{ - display: block; - - } - .pt{ - right: 10px; - top:-3px; - display: block; - position: absolute; - } - </style> - \ No newline at end of file +} + +</script> +<style scoped lang="scss"> +.mt +{ + position: relative; +} +.dt{ + display: block; + +} +.pt{ + right: 10px; + top:-3px; + display: block; + position: absolute; +} +</style> -- Gitblit v1.9.1