From 4b0df650a1fe818218e7f8ac0c6ff8f0150371b6 Mon Sep 17 00:00:00 2001 From: “dzb” <2632970487@qq.com> Date: 星期五, 04 十一月 2022 11:26:52 +0800 Subject: [PATCH] 修改后端接口后头像登录用户头像不显示问题 --- src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue | 70 +++++++++++++++++++++++++++-------- 1 files changed, 54 insertions(+), 16 deletions(-) diff --git a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue index 511566a..9a9a94f 100644 --- a/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue +++ b/src/views/operate/disposal/casepool/dispatch/updateUser/uploadResult/components/evidence/index.vue @@ -27,30 +27,31 @@ <el-input v-model="evidence.caseAction" placeholder="璇疯緭鍏ユ鐢�"></el-input> </el-form-item> <!-- 褰撲簨浜轰俊鎭� --> - <el-form-item label="褰撲簨浜轰俊鎭�:" prop="userInfo"> + <el-form-item label="褰撲簨浜轰俊鎭�:" prop="userInfo" class="sp-user-info"> <el-input suffix-icon="el-icon-s-order" v-model="evidence.userInfo" @focus="openDialog"></el-input> </el-form-item> <!-- 鎯呭喌鎻忚堪 --> - <el-form-item label="鎯呭喌鎻忚堪:" prop="description"> + <el-form-item label="澶勭疆缁撴灉:" prop="description"> <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="200" show-word-limit - v-model="evidence.description" placeholder="璇疯緭鍏ユ儏鍐垫弿杩�,闄愬埗200瀛椾互鍐�"></el-input> + v-model="evidence.description" placeholder="璇疯緭鍏ュ缃粨鏋�,闄愬埗200瀛椾互鍐�"></el-input> </el-form-item> <!-- 鐓х墖闄勪欢 --> <el-form-item label="鐓х墖闄勪欢:" prop="pic"> <div class="upImg"> - <div class="img-list" v-if="evidence.pic.length!==0"> + <!-- <div class="img-list" v-if="evidence.pic.length!==0"> <div class="img" v-for="(item,index) in evidence.pic" :key="index"> <img :src="item" alt=""> <i class="el-icon-close myicon" @click="handleRemove(index)"></i> </div> - </div> - <div class="upload" v-if="evidence.pic.length<4"> + </div> --> + <MyUpload @setPictureUrl="setPicUrl" @delPictureUrl="delPicUrl"></MyUpload> + <!-- <div class="upload" v-if="evidence.pic.length<4"> <el-upload :file-list="fileList" class="upload-demo" - action="http://42.193.1.25:8082/sccg/file/medias" multiple :show-file-list="false" + action="/sccg/file/medias" multiple :show-file-list="false" :limit="4" :on-success="handleSuccess2" :headers="getToken()"> <i class="el-icon-plus"></i> </el-upload> - </div> + </div> --> <div class="tip">{{evidence.pic.length}} / 4</div> </div> </el-form-item> @@ -65,11 +66,7 @@ <el-form ref="userForm" label-width="120px" :model="user" :rules="userRules" autoComplete="on"> <!-- 绫诲瀷 --> <el-form-item label="绫诲瀷:" prop="illegalType"> - <el-select v-model="user.illegalType" placeholder="璇烽�夋嫨"> - <el-option v-for="item in typeOptions" :key="item.value" :label="item.label" - :value="item.value"> - </el-option> - </el-select> + <el-input v-model="basecase"></el-input> </el-form-item> <!-- 濮撳悕銆佹墜鏈哄彿 --> <div class="user-item"> @@ -151,7 +148,11 @@ <script> import { getTypeList } from '@/utils/helper' import {validateName,validatePhone,validateCardId} from '@/utils/validate' +import MyUpload from "@/components/myUpload" export default { + components: { + MyUpload + }, data() { const checkName = (rule, value, callback) => { if (value) { @@ -454,7 +455,8 @@ label: '澶у鍙婁互涓�', value: 4 }, - ] + ], + basecase:"" } }, created() { @@ -463,8 +465,25 @@ this.getNationList(); console.log(this.mytype); this.user.illegalType = JSON.parse(JSON.stringify(this.mytype)); + const {mycode}=this; + this.getEventInfo(mycode) }, methods: { + // 鑾峰彇妗堜欢淇℃伅 + async getEventInfo(mycode) { + await this.$axios({ + method: 'get', + url: `sccg/base_case/baseCaseDetail/${mycode}` + }) + .then(res => { + if(this.mytype == 1){ + this.basecase = res.data.baseCase.violations.typeText; + }else{ + this.basecase = res.data.baseCase.illegalBuilding.categoryText; + } + console.log(this.basecase) + }) + }, handleSuccess2(res, file, filelist) { const baseUrl = 'http://140.143.152.226:8410/'; console.log(res); @@ -522,6 +541,21 @@ // 鑾峰彇姘戞棌鍒楄〃 async getNationList() { this.nationOptions = await getTypeList(1, '05'); + }, + // 璁剧疆涓婁紶鎴愬姛涔嬪悗鐨勫浘鐗囧湴鍧� + setPicUrl({ url }) { + const baseUrl = 'http://140.143.152.226:8410/'; + if (this.evidence.pic.length < 4) { + this.evidence.pic.push(baseUrl + url) + } + console.log(url); + }, + //鍒犻櫎鍥剧墖 + delPicUrl({url}){ + const baseUrl = 'http://140.143.152.226:8410/'; + console.log(url); + this.evidence.pic.splice(this.evidence.pic.indexOf(baseUrl + url),1); + console.log(this.evidence.pic); } }, watch: { @@ -538,7 +572,7 @@ deep: true, } }, - props:['mytype'] + props:['mytype','mycode'] } </script> <style lang="scss" scoped> @@ -620,7 +654,11 @@ padding-bottom: 60px; } - +.sp-user-info{ + ::v-deep .el-input{ + width: 200px; + } +} .user-form-content { padding-top: 20px; -- Gitblit v1.8.0