横板营业执照提取生成

前言

有一段时间没发博客了,今天分享下几个月前做的营业执照提取器UI

预览图

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

框架

b-ui很好用,这个前端框架作者 发布的插件我都会用,鱿鱼助手也是基于这个框架开发的

代码

html

<template>
	<view>
		<template>
			<view>
				<view class="b-pt-32 b-pr-32 b-pl-32 b-pb-24 b-text-black-dd">公司类型营业执照生成2.0(不适用于组织形式)</view>
				<form class="b-form b-bg-white">
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">统一社会信任代码</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入统一社会信任代码"  v-model="code">
							</view>
							<view class="b-ml-16">
								
								<button class="b-btn b-btn-blue b-btn-sm" @tap="query()">查询</button>
							</view>
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">成立日期</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入成立日期,注意格式 例如:2024-10-14"  v-model="clrq">
							</view>
							
						</view>
						
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">公司名称</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入公司名称" v-model="gsmc">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">公司类型</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入公司类型" v-model="gslx">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">登记机关</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入登记机关" v-model="djjg">
							</view>
							
						</view>
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">法定代表人</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入法定代表人"  v-model="fddbr">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">经营范围</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入经营范围"  v-model="jyfw">
							</view>
							
						</view>
						
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">注册资本</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入注册资本"  v-model="zczb">
							</view>
							
						</view>
						
						
					</view>
					
					
					
					
					
					
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">地址</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入地址"  v-model="dz">
							</view>
							
						</view>
						
						
					</view>
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的大小(缩放比例)</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的缩放比例"  v-model="yztxdx" >
							</view>
							
						</view>
						
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的坐标x</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的坐标x"  v-model="yztxzbx">
							</view>
							
						</view>
						
						
					</view>
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的坐标y</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的坐标y"  v-model="yztxzby">
							</view>
							
						</view>
						
						
					</view>
					
					<view class="b-form-item">
											<view class="b-font-32 b-mb-16 b-form-required b-flex-x">经营范围字体大小</view>
											<view class="b-flex-x">
												<view class="b-flex-item">
													<input type="text" class="b-form-input" placeholder="请输入经营范围字体大小"  v-model="jyfwdx" >
												</view>
												
											</view>
											
											
										</view>
					
					
					
					
					
					
					
					
					
					
					
					
					
					<view class="b-p-32" style="background-color: #f6f6f6;">
						<button class="b-btn b-btn-block b-btn-round b-btn-blue" @click="yulan()">预览(免费)</button>
					</view>
					<view class="b-p-32" style="background-color: #f6f6f6;">
						<button class="b-btn b-btn-block b-btn-round b-btn-blue" @click="tiqu()">生成(10C币)</button>
					</view>
				</form>
			</view>
		</template>
		
		
		
		
		<view class="b-bg-white b-p-32" style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 20rpx;">
		
		
		<text @click="copyText()" style="text-align: center;">下载链接(点我下载):{{unlink}}</text>
		
		
		<image :src="unlink" mode="widthFix" style="text-align: center;margin: auto;"></image>
		</view>
	</view>
</template>


js部分

<template>
	<view>
		<template>
			<view>
				<view class="b-pt-32 b-pr-32 b-pl-32 b-pb-24 b-text-black-dd">公司类型营业执照生成2.0(不适用于组织形式)</view>
				<form class="b-form b-bg-white">
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">统一社会信任代码</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入统一社会信任代码"  v-model="code">
							</view>
							<view class="b-ml-16">
								
								<button class="b-btn b-btn-blue b-btn-sm" @tap="query()">查询</button>
							</view>
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">成立日期</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入成立日期,注意格式 例如:2024-10-14"  v-model="clrq">
							</view>
							
						</view>
						
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">公司名称</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入公司名称" v-model="gsmc">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">公司类型</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入公司类型" v-model="gslx">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">登记机关</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入登记机关" v-model="djjg">
							</view>
							
						</view>
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">法定代表人</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入法定代表人"  v-model="fddbr">
							</view>
							
						</view>
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">经营范围</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入经营范围"  v-model="jyfw">
							</view>
							
						</view>
						
						
					</view>
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">注册资本</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入注册资本"  v-model="zczb">
							</view>
							
						</view>
						
						
					</view>
					
					
					
					
					
					
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">地址</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="请输入地址"  v-model="dz">
							</view>
							
						</view>
						
						
					</view>
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的大小(缩放比例)</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的缩放比例"  v-model="yztxdx" >
							</view>
							
						</view>
						
						
					</view>
					
					
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的坐标x</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的坐标x"  v-model="yztxzbx">
							</view>
							
						</view>
						
						
					</view>
					<view class="b-form-item">
						<view class="b-font-32 b-mb-16 b-form-required b-flex-x">印章图像的坐标y</view>
						<view class="b-flex-x">
							<view class="b-flex-item">
								<input type="text" class="b-form-input" placeholder="印章图像的坐标y"  v-model="yztxzby">
							</view>
							
						</view>
						
						
					</view>
					
					<view class="b-form-item">
											<view class="b-font-32 b-mb-16 b-form-required b-flex-x">经营范围字体大小</view>
											<view class="b-flex-x">
												<view class="b-flex-item">
													<input type="text" class="b-form-input" placeholder="请输入经营范围字体大小"  v-model="jyfwdx" >
												</view>
												
											</view>
											
											
										</view>
					
					
					
					
					
					
					
					
					
					
					
					
					
					<view class="b-p-32" style="background-color: #f6f6f6;">
						<button class="b-btn b-btn-block b-btn-round b-btn-blue" @click="yulan()">预览(免费)</button>
					</view>
					<view class="b-p-32" style="background-color: #f6f6f6;">
						<button class="b-btn b-btn-block b-btn-round b-btn-blue" @click="tiqu()">生成(10C币)</button>
					</view>
				</form>
			</view>
		</template>
		
		
		
		
		<view class="b-bg-white b-p-32" style="display: flex;flex-direction: column;align-items: center;justify-content: center;margin-top: 20rpx;">
		
		
		<text @click="copyText()" style="text-align: center;">下载链接(点我下载):{{unlink}}</text>
		
		
		<image :src="unlink" mode="widthFix" style="text-align: center;margin: auto;"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				code:"",
				clrq:'',
				gsmc:'',
				gslx:'',
				djjg:'',
				fddbr:'',
				jyfw:'',
				zczb:'',
				dz:'',
				yztxdx:'0.7',
				yztxzbx:'2000',
				yztxzby:'1350',
				jyfwdx:'35',
				unlink:''
			}
		},
		onLoad() {
			
		},
		methods: {
			// 坚挺表单提交
		
		query(){
			let that=this;
			uni.showLoading({
				title:'查询中..'
			})
			uni.request({
			url: 'https://*******/api/BusinessLicense/search.php', 
			data: {
			code:that.code
			},
			method: 'POST',
			header: {
			'content-type': 'application/x-www-form-urlencoded;' //自定义请求头信息
			},
			success: (res) => {
console.log(res.data.data)				
				if (res.data.code==200) {
					uni.hideLoading()
					let timestamp = res.data.data['estiblishTime'];
					
					// 创建 Date 对象
					let date = new Date(timestamp);
					
					// 获取年份、月份和日期
					let year = date.getFullYear();
					let month = date.getMonth() + 1; // 月份从 0 开始,所以要加 1
					let day = date.getDate();
					
					// 格式化为“YYYY-MM-DD”形式
					let formattedDate = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day}`;
					
					// 将格式化后的日期赋值给 that.clrq
					that.clrq = formattedDate;
					that.gsmc=res.data.data['name'];
					that.gslx=res.data.data['companyShowBizTypeName'];
					that.djjg=res.data.data['regInstitute'];
					that.fddbr=res.data.data['legalPersonName'];
					that.jyfw=res.data.data['businessScope'];
					
					that.zczb=res.data.data['regCapital'];
					that.dz=res.data.data['addressList'][0]['address'];
					
					
				} else{
					uni.showToast({
								title:res.data.msg,
								icon:'none'
							})
				}
			}
			})
		},
		yulan(){
			uni.showLoading({
				title:'提取中...'
			})
			let that=this;
			
			uni.request({
			url: 'https://*******/api/BusinessLicense/index.php',
			data: {
			type:'1',//1预览2正式
			code: that.code,
			clrq:that.clrq,
			gsmc:that.gsmc,
			gslx:that.gslx,
			djjg:that.djjg,
			fddbr:that.fddbr,
			jyfw:that.jyfw,
			zczb:that.zczb,
			dz:that.dz,
			yztxdx:that.yztxdx,
			yztxzbx:that.yztxzbx,
			yztxzby:that.yztxzby,
			jyfwdx:that.jyfwdx
			},
			
			method: 'POST',
			header: {
			'content-type': 'application/x-www-form-urlencoded;' //自定义请求头信息
			},
			success: (res) => {
				console.log(res.data)
				if (res.data.code === 200) {
					setTimeout(function () {
					uni.hideLoading()
					}, 3000);
					
					
					
					that.unlink='https://*******/static/tmp/'+res.data.data['data']
				} else {
				uni.showToast({
					title:res.data.msg,
					icon:'error'
				})
				
				}
			}
			})
			
		
			},
			 copyText() {
			      uni.setClipboardData({
			        data: this.unlink,
			        success: () => {
			          uni.showToast({
			            title: '复制成功',
			            icon: 'success',
			            duration: 2000
			          });
			        },
			        fail: () => {
			          uni.showToast({
			            title: '复制失败',
			            icon: 'none'
			          });
			        }
			      });
			    },
			tiqu(){
				let that=this;
				const openid = uni.getStorageSync('openid');
				if (openid=='') {
					 uni.showLoading({
					 		title:'请先登录',
							icon:'none'
					 	})
					 setTimeout(()=>{
					uni.navigateTo({
						url:'/pages/login/login'
					})
					 },2000);
					 
				} else{
					uni.request({
					url: 'https://*******/api/subcash.php',
					data: {
					openid: uni.getStorageSync('openid')
					},
					method: 'POST',
					header: {
					'content-type': 'application/x-www-form-urlencoded' //自定义请求头信息
					},
					success: (res) => {
						setTimeout(function () {
						uni.showLoading({
							title:'提取中...'
						})
						}, 3000);
						
					uni.request({
					url: 'https://*******/api/BusinessLicense/index.php',
					data: {
					type:'2',//1预览2正式
					code: that.code,
					clrq:that.clrq,
					gsmc:that.gsmc,
					gslx:that.gslx,
					djjg:that.djjg,
					fddbr:that.fddbr,
					jyfw:that.jyfw,
					zczb:that.zczb,
					dz:that.dz,
					yztxdx:that.yztxdx,
					yztxzbx:that.yztxzbx,
					yztxzby:that.yztxzby,
					jyfwdx:that.jyfwdx
					},
					
					method: 'POST',
					header: {
					'content-type': 'application/x-www-form-urlencoded;' //自定义请求头信息
					},
					success: (res) => {
						console.log(res.data)
					if (res.data.code === 200) {
						setTimeout(function () {
						uni.hideLoading()
						}, 3000);
						
						
						
						that.unlink='https://*******/static/tmp/'+res.data.data['data']
					} else {
					uni.showToast({
						title:res.data.msg,
						icon:'error'
					})
					
					}
					}
					})
					
					}
					
					})
				}
				
				
				}
				
			
				
			
		}
	}
</script>

<style lang="scss">
.text-theme{
	> view{
		padding: 24rpx;
	}
}
</style>

体验地址

我的专栏

《记一次云之家签到抓包》
《记一次视频抓包m3u8解密过程》
《抓包部分软件时无网络+过代理检测 解决办法 安卓黄鸟httpcanary+vmos》
《Python】记录抓包分析自动领取芝麻HTTP每日免费IP(成品+教程)》
《某课抓包视频 安卓手机:黄鸟+某课app+VirtualXposed虚拟框架》

推荐专栏:

《Python爬虫脚本项目实战》

该专栏往期文章:
《【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码(过Authorization认证)》

欢迎查看我的其它专栏
作者完成过很多独立的项目:例如滇医通等等脚本,但是由于版权的原因下架了,爬虫这一类审核比较严谨,稍有不慎就侵权违规了,所以在保证质量的同时会对文章进行筛选

如果您对爬虫感兴趣请收藏或者订阅该专栏哦《Python爬虫脚本项目实战》,如果你有项目欢迎联系我,我会同步教程到本专栏!

🚀Python爬虫项目实战系列文章!!
⭐⭐欢迎订阅⭐⭐

【Python爬虫项目实战一】获取Chatgpt3.5免费接口文末付代码(过Authorization认证)
【Python爬虫项目实战二】Chatgpt还原验证算法-解密某宝伪知网数据接口

⭐⭐欢迎订阅⭐⭐
在这里插入图片描述

Python爬虫脚本项目实战
在这里插入图片描述

最后

发布这个的原因是因为网上只有竖版没有横板,所以我自己弄了一个,仅供娱乐使用!!!切勿用于商业用途!!

评论 18
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

园游会永不打烊.

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值