From 2b6f255b97dba15d22b86319e2f38f6efac417cc Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期一, 13 十一月 2023 23:23:27 +0800
Subject: [PATCH] 一点一档
---
src/views/operate/disposal/casepool/pool/createUser/ill/index.vue | 197 ++++++++++++++++++++++++++++++++++--------------
1 files changed, 139 insertions(+), 58 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 905a665..24fbbdc 100644
--- a/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
+++ b/src/views/operate/disposal/casepool/pool/createUser/ill/index.vue
@@ -12,7 +12,7 @@
<!-- 闂绫诲瀷 -->
<el-form-item class="optionItem" label="闂绫诲瀷:" prop="category">
<el-select v-model="ill.type" placeholder="杩濆缓" disabled>
- <el-option v-for="item in typeList" :key="item.name" :label="item.name"
+ <el-option v-for="item in communityList" :key="item.name" :label="item.name"
:value="item.value" :disabled="item.disabled">
</el-option>
</el-select>
@@ -43,34 +43,56 @@
<el-form-item class="optionItems" label="杩濆缓鍦扮偣:" prop="site">
<el-input placeholder="璇峰～鍐欒繚寤哄湴鐐�" v-model="ill.site"></el-input>
</el-form-item>
+ </div>
+ <div class="user-item">
+ <!-- 鎵�灞炶閬� -->
+ <el-form-item class="optionItems" label="鎵�灞炶閬�:" prop="streetId">
+ <el-select v-model="ill.streetId" placeholder="璇烽�夋嫨鎵�灞炶閬�" @change="handleStreet">
+ <el-option v-for="item in streetList" :key="item.id" :label="item.regionName" :value="item.id"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
<!-- 鎵�灞炵ぞ鍖� -->
<el-form-item class="optionItems" label="鎵�灞炵ぞ鍖�:" prop="communityId">
<el-select v-model="ill.communityId" placeholder="璇烽�夋嫨鎵�灞炵ぞ鍖�">
- <el-option v-for="item in typeList" :key="item.name" :label="item.name"
- :value="item.value">
+ <el-option v-for="item in communityList" :key="item.id" :label="item.regionName"
+ :value="item.id">
</el-option>
</el-select>
</el-form-item>
</div>
<!-- 韬唤璇佹鍙嶉潰鐓х墖 -->
- <el-form-item class="optionItems" label="韬唤璇佹鍙嶉潰鐓х墖:" prop="positive">
+ <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>
@@ -99,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>
@@ -123,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 {
@@ -237,6 +260,13 @@
callback(new Error('鎶ヨ鏃堕棿涓嶈兘涓虹┖'))
}
}
+ const checkStreet=(rule, value, callback) => {
+ if (value) {
+ callback();
+ } else {
+ callback(new Error('鎵�灞炶閬撲笉鑳戒负绌�'))
+ }
+ }
return {
ill: {
buildingArea: '',
@@ -326,23 +356,23 @@
{
required: true, trigger: 'change', validator: checkDate
}
- ]
+ ],
+ streetId: [
+ {
+ required: true, trigger: 'change', validator: checkStreet
+ }
+ ],
},
bigKindList: [],
- typeList: [
- {
- name: '绀惧尯1',
- value: 1,
- },
- {
- name: '绀惧尯2',
- value: 2,
- }
+ communityList: [
],
+ streetList: [],
}
},
created() {
- const { getBigKind, getCommityList } = this;
+ const { getBigKind, getCommityList,getStreetList } = this;
+ getStreetList(0);
+
// this.ill.category = this.mytype + 1;
getBigKind();
getCommityList();
@@ -350,19 +380,15 @@
methods: {
handleUser() {
const that = this;
- // console.log(this.$refs);
this.$refs.user.validate((valid) => {
- console.log(valid)
if (valid) {
that.$refs.condition.validate((flag) => {
- console.log(flag);
if (flag) {
const { ill } = this;
ill.buildingLength = parseFloat(ill.buildingLength);
ill.buildingHigh = parseFloat(ill.buildingHigh);
ill.buildingWidth = parseFloat(ill.buildingWidth);
ill.buildingArea = parseFloat(ill.buildingArea);
- console.log(ill);
that.$axios({
method: 'post',
url: 'sccg/base_case/addition_illegal_building',
@@ -402,7 +428,6 @@
url: 'sccg/illegal_building/query/type_second'
}).then(res => {
this.bigKindList = res.data;
- // console.log(res);
})
},
// 鑾峰彇token
@@ -414,19 +439,51 @@
}
},
handleSuccess(res, file, filelist) {
- const baseUrl = 'http://140.143.152.226:8410/';
- // if(res.code === 500){
- // console.log('err');
- // return;
- // }
- 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/';
- console.log(res);
- 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({
@@ -434,7 +491,31 @@
url: 'sccg/dict/query_type?level=1&typeCode=' + '10'
})
.then(res => {
- console.log(res);
+ })
+ },
+ // 鑾峰彇琛楅亾淇℃伅
+ async getStreetList(id) {
+ let arr
+ await this.$axios({
+ method:'get',
+ url:`sccg/sccg_region/getChildren/${id}`,
+ })
+ .then(res=>{
+ if(res.code === 200){
+ arr = res.data;
+ }
+ })
+ this.streetList = arr;
+ },
+ // 琛楅亾鏇存敼
+ handleStreet(id) {
+ this.ill.communityId = '';
+ this.$axios({
+ method: 'get',
+ url: `sccg/sccg_region/getChildren/${id}`
+ })
+ .then(res => {
+ this.communityList = res.data;
})
},
handleBack(){
@@ -465,7 +546,7 @@
<style lang="scss" scoped>
.ill {
display: flex;
- padding: 20px 50px;
+ padding: 20px 10px 50px;
.user-item {
display: flex;
@@ -489,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%;
}
}
@@ -533,8 +614,8 @@
}
.img {
- width: 125px;
- height: 80px;
+ width: 100%;
+ height: 100%;
}
.area {
@@ -545,4 +626,4 @@
flex: 2;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0