454 lines
9.9 KiB
Vue
454 lines
9.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="container">
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
姓名
|
|||
|
|
</view>
|
|||
|
|
<view class="r">
|
|||
|
|
<input type="text" v-model="name" placeholder="请输入" :disabled="disabled">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
手机号
|
|||
|
|
</view>
|
|||
|
|
<view class="r">
|
|||
|
|
<input type="number" v-model="phone" placeholder="请输入" :disabled="disabled">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
身份证号
|
|||
|
|
</view>
|
|||
|
|
<view class="r">
|
|||
|
|
<input type="text" v-model="idCard" placeholder="请输入" :disabled="disabled">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
主体名称
|
|||
|
|
</view>
|
|||
|
|
<view class="r">
|
|||
|
|
<input type="text" v-model="fullName" placeholder="请输入" :disabled="disabled">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item2">
|
|||
|
|
<view class="l">
|
|||
|
|
主体类型
|
|||
|
|
</view>
|
|||
|
|
<view class="r u-flex u-col-center ">
|
|||
|
|
<view class="i" :class="{on:index1 == index}" v-for="(item,index) in list1" :key="index"
|
|||
|
|
@click="change1(index)">
|
|||
|
|
{{item.dictLabel}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item2">
|
|||
|
|
<view class="l">
|
|||
|
|
业务类型
|
|||
|
|
</view>
|
|||
|
|
<view class="r u-flex u-col-center ">
|
|||
|
|
<view class="i" :class="{on:index2 == index}" v-for="(item,index) in list2" :key="index"
|
|||
|
|
@click="change2(index)">
|
|||
|
|
{{item}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item2">
|
|||
|
|
<view class="l">
|
|||
|
|
业务等级
|
|||
|
|
</view>
|
|||
|
|
<view class="r u-flex u-col-center ">
|
|||
|
|
<view class="i" :class="{on:index3 == index}" v-for="(item,index) in list3" :key="index"
|
|||
|
|
@click="change3(index)">
|
|||
|
|
{{item}}
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
所在地区
|
|||
|
|
</view>
|
|||
|
|
<view class="r u-flex u-col-center u-row-right" @click="visible=true">
|
|||
|
|
<text v-if="areaCode">{{areaCode}}</text>
|
|||
|
|
<text v-else>请选择</text>
|
|||
|
|
<uni-icons type="right" size="20" color="#999"></uni-icons>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<cityPicker :column="column" :default-value="defaultValue" :mask-close-able="maskCloseAble"
|
|||
|
|
@confirm="confirm" @cancel="cancel" :visible="visible" />
|
|||
|
|
<view class="item u-flex u-col-center u-row-between">
|
|||
|
|
<view class="l">
|
|||
|
|
详细地址
|
|||
|
|
</view>
|
|||
|
|
<view class="r">
|
|||
|
|
<input type="text" v-model="address" placeholder="请输入" :disabled="disabled">
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="list">
|
|||
|
|
<view class="item3">
|
|||
|
|
<view class="l">
|
|||
|
|
营业执照
|
|||
|
|
</view>
|
|||
|
|
<view class="r" @click="upload">
|
|||
|
|
|
|||
|
|
<image :src="$config.imageBaseUrl + businessLicenseUrl" mode="aspectFill" v-if="businessLicenseUrl"></image>
|
|||
|
|
<image src="@/static/images/mine/up.png" mode="aspectFill" v-else></image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="f-btn" :class="disabled?'f-info':''" @click="submit">
|
|||
|
|
提交
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import cityPicker from '@/components/piaoyi-cityPicker/piaoyi-cityPicker.vue'
|
|||
|
|
import {fastAuthentication,authenticationData} from '@/api/mine/index.js'
|
|||
|
|
import { enterpriseTpye } from '@/api/dictionary.js'
|
|||
|
|
import {
|
|||
|
|
uploadCommon
|
|||
|
|
} from '@/api/common.js'
|
|||
|
|
export default {
|
|||
|
|
components: {
|
|||
|
|
cityPicker
|
|||
|
|
},
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
visible: false,
|
|||
|
|
maskCloseAble: true,
|
|||
|
|
str: '',
|
|||
|
|
defaultValue: '420111',
|
|||
|
|
column: 3,
|
|||
|
|
address: "",
|
|||
|
|
areaCode: "",
|
|||
|
|
bodyType: "家庭农场",
|
|||
|
|
idCard: "",
|
|||
|
|
businessLicenseUrl: "",
|
|||
|
|
businessLevel: "国家级",
|
|||
|
|
fullName: "",
|
|||
|
|
phone: "",
|
|||
|
|
name: "",
|
|||
|
|
businessType: "种植",
|
|||
|
|
list1: ['1', '2', '3', '4'],
|
|||
|
|
list2: ['种植', '畜禽养殖', '水产养殖', '其他', '农业生产服务'],
|
|||
|
|
list3: ['国家级', '省级', '市级', '区县级', '普通'],
|
|||
|
|
username: '',
|
|||
|
|
gender: 1,
|
|||
|
|
index1: 0,
|
|||
|
|
index2: 0,
|
|||
|
|
index3: 0,
|
|||
|
|
id: '',
|
|||
|
|
userId: "",
|
|||
|
|
disabled:false,
|
|||
|
|
baseId:'',
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad() {
|
|||
|
|
let user = uni.getStorageSync('user')
|
|||
|
|
this.userId = user.userId
|
|||
|
|
if (!this.userId) {
|
|||
|
|
uni.reLaunch({
|
|||
|
|
url: '/pages/index/index'
|
|||
|
|
})
|
|||
|
|
return
|
|||
|
|
}
|
|||
|
|
this.getData()
|
|||
|
|
enterpriseTpye().then(res=>{
|
|||
|
|
this.list1 = res.data
|
|||
|
|
console.log('resssss',res)
|
|||
|
|
})
|
|||
|
|
// authenticationStatus(this.userId).then(res=>{
|
|||
|
|
// console.log('ressss',res)
|
|||
|
|
// res.data.status == 2 ? this.disabled = false : this.disabled = true
|
|||
|
|
// })
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
upload() {
|
|||
|
|
uni.chooseImage({
|
|||
|
|
count: 1, // 限制选择文件的数量，这里只选择1个文件
|
|||
|
|
sizeType: ['compressed'], // 限制选择文件的类型，这里只选择压缩过的文件
|
|||
|
|
success: (res) => {
|
|||
|
|
uploadCommon({
|
|||
|
|
"filePath": res.tempFilePaths[0]
|
|||
|
|
}).then(res => {
|
|||
|
|
|
|||
|
|
this.businessLicenseUrl = res.fileName
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
getData() {
|
|||
|
|
authenticationData({"userId":this.userId}).then(res => {
|
|||
|
|
// 判断认证状态是否为驳回,只有驳回才能修改
|
|||
|
|
res.data.status == 2 ? this.disabled = false : this.disabled = true
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
if (res.data) {
|
|||
|
|
this.id = res.data.id
|
|||
|
|
this.name = res.data.name
|
|||
|
|
this.phone = res.data.phone
|
|||
|
|
this.idCard = res.data.idCard
|
|||
|
|
this.fullName = res.data.fullName
|
|||
|
|
this.bodyType = res.data.bodyType
|
|||
|
|
this.businessType = res.data.businessType
|
|||
|
|
this.businessLevel = res.data.businessLevel
|
|||
|
|
this.areaCode = res.data.areaCode
|
|||
|
|
this.address = res.data.address
|
|||
|
|
this.businessbusinessLicenseUrlUrl = res.data.businessLicenseUrl
|
|||
|
|
this.index1 = this.list1.findIndex(item => item == this.bodyType)
|
|||
|
|
this.index2 = this.list2.findIndex(item => item == this.businessType)
|
|||
|
|
this.index3 = this.list3.findIndex(item => item == this.businessLevel)
|
|||
|
|
this.baseId = res.data.baseId
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.msg,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 1500
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
console.log(res)
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
submit() {
|
|||
|
|
let url = ''
|
|||
|
|
// if (this.id) {
|
|||
|
|
// url = '/xnzt/prove/updateProve'
|
|||
|
|
// } else {
|
|||
|
|
// url = '/xnzt/prove/saveProve'
|
|||
|
|
// }
|
|||
|
|
let fromData = {
|
|||
|
|
address: this.address,
|
|||
|
|
areaCode: this.areaCode,
|
|||
|
|
bodyType: this.bodyType,
|
|||
|
|
idCard: this.idCard,
|
|||
|
|
businessLicenseUrl: this.businessLicenseUrl,
|
|||
|
|
businessLevel: this.businessLevel,
|
|||
|
|
fullName: this.fullName,
|
|||
|
|
phone: this.phone,
|
|||
|
|
name: this.name,
|
|||
|
|
businessType: this.businessType,
|
|||
|
|
userId: this.userId,
|
|||
|
|
baseId:this.baseId
|
|||
|
|
}
|
|||
|
|
if(!this.baseId) delete fromData.baseId
|
|||
|
|
fastAuthentication(fromData).then(res => {
|
|||
|
|
if (res.code == 200) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '操作成功',
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 1500
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
setTimeout(() => {
|
|||
|
|
uni.navigateBack({
|
|||
|
|
delta: 1
|
|||
|
|
})
|
|||
|
|
}, 1500)
|
|||
|
|
} else {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: res.msg,
|
|||
|
|
icon: "none",
|
|||
|
|
duration: 1500
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
console.log(res)
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
open() {
|
|||
|
|
this.visible = true
|
|||
|
|
},
|
|||
|
|
confirm(val) {
|
|||
|
|
console.log(val)
|
|||
|
|
this.areaCode = val.code
|
|||
|
|
this.visible = false
|
|||
|
|
},
|
|||
|
|
cancel() {
|
|||
|
|
this.visible = false
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
change1(index) {
|
|||
|
|
this.index1 = index
|
|||
|
|
this.bodyType = this.list1[index].dictValue
|
|||
|
|
},
|
|||
|
|
change2(index) {
|
|||
|
|
this.index2 = index
|
|||
|
|
this.businessType = this.list2[index]
|
|||
|
|
},
|
|||
|
|
change3(index) {
|
|||
|
|
this.index3 = index
|
|||
|
|
this.businessLevel = this.list3[index]
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
$color: #4892FD;
|
|||
|
|
|
|||
|
|
.container {
|
|||
|
|
padding: 30rpx 30rpx 200rpx;
|
|||
|
|
|
|||
|
|
.f-btn {
|
|||
|
|
position: fixed;
|
|||
|
|
bottom: 60rpx;
|
|||
|
|
left: 30rpx;
|
|||
|
|
right: 30rpx;
|
|||
|
|
height: 90rpx;
|
|||
|
|
line-height: 90rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
background-color: $color;
|
|||
|
|
color: #fff;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
}
|
|||
|
|
.f-info{
|
|||
|
|
background: #909399;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.list {
|
|||
|
|
background-color: #fff;
|
|||
|
|
border-radius: 20rpx;
|
|||
|
|
padding: 10rpx 30rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
width:100%;
|
|||
|
|
.item3 {
|
|||
|
|
padding: 20rpx 0;
|
|||
|
|
|
|||
|
|
.l {
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.r {
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 160rpx;
|
|||
|
|
height: 160rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item2 {
|
|||
|
|
.l {
|
|||
|
|
padding: 20rpx 0;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.r {
|
|||
|
|
flex-wrap: wrap;
|
|||
|
|
|
|||
|
|
.i {
|
|||
|
|
height: 50rpx;
|
|||
|
|
line-height: 50rpx;
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 0 20rpx;
|
|||
|
|
border-radius: 8rpx;
|
|||
|
|
margin: 15rpx 10rpx 0 0;
|
|||
|
|
color: #666;
|
|||
|
|
border: 2rpx solid #eee;
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on {
|
|||
|
|
border: 2rpx solid $color;
|
|||
|
|
color: $color;
|
|||
|
|
background-color: #EEF7FF;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.item {
|
|||
|
|
padding: 20rpx 0;
|
|||
|
|
border-bottom: 1rpx solid #eee;
|
|||
|
|
|
|||
|
|
&:last-child {
|
|||
|
|
border-bottom: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.l {
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 60rpx;
|
|||
|
|
height: 60rpx;
|
|||
|
|
width: 200rpx;
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
color: #c33;
|
|||
|
|
margin-left: 6rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.r {
|
|||
|
|
flex: 1;
|
|||
|
|
width: 1rpx;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 40rpx;
|
|||
|
|
text-align: right;
|
|||
|
|
|
|||
|
|
input {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 100%;
|
|||
|
|
font-size: 28rpx;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 120rpx;
|
|||
|
|
height: 120rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
overflow: hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.i {
|
|||
|
|
margin-left: 20rpx;
|
|||
|
|
|
|||
|
|
image {
|
|||
|
|
width: 35rpx;
|
|||
|
|
height: 35rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #666;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.on {
|
|||
|
|
color: $color;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
text {
|
|||
|
|
font-size: 24rpx;
|
|||
|
|
color: #666;
|
|||
|
|
margin-left: 10rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</style>
|