<template>
	<Layout :index="8" :banner="0" :titles="'我要补贴'" :title_content="'我要补贴'">
 <view >
  <view class="content">
       <view class="content_top">
          <view class="banner">
			   <image class="banner_img" src="../static/imgs/zc_bg.png"></image>
				 <image class="banner_title" src="../static/imgs/zc_t.png"></image>
				 <view class="banner_desc">全方位助力游戏产业发展，专项政策精准服务企业。</view>
           </view>
		  </view>
	   
        <view class="content_bottom">
			<view class="one-stop">
				<view class="one-stops">
					<view class="title_box">
						<view class="index_title">
							<view><image class="t_l" src="../static/imgs/tl.png"></image></view>
							<h5>信息公开</h5>
							<view><image class="t_l"src="../static/imgs/tr.png"></image></view>
						</view> 
					</view>
					<view class="one-stop_list">
						<view class="one-stop_iteml ">
							<image class="zc_img" src="../static/imgs/zc.png"></image>
						</view>
						<view >
							<view class="one-stop_item " @tap="down()">
								<view class="one-stop_title">成都高新区管委会关于印发《成都高新技术......</view>
								<view class="one-stop_tag">补贴政策</view>
								<view class="one-stop_desc">为深入贯彻落实党的二十大精神和习近平总书记对四川工作系列亚要指示精神，加快数字经济产业高质量发展，打造国家改字经济创新发展试验区，国家人工智能创新成用先导区，国家新一化人工智作创新发展试验区，国家智盐城市基础设能与智能网联汽车协同发展试点城市的技心区，结合成都高新区实际，特测定以下政策。 <br/>一. 支持人工智能产业发展 <br/>1.支持人工智能领过关键技术攻关。鼓励人工智能企业加大研发投入。重点支持企业攻关自然语言处理，计算机视党、语音识别、知识图讲、决策智能等领域关键技术，对上年度前述关键技术内部研发投入强度达20%以上日年度研发入1500万元(含)以上的企业，按照企业年(度研发投入的10%，始予单个企业每年最高1000万元的补助。</view>
							</view>
							<view class="gobutton">
								<view class="zx" @tap="need()">
									立即咨询
								</view>
								<view class="down" @tap="down()">
									下载文件
								</view>
							</view>
						</view>
					</view> 
					
					
				</view>
				<!--  -->
			</view>
        </view>
        

    </view>
	 
	 	
	</view>
	</Layout>
</template>

<script>
	/**
	 * 程序启动页
	 * */
	import Layout from './part/layouts.vue'; 
	export default {
		components: {
			Layout, 
		},
		data() {
			return {
				 imgList: [
				        '../static/imgs/hy2.png',  
						'../static/imgs/hy2.png',  
						'../static/imgs/hy2.png',  
				      ],
						 selectedIndex: -1,  
						activeIndex: 0, // 当前激活的选项卡索引
						Customer_service:false,
						comment:false,
				Inv:0,
				codeTime:0,
				FormData: {
					phone: '', 
					name:'',
					content:'',
				},
				close:true,
				msg: '',
				ideaForm:{
					phone:'',
					Contentmessage:''
				},
				// 自定义表单校验规则
				customRules: { 
					phone: {
						rules: [{
							required: true,
							errorMessage: '请填写手机号'
						},{
							validateFunction: function(rule, value, data, callback) {
								let iphoneReg = (
										/^(13[0-9]|14[1579]|15[0-3,5-9]|16[6]|17[0123456789]|18[0-9]|19[89])\d{8}$/
									); //手机号码
								if (!iphoneReg.test(value)) {
										callback('手机号码格式不正确，请重新填写')
									}
							}
						}
						]
					},
					Contentmessage:{
						rules: [{
							required: true,
							errorMessage: '请填写留言内容'
						}]
					},
				password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					},{
						validateFunction: function(rule, value, data, callback) {
															if (value.length<6||value.length>10) {
																callback('密码长度在6-10个字符')
															}
															return true
														}
						}
					
					]
				},
				new_password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					},{
						validateFunction: function(rule, value, data, callback) {
															if (value.length<6||value.length>10) {
																callback('密码长度在6-10个字符')
															}
															return true
														}
					}
					]
				},
				verify_password: {
					rules: [{
						required: true,
						errorMessage: '请填写密码'
					}]
				},
				phone_code:{
					rules: [{
						required: true,
						errorMessage: '验证码不能为空'
					}, 
					
					]
				}
				},
			}
		},
		onLoad() {
			// const eventChannel = this.getOpenerEventChannel()
			// eventChannel.on('pageData', data => {
			// 	console.log(data,3333)
			// 	// data即传过来的参数
			// })
		},
		
		onPageScroll(res) {
			uni.$emit('onPageScroll', res.scrollTop); 
		},
		onShow(params) {
			uni.$emit('page', 0); 
			// this.getIndex();
		},
		methods: {
			onClickItem(index){
				console.log(index)
				   this.selectedIndex = index;
				   if(index==0){
					   this.Customer_service=true
					   this.comment=false
				   }
				   if(index==1){
					    this.Customer_service=false
						this.comment=true
				   }
			},
			del_btn(){
				this.Customer_service=false
			},
			del_comment(){
				this.comment=false
			},
			need(){
				uni.navigateTo({
					url: '/apply'
				})
			},
			down(){
				let url = "https://metaz.oss-cn-chengdu.aliyuncs.com/upload/%E6%88%90%E9%83%BD%E9%AB%98%E6%96%B0%E5%8C%BA%E7%AE%A1%E5%A7%94%E4%BC%9A%E5%85%B3%E4%BA%8E%E5%8D%B0%E5%8F%91%E3%80%8A%E6%88%90%E9%83%BD%E9%AB%98%E6%96%B0%E6%8A%80%E6%9C%AF%E4%BA%A7%E4%B8%9A%E5%BC%80%E5%8F%91%E5%8C%BA%E5%8A%A0%E5%BF%AB%E6%95%B0%E5%AD%97%E7%BB%8F%E6%B5%8E%E4%BA%A7%E4%B8%9A%E9%87%8D%E7%82%B9%E9%A2%86%E5%9F%9F%E9%AB%98%E8%B4%A8%E9%87%8F%E5%8F%91%E5%B1%95%E8%8B%A5%E5%B9%B2%E6%94%BF%E7%AD%96%E3%80%8B%E7%9A%84%E9%80%9A%E7%9F%A5.pdf";
				window.open(url, '_blank');
			},
			goNews(e){
				uni.navigateTo({
					url: '/pages/News_information?type='+e
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	page{
		font-family:"Source Han Sans CN", sans-serif;
		background-color: #ffffff;
	}
	.gobutton{
		display: flex;
		margin-top: 24px;
		.zx{
			width: 92px;
			height: 30px;
			border: 1px solid #FD7403;
			line-height: 30px;
			border-radius: 10px;
			font-weight: 500;
			font-size: 14px;
			color: #FD7403;
			text-align: center;
			margin-right: 43px;
			cursor: pointer;
		}
		.down{
			cursor: pointer;
			width: 92px;
			height: 30px;
			line-height: 30px;
			border-radius: 10px;
			font-weight: 500;
			font-size: 14px;
			color: #ffffff;
			border: 1px solid #FD7403;
			text-align: center;
			background: linear-gradient( 180deg, #F4770F 0%, #FF9C23 100%);
		}
	}
	.banner_title{
		width: 290px !important;
		height: 60px !important;
		position: absolute;
		top: 160px;
		left: 340px;
	}
	.banner_desc{
		width: 540px;
		position: absolute;
		top: 259px;
		left: 340px;
		font-weight: 400;
		font-size: 18px;
		color: #1D222C;
		line-height: 24px;
	}
	.need_content{
		width: 470px;
		height: 453px;
		background-color: #FFFFFF;
		border-radius: 14px;
	}
	.need_input{
		margin:4px 53px 16px;
	}
	::v-deep.uni-easyinput__content{
		background-color: #F2F3F5 !important;
		height: 32px;
	}
	::v-deep .ms .uni-easyinput__content{
		height: 92px;
	}
	.need_confirm{
		width: 68px;
		height: 32px;
		background: #1271ED;
		border-radius: 8px 8px 8px 8px;
		font-weight: 400;
		font-size: 14px;
		color: #FFFFFF;
		text-align: center;
		line-height: 32px;
		margin: 0 auto;
		cursor: pointer;
	}
	.need_title{
		width: 100%;
		height: 71px;
		background: #F0F5FD;
		border-radius: 14px 14px 0px 0px;
		font-weight: bold;
		font-size: 18px;
		color: #3D3D3D;
		text-align: center;
		line-height: 71px;
	}
	.need_title image{
		width: 20px;
		height: 20px;
		position: absolute;
		right: 13px;
		top: 13px;
		cursor: pointer;
	}
	
	.push-t-15{
		margin-top: 15px;
	}
	.content{
	    width:100%;
	    margin: 0 auto;
	}
	.content_top{
	    width: 1920px;
	    display: flex;
	    margin:0 auto;
	}
	.banner{
	    width: 100%;
	    height: 504px;
		position: relative;
	}
	.banner uni-swiper {
	    display: block;
	      height: 504px;
	}
	.banner .banner_img{
		width: 100%;
		height: 504px;
	}
	.slide-image {
	  width: 100%;
		height: 504px;
	}
	.index_title{
	    text-align: center;
	}
	.index_title h4{
	    font-size: 36px;
	    font-weight: inherit;
	    color: #333333;
	    margin: 40px auto 0;
	}
	.title_box p{
	    font-size: 16px;
	    color: #666;
		text-align: center;
	}
	
	>>>.uni-list-item__container{
		    padding:0!important; 
			padding-left: 0!important; 
	}
	
	.content_bottom{
	    width: 100%;
	    margin:  0 auto;
	}


  .one-stop{
	  width: 100%;
	  height: 657px;
	  margin: 0 auto;
	 padding-top: 46px;
	 background: url(../static/imgs/zc_cbg.png);
	 background-size: cover;
  }
  .one-stops{
  	  width: 1274px;
  	  margin: 0 auto;
  }
  .title_box{
		margin-bottom: 82px;
  }
  .index_title {
	  height: 40px;
	  line-height: 40px;
	
	  display: flex;
	  justify-content: center;
  }
    .index_title h5{
		font-weight: 700;
		font-size: 30px;
		color: #3D3D3D;
		margin: 0 15px;
	}
	.index_title view{
		height: 40px;
		line-height: 40px;
		
	}
 .index_title .t_l{
 	  width: 39px;
 	  height: 39px;
 	  vertical-align: middle;
 }
  .one-stop_list{
	  width: 1274px;
	  display: flex; 
	  flex-wrap: wrap;
	  justify-content: space-between;
	  margin: 0 auto;
  }
  .one-stop_iteml{
	  width: 669px;
	  height: 379px;
	  .zc_img{
		  width: 669px;
		  height: 379px;
	  }
  }
  .one-stop_item{
	width: 488px;
	height: 276px;
	background: #FFFFFF;
	box-shadow: 0px 8px 16px 0px rgba(229,217,212,0.6);
	border-radius: 16px 16px 16px 16px;
	border: 1px solid #FD9362;
	  cursor: pointer;
	  position: relative;
	  display: flex;
	  // justify-content: center;
	  // align-items: center;
	  flex-direction: column;
	  padding: 24px 40px;
	  
	  .one-stop_title{
		  height: 20px;
		  font-weight: 600;
		  font-size: 18px;
		  color: #3D3D3D;
		  line-height: 20px;
	  }
	  .one-stop_tag{
		  width: 64px;
		  height: 24px;
		  border-radius: 6px 6px 6px 6px;
		  border: 1px solid #FD7403;
		  font-weight: 400;
		  font-size: 12px;
		  color: #FD7403;
		  line-height: 24px;
		  text-align: center;
		  margin-top: 11px;
	  }
	  .one-stop_desc{
	  		font-weight: 400;
	  		font-size: 12px;
	  		color: #3D3D3D;
	  		line-height: 24px;
			margin-top: 22px;
	  }
	  
  }
    .one-stop_item:hover{
		background-color: #F7F7F7 !important;
		opacity: 0.9;
	}
	.apply{
		width: 130px;
		height: 42px;
		border: 1.6px solid #FD7403;
		line-height: 42px;
		border-radius: 42px;
		font-weight: 500;
		font-size: 16px;
		color: #FD7403;
		text-align: center;
		margin: 0px auto;
		cursor: pointer;
		margin-bottom: 93px;
		margin-top: 60px;
	}
	.apply:hover{
			 color: #ffffff;
			 background-color: #FD7403;
	}
  .one-stop_list .one-stop_item:nth-child(5n+1){
	  margin-left: 0;
  }
  
  
  
  
 
  .right_menu{
	  width: auto;
	  position: fixed;
	  top: 50vh;
	  right: 20px; 
	  background-color: red;
  }
  .float-menu{
		width: 60px;
	  height: 260px; 
	  position: absolute;
	  right: 0;
	  top: 0;
  }
  .Customer_service{
	  width: 294px;
	  height: 298px;
	  background: #FFFFFF;
	  box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.45);
	  border-radius: 12px 12px 12px 12px;
	  position: absolute;
	  right:  70px;
	  top: 0;
  }
  
  .servic_title{
	  width: 50%;
	 height: 71px;
	 text-align: center;
	 font-size: 18px;
	 color: #3D3D3D;
	 line-height: 71px!important;
  }
  .servic_img{
	  width: 166px;
	  height: 123px;
	  position: absolute;
	  top: -53px;
	  right: 0;
  }
  .del_img{
	  width: 20px;
	  height: 20px;
	  position: absolute;
	  top: -53px;
	  cursor: pointer;
	  right: 0;
  }
  .Customer_content{
	  width: 122px;
	  margin: 35px auto 0;
	  text-align: center; 
  }
  .Customer_content>image{
	  width: 90px;
	  height: 90px;
  }
    .tel_phone {
		height: 30px;
		line-height: 30px;
		
	}
  .tel_phone image{
	 width: 17px;
	 height: 16px;
	 vertical-align: middle;
  }
  .tel_phone text{
	  color: #006FFF;
  }
   .float-menu .menu-item:first-child{
	   border-radius: 60px 60px 0px 0px;  
   }
  .menu-item{
	  width: 60px;
	  height: 130px;
	 font-size: 15px;
	 color: #1D222C;
	  background: #FFFFFF;
	  box-shadow: 0px 8px 16px 0px rgba(192,199,218,0.48);
	  border-radius: 0px 0px 60px 60px; 
	  text-align: center;
	  cursor: pointer;
  }
  .menu-item image{
	  width: 23px;
	  height: 22px;
	  margin-top: 35px;
  }
  .menu-item view{
	  width: 40px;
	  margin: 0 auto;
	 font-size: 15px;
	 display:block;white-space: pre-line;
	 color: #1D222C;  
		margin-top: 5px;
  overflow-wrap: break-word; /* 标准属性 */
  }
  .active_menu{
	background: #006FFF!important; 
  }
   .active_menu  view{ 
	color: #fff!important;
  }
  .ideaForm_box{
	  width: 195px!important;
	  margin: 0 auto; 
  }
  .ideaForm{
	margin-top: 10px;
  }
 ::v-deep.ideaForm .uni-forms-item__label{
	  width: 100%!important;
	  display: block;
	  height: 25px;
  }
  .ideaForm  .uni-forms-item{
	  display: block;
	  margin-bottom: 20px;
  }
   
   
   @media screen and (max-width: 768px) {
   	  .banner_desc{
   		  line-height: 12px !important;
   		  width: 190px !important;
   	  }
   	.banner{
   	    height: 130px !important;
   	}
   	.banner uni-swiper {
   	       height: 130px !important;
   	}
   	.banner .banner_img{
   		  height: 130px !important;
   	}
   .index_title{
   	  margin-top: 20px; 
   }
   .index_title h5{
   	font-size: 14px !important;
   }
   .one-stop_list{
	   flex-direction: column;
	   width: 180px !important;
   }
   .one-stop{
       height: auto !important;
   }
   .one-stop_iteml{
   	  width: 180px !important;
   	  height: 102px !important;
   	  .zc_img{
   		  width: 180px !important;
   		  height: 102px !important;
   	  }
   }
   .one-stop_item{
	   width: 160px !important;
	   padding: 10px !important;
	   margin-top: 10px;
	   height: auto !important 
   }
   .one-stop_title{
   	font-size: 10px !important;
	line-height: 12px !important; 
	height: 20px  !important; 
   	}
    .one-stop_tag{
		margin-top: 6px !important; 
		width: 35px !important; 
		height: 12px !important; 
		line-height: 12px !important; 
		font-size: 8px !important; 
	}
	.one-stop_desc{
		line-height: 12px !important;
	}
	.gobutton{
		margin-top: 12px;
		margin-bottom: 20px;
		.zx{
			width: 46px;
			height: 15px;
			line-height: 15px;
		}
		.down{
			width: 46px;
			height: 15px;
			line-height: 15px;
		}
	}
   
   	.b20{
   		width: 100%;
   		height: 20px;
   	}
   }
</style> 
