TmOct5/BlockChainH5
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

[企业认证格式修改及企业认证range默认值处理同步易货]

Browse Source
This commit is contained in:
张冬雪
2021-10-27 15:45:22 +08:00
parent 011eeedcc4
commit e4b1f33c6c
1 changed files with 144 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

219
pages/company/approve.vue
View File

@@ -7,7 +7,8 @@
<view class="white-box">
<view class="inputs logo">
<label>企业LOGO</label>
<image class="logo-cover" :src="logo.showpath || require('@/static/icons/add-icon.png')" @click="updImg('logo')" mode="aspectFill"></image>
<image class="logo-cover" :src="logo.showpath || require('@/static/icons/add-icon.png')"
@click="updImg('logo')" mode="aspectFill"></image>
</view>
<view class="inputs">
<label>企业名称</label>
@@ -15,7 +16,8 @@
</view>
<view class="inputs">
<label>企业行业</label>
<picker v-if="industry.length > 0" :range="industry" :value="industryIndex" range-key="title" @change="changePicker" data-type="industry">
<picker v-if="industry.length > 0" :range="industry" :value="industryIndex" range-key="title"
@change="changePicker" data-type="industry">
<view class="picker-text nowrap">
{{industry[industryIndex].title}}
<uni-icons class="picker-icon" type="arrowdown"></uni-icons>
@@ -26,12 +28,17 @@
<label>经营类目</label>
<view class="picker-text nowrap" @click="opnePopup">
<block v-if="categorys.length > 0">
<text class="text-item" v-for="(item, index) in category" :key="index" v-if="item.check">{{item.name}}</text>
<text class="text-item" v-for="(item, index) in category" :key="index"
v-if="item.check">{{item.name}}</text>
</block>
<block v-else>选择经营类目</block>
<uni-icons class="picker-icon" type="arrowdown"></uni-icons>
</view>
</view>
<view class="inputs" v-if="is_range">
<label>经营范围</label>
<textarea :auto-height='true' v-model="range" placeholder="输入经营范围" />
</view>
<view class="inputs">
<label>法人姓名</label>
<input type="text" v-model="corporate" placeholder="输入法人姓名" />
@@ -46,7 +53,8 @@
</view>
<view class="inputs logo">
<label>营业执照</label>
<image class="license-cover" :src="license.showpath || require('@/static/icons/add-icon.png')" @click="updImg('license')" mode="aspectFill"></image>
<image class="license-cover" :src="license.showpath || require('@/static/icons/add-icon.png')"
@click="updImg('license')" mode="aspectFill"></image>
</view>
<view class="btns">
<button type="default" size="default" @click="submitApplies">提交认证</button>
@@ -60,7 +68,8 @@
<view class="subtitle">请选择经营类目</view>
</view>
<view class="category-flex">
<view class="category-flex-item" :class="{'show' : item.check}" v-for="(item, index) in category" :key="index" @click="item.check = !item.check">{{item.name}}</view>
<view class="category-flex-item" :class="{'show' : item.check}" v-for="(item, index) in category"
:key="index" @click="item.check = !item.check">{{item.name}}</view>
</view>
<view class="btns">
<button type="default" size="default" @click="affirmCategory">确定</button>
@@ -71,45 +80,57 @@
</template>
<script>
import { appliesCreate, applies, appliesInfo, appliesCategory } from '@/apis/interfaces/company'
import { uploads } from '@/apis/interfaces/uploading'
import {
appliesCreate,
applies,
appliesInfo,
appliesCategory
} from '@/apis/interfaces/company'
import {
uploads
} from '@/apis/interfaces/uploading'
export default {
data() {
return {
formType : "",
name : "",
corporate : "",
identity : "",
org : "",
logo : {
formType: "",
name: "",
corporate: "",
identity: "",
org: "",
logo: {
showpath: '',
path : ''
path: ''
},
license : {
license: {
showpath: '',
path : ''
path: ''
},
industry : [],
industry: [],
industryIndex: 0,
reason : '',
category : [],
categorys : []
reason: '',
category: [],
categorys: [],
range: "",
is_range: false,
};
},
created(){
created() {
// 读取配置信息
appliesCreate().then(res=>{
this.industry = res
appliesCreate().then(res => {
this.industry = res.industries
this.formType = this.$Route.query.form_type
if(this.formType === 'put'){
this.is_range = res.is_range
if (this.formType === 'put') {
appliesInfo().then(formValue => {
for(let val of formValue.categories){
if(val.check){
for (let val of formValue.categories) {
if (val.check) {
this.categorys.push(val.category_id)
}
}
this.range = formValue.range
this.name = formValue.name
this.industryIndex = this.industry.findIndex(val=> val.industry_id === formValue.industry.industry_id)
this.industryIndex = this.industry.findIndex(val => val.industry_id === formValue
.industry.industry_id)
this.category = formValue.categories
this.corporate = formValue.certification.name
this.identity = formValue.certification.idcard
@@ -119,72 +140,74 @@
}).catch(valueErr => {
uni.showToast({
title: valueErr.message,
icon : 'none'
icon: 'none'
})
})
}else{
this.getAppliesCategory(res[0].industry_id)
} else {
console.log('11', res)
this.getAppliesCategory(res.industries[0].industry_id)
}
}).catch(err =>{
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
},
methods:{
methods: {
// 选择经营类目
opnePopup(){
opnePopup() {
this.$refs.categoryPopup.open('bottom')
},
// 确认选择类目
affirmCategory(){
affirmCategory() {
this.categorys = []
for(let val of this.category){
if(val.check){
for (let val of this.category) {
if (val.check) {
this.categorys.push(val.category_id)
}
}
this.$refs.categoryPopup.close()
},
// 提交信息
submitApplies(){
submitApplies() {
let method = this.formType === 'put' ? 'PUT' : 'POST'
applies({
name : this.name,
cover : this.logo.path,
license : this.license.path,
user_name : this.corporate,
id_card : this.identity,
code : this.org,
industry_id : this.industry[this.industryIndex].industry_id,
categories : this.categorys
name: this.name,
cover: this.logo.path,
license: this.license.path,
user_name: this.corporate,
id_card: this.identity,
code: this.org,
industry_id: this.industry[this.industryIndex].industry_id,
categories: this.categorys,
range: this.range
}, method).then(res => {
uni.showModal({
title : '提示',
content : '您的企业认证信息已提交，审核需3-7个工作日，请耐心等待',
showCancel : false,
confirmText : '确认',
success : resModal => {
title: '提示',
content: '您的企业认证信息已提交，审核需3-7个工作日，请耐心等待',
showCancel: false,
confirmText: '确认',
success: resModal => {
this.$Router.back()
}
})
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
},
// 选择器
changePicker(e){
changePicker(e) {
this.industryIndex = e.detail.value
this.getAppliesCategory(this.industry[e.detail.value].industry_id)
},
// 获取经营类目
getAppliesCategory(id){
getAppliesCategory(id) {
appliesCategory({
industry: id,
}).then(res => {
@@ -192,18 +215,18 @@
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
},
// 上传图片
updImg(type){
updImg(type) {
uni.chooseImage({
count : 1,
success : path => {
count: 1,
success: path => {
uploads([{
uri : path.tempFilePaths[0]
uri: path.tempFilePaths[0]
}]).then(res => {
this[type] = {
showpath: res.url[0],
@@ -212,7 +235,7 @@
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
icon: 'none'
})
})
}
@@ -224,30 +247,34 @@
<style lang="scss" scoped>
// 内容
.content{
.header{
.content {
.header {
padding: $padding * 2 0;
box-sizing: border-box;
@extend .vertical;
.title{
.title {
text-align: center;
font-size: $title-size + 14;
font-weight: bold;
line-height: 90rpx;
}
.subtitle{
.subtitle {
font-size: $title-size-m;
color: $text-gray;
text-align: center;
}
}
.white-box{
.white-box {
background-color: white;
border-radius: $radius $radius 0 0;
min-height: 85vh;
padding: $padding $padding * 2 $padding * 2;
box-sizing: border-box;
.inputs{
.inputs {
position: relative;
margin-top: $margin;
background: white;
@@ -255,38 +282,46 @@
padding-left: 200rpx;
line-height: 90rpx;
min-height: 90rpx;
label{
label {
position: absolute;
top: 0;
left: 0;
width: 200rpx;
font-size: $title-size;
}
input{
input {
height: 90rpx;
line-height: 90rpx;
font-size: $title-size;
}
.picker-text{
.picker-text {
position: relative;
padding-right: 90rpx;
.picker-icon{
.picker-icon {
position: absolute;
right: 0;
top: 0;
}
.text-item{
.text-item {
margin-left: 10rpx;
&:first-child{
&:first-child {
margin-left: 0;
}
}
}
}
.logo{
.logo {
height: $padding + 98;
padding-bottom: $padding;
.logo-cover{
.logo-cover {
position: absolute;
right: 0;
top: 0;
@@ -295,39 +330,47 @@
background: $border-color-lg;
border-radius: 50%;
}
.license-cover{
.license-cover {
@extend .logo-cover;
border-radius: 0;
width: 131rpx;
}
}
.btns{
.btns {
padding-top: $padding * 2;
button{
button {
background: $mian-color;
border-radius: 0;
height: 90rpx;
line-height: 90rpx;
font-size: $title-size;
color: white;
&::after{
&::after {
border: none;
}
}
}
}
// 经营类目
.category-popup{
.category-popup {
background: #F5F5F5;
padding: 0 $padding * 2 $padding * 2 $padding * 2;
.header{
.header {
padding-bottom: $padding;
}
.category-flex{
.category-flex {
margin: 0 -10rpx;
display: flex;
flex-wrap: wrap;
.category-flex-item{
.category-flex-item {
margin: 10rpx;
background: white;
width: calc(33.33% - 20rpx);
@@ -335,22 +378,26 @@
text-align: center;
font-size: $title-size-m;
@extend .nowrap;
&.show{
&.show {
color: white;
background-color: $mian-color;
}
}
}
.btns{
.btns {
padding-top: $padding * 2;
button{
button {
background: $mian-color;
border-radius: 0;
height: 90rpx;
line-height: 90rpx;
font-size: $title-size;
color: white;
&::after{
&::after {
border: none;
}
}