clsd/app/pages/user/enterprise/edit.vue

<template>
	<view class="cmain">
		<view class="message" v-if="!item.id">需要认证企业信息通过后才能显示</view>
		<view class="message" v-if="item.state == 0">后台审核信息中...</view>
		<view class="message" v-if="item.state == 1">审核信息通过</view>
		<view class="message" v-if="item.state == 2">
			<view>信息审核失败：</view>
			<view class="msg">{{ item.msg }}</view>
		</view>
		<view class="bos">
			<u-divider text="企业信息" style="margin: 0px"></u-divider>
			<view class="form_group">
				<view class="lable re">企业名称</view>
				<input type="text" placeholder="请输入企业名称" v-model="item.name" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable">信用代码</view>
				<input type="text" placeholder="请输入信用代码" v-model="item.code" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable re">法定代表人</view>
				<input type="text" placeholder="请输入法定代表人" v-model="item.legalPerson" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable re">电话</view>
				<input type="number" placeholder="请输入电话" v-model="item.phone" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable re">邮箱</view>
				<input type="text" placeholder="请输入邮箱" v-model="item.email" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable re">注册资本(万)</view>
				<input type="number" placeholder="请输入注册资本" v-model="item.capital" placeholder-class="pc" />
			</view>
			<view class="form_group">
				<view class="lable re">人员规模</view>
				<picker :range="dict.nums" @change="picker($event, 'nums')">
					<input placeholder="请选择人员规模" v-model="item.nums" :disabled="true" placeholder-class="pc" />
					<view class="icon more">&#xe8f2;</view>
				</picker>
			</view>
			<view class="form_group">
				<view class="lable re">成立日期</view>
				<picker mode="date" fields="date" :end="end" @change="picker($event, 'createDate')">
					<input placeholder="请选择成立日期" v-model="item.createDate" :disabled="true" placeholder-class="pc" />
					<view class="icon more">&#xe8f2;</view>
				</picker>
			</view>
			<view class="form_group">
				<view class="lable re">企业地址</view>
				<view class="bgm">
					<input type="text" placeholder="请输入详细地址" v-model="item.address" placeholder-class="pc" class="input" />
					<view class="msg" @click="select()">选择</view>
				</view>
			</view>
			<view class="form_group" style="border: 0px">
				<view class="lable re">企业简介</view>
				<textarea cols="30" rows="10" placeholder="请输入企业简介" v-model="item.contents" placeholder-class="pc"></textarea>
			</view>
			<view class="form_group" style="border: 0px">
				<view class="lable re">营业执照</view>
				<card v-model="item.p1"></card>
			</view>
			<view class="form_group" style="border: 0px">
				<view class="lable re">企业照片</view>
				<card v-model="item.avatar"></card>
			</view>
		</view>
		<button class="btn" @click="save()" v-if="item.state != 1">{{ item.id ? '编辑' : '提交' }}</button>
	</view>
</template>

<script>
export default {
	data() {
		return {
			ip: this.http.ip,
			end: this.util.getDate('day'),
			dict: {
				nums: this.util.getData('nums')
			},
			item: {}
		};
	},
	onLoad() {
		this.http.request({
			url: '/app/company/detail',
			success: res => {
				if (res.data.data) {
					this.item = res.data.data;
				}
			}
		});
	},
	methods: {
		picker(e, tag) {
			if (tag == 'createDate') {
				this.item[tag] = e.detail.value;
			} else {
				this.item[tag] = this.dict[tag][e.detail.value];
			}
			this.$forceUpdate();
		},
		select() {
			uni.chooseLocation({
				success: res => {
					this.item.address = res.address;
					this.$forceUpdate();
				}
			});
		},
		save() {
			let rule = [
				{ name: 'name', checkType: 'notnull', errorMsg: '请输入企业名称' },
				{ name: 'legalPerson', checkType: 'notnull', errorMsg: '请输入法定代表人' },
				{ name: 'phone', checkType: 'notnull', errorMsg: '请输入电话' },
				{ name: 'email', checkType: 'email', errorMsg: '请输入邮箱' },
				{ name: 'createDate', checkType: 'notnull', errorMsg: '请选择成立日期' },
				{ name: 'address', checkType: 'notnull', errorMsg: '请输地址' },
				{ name: 'contents', checkType: 'notnull', errorMsg: '请输入企业简介' },
				{ name: 'p1', checkType: 'notnull', errorMsg: '请上传营业执照' },
				{ name: 'avatar', checkType: 'notnull', errorMsg: '请上传企业照片' }
			];
			if (!this.verify.check(this.item, rule)) {
				uni.showModal({ content: this.verify.error, showCancel: false });
				return false;
			}
			this.http.request({
				url: '/app/company/edit',
				data: this.item,
				method: 'POST',
				success: res => {
					uni.showModal({
						title: '提示',
						content: '提交成功，等待后台审核。',
						showCancel: false,
						success: res => {
							uni.navigateBack();
						}
					});
				}
			});
		}
	}
};
</script>

<style lang="scss"></style>