From d2b1bb1f77ad20b852d245a1bdd5a73156e37bcd Mon Sep 17 00:00:00 2001 From: zhanghua <314079846@qq.com> Date: 星期三, 15 三月 2023 15:35:34 +0800 Subject: [PATCH] 正式地址 --- src/views/operate/disposal/casepool/pool/createUser/ill/index.vue | 112 ++++++++++++++++++++++++++++++++++++++++--------------- 1 files changed, 81 insertions(+), 31 deletions(-) diff --git a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue index 10a2eff..24fbbdc 100644 --- a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue +++ b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue @@ -66,21 +66,33 @@ <el-form-item class="optionItems" label="韬唤璇佹銆佸弽闈㈢収鐗�:" prop="positive"> <template> <div class="idcard"> - <el-upload class="upload-demo" :show-file-list="false" +<!-- <el-upload--> +<!-- action="/sccg/file/medias"--> +<!-- list-type="picture-card"--> +<!-- :show-file-list="false"--> +<!-- :headers="getToken()" multiple--> +<!-- :limit="50" :on-success="handleSuccess">--> +<!-- <i class="el-icon-plus"></i>--> +<!-- <span class="text" v-if="ill.positive === ''">韬唤璇佹闈�</span>--> +<!-- <img :src="ill.positive" alt="" class="img" v-else>--> +<!-- </el-upload>--> + <el-upload list-type="picture-card" class="upload-demo" :show-file-list="false" action="/sccg/file/medias" :headers="getToken()" multiple :limit="50" :on-success="handleSuccess"> - <img v-if="ill.positive === ''" - src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg" - alt=""> +<!-- <img v-if="ill.positive === ''"--> +<!-- src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"--> +<!-- alt="">--> + <i v-if="ill.positive === ''" class="el-icon-plus"></i> <span class="text" v-if="ill.positive === ''">韬唤璇佹闈�</span> <img :src="ill.positive" alt="" class="img" v-else> </el-upload> - <el-upload class="upload-demo" :show-file-list="false" + <el-upload list-type="picture-card" class="upload-demo" :show-file-list="false" action="/sccg/file/medias" :headers="getToken()" multiple :limit="50" :on-success="handleSuccess2"> - <img v-if="ill.negative === '' " - src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg" - alt=""> +<!-- <img v-if="ill.negative === '' "--> +<!-- src="https://axure-file.lanhuapp.com/90466432-c999-4bf0-80b8-ee3f96a2099e__15f765432d579a14b8f6591c100d30e3.svg"--> +<!-- alt="">--> + <i v-if="ill.negative === ''" class="el-icon-plus"></i> <span class="text" v-if="ill.negative === ''">韬唤璇佸弽闈�</span> <img :src="ill.negative" alt="" class="img" v-else /> </el-upload> @@ -109,7 +121,7 @@ </el-form-item> <el-form-item class="optionItems" label-width='0px' prop="buildingWidth"> <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingWidth"></el-input> - </el-form-item> + </el-form-item> <el-form-item class="optionItems" label-width='0px' prop="buildingHigh"> <el-input placeholder="鍗曚綅绫�" v-model="ill.buildingHigh"></el-input> </el-form-item> @@ -133,7 +145,8 @@ </div> </template> <script> -import MyMap from '@/components/map' +// import MyMap from "@/components/map"; +import MyMap from "@/components/map/leafletMap.vue"; import {parseTime} from '@/utils/index' import { validateName, validatePhone, validateCardId, validateNum } from '@/utils/validate' export default { @@ -359,7 +372,7 @@ created() { const { getBigKind, getCommityList,getStreetList } = this; getStreetList(0); - + // this.ill.category = this.mytype + 1; getBigKind(); getCommityList(); @@ -426,14 +439,51 @@ } }, handleSuccess(res, file, filelist) { - const baseUrl = 'http://140.143.152.226:8410/'; - this.ill.positive = baseUrl + res.data.url1; + + // const baseUrl = 'http://140.143.152.226:8410/'; + // this.ill.positive = baseUrl + res.data.url1; + // this.ill.positive = res.data + // let oll =this.ill.positive + let that=this + this.$axios({ + url:'sccg/API/img?fileUrl='+res.data, + method:"get", + responseType: 'blob' + }).then(res=>{ + + const blob = new Blob([res]) + var reader = new window.FileReader(); + reader.readAsDataURL(blob); + reader.onloadend = function () { + + that.ill.positive= reader.result + } + + }) }, handleSuccess2(res, file, filelist) { - const baseUrl = 'http://140.143.152.226:8410/'; - this.ill.negative = baseUrl + res.data.url1; + // const baseUrl = 'http://140.143.152.226:8410/'; + // this.ill.negative = baseUrl + res.data.url1; + // this.ill.negative = res.data + let that=this + this.$axios({ + url:'sccg/API/img?fileUrl='+res.data, + method:"get", + responseType: 'blob' + }).then(res=>{ + + const blob = new Blob([res]) + var reader = new window.FileReader(); + reader.readAsDataURL(blob); + reader.onloadend = function () { + console.log(reader.result) + that.ill.negative= reader.result + } + + }) }, + // 鏌ヨ绀惧尯 getCommityList() { this.$axios({ @@ -520,30 +570,30 @@ } } .el-form { - &::v-deep .el-form-item__label { - color: #4b9bb7; - } + // &::v-deep .el-form-item__label { + // color: #4b9bb7; + // } - &::v-deep .el-input__inner { - background-color: #09152f; - border: 1px solid #17324c; - } + // &::v-deep .el-input__inner { + // // background-color: #09152f; + // border: 1px solid #17324c; + // } - &::v-deep .el-textarea__inner { - background-color: #09152f; - border: 1px solid #17324c; - } + // &::v-deep .el-textarea__inner { + // // background-color: #09152f; + // border: 1px solid #17324c; + // } } .input-form { - + .upload-demo { position: relative; margin-right: 20px; .text { position: absolute; top: 22%; - left: 20%; + left: 26%; } } @@ -564,8 +614,8 @@ } .img { - width: 125px; - height: 80px; + width: 100%; + height: 100%; } .area { @@ -576,4 +626,4 @@ flex: 2; } } -</style> \ No newline at end of file +</style> -- Gitblit v1.8.0