From e4b1f33c6c29f9ec73651ab5c4eaf17e6a83c873 Mon Sep 17 00:00:00 2001
From: zhangdongxue <zhangdongxue@uz.cn>
Date: Wed, 27 Oct 2021 15:45:22 +0800
Subject: [PATCH] =?UTF-8?q?[=E4=BC=81=E4=B8=9A=E8=AE=A4=E8=AF=81=E6=A0=BC?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9=E5=8F=8A=E4=BC=81=E4=B8=9A=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81range=E9=BB=98=E8=AE=A4=E5=80=BC=E5=A4=84=E7=90=86?=
 =?UTF-8?q?=E5=90=8C=E6=AD=A5=E6=98=93=E8=B4=A7]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/company/approve.vue | 241 +++++++++++++++++++++++---------------
 1 file changed, 144 insertions(+), 97 deletions(-)

diff --git a/pages/company/approve.vue b/pages/company/approve.vue
index c273b74..12cf46b 100644
--- a/pages/company/approve.vue
+++ b/pages/company/approve.vue
@@ -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,120 +80,134 @@
 </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
-				this.formType		= this.$Route.query.form_type
-				if(this.formType === 'put'){
+			appliesCreate().then(res => {
+				this.industry = res.industries
+				this.formType = this.$Route.query.form_type
+				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.name	   		= formValue.name
-						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
-						this.org	   		= formValue.certification.code
-						this.logo	   		= formValue.cover
-						this.license   		= formValue.certification.license
+						this.range = formValue.range
+						this.name = formValue.name
+						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
+						this.org = formValue.certification.code
+						this.logo = formValue.cover
+						this.license = formValue.certification.license
 					}).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;
 					}
 				}