<template>
	<!-- 审核详情（手机版） -->
	<view class="">
		<scroll-view id="tab-bar" class="scroll-h" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
		    <view v-for="(tab,index) in tabBars" :key="tab.id" class="uni-tab-item" :id="tab.id" :data-current="index" @click="ontabtap">
		        <text class="uni-tab-item-title" :class="tabIndex==index ? 'uni-tab-item-title-active' : ''">{{tab.name}}</text>
		    </view>
		</scroll-view>
		 <swiper 
				:indicator-dots="true"
				class="swiper box"
		>
			<swiper-item >
				<view class="a">
					<view class="" >
						<span class="crude">考核纬度 ： </span><span class="small">财务层面</span>
					</view>
					
					
				</view>
				<view class="a">
					<span class="crude">考核项目 ： </span><span class="small">外部检查处罚</span>
				</view>
				<view class="a">
					<span class="crude">具体职责 ： </span>
					<p class="paragraph small">组织各部门配合做好工作分析、岗位设置的各类人才，制定并实施职业生涯计划</p>
					
				</view>
				<view class="a">
					<span class="crude">参考分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分原因 ： </span>
					<p class="paragraph small">日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。</p>
					
				</view>
				<view class="a">
					<span class="crude">扣分 ： </span><span class="small">5</span>
				</view>
				<view class="a">
					<span class="crude">扣分原因 ： </span>
					<p class="paragraph small">日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。</p>
					
				</view>
			</swiper-item>
			
			<swiper-item >
				<view class="a">
					<view class="" >
						<span class="crude">考核纬度 ： </span><span class="small">财务层面</span>
					</view>
					
					
				</view>
				<view class="a">
					<span class="crude">考核项目 ： </span><span class="small">外部检查处罚</span>
				</view>
				<view class="a">
					<span class="crude">具体职责 ： </span>
					<p class="paragraph small">组织各部门配合做好工作分析、岗位设置的各类人才，制定并实施职业生涯计划</p>
					
				</view>
				<view class="a">
					<span class="crude">参考分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分原因 ： </span>
					<p class="paragraph small"></p>
					
				</view>
				<view class="a">
					<span class="crude">扣分 ： </span><span class="small">5</span>
				</view>
				<view class="a">
					<span class="crude">扣分原因 ： </span>
					<p class="paragraph small">日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。日月不肯迟，四时相催迫。”在这个属于奋斗者的新时代，人人都有追梦的权利，人人也都是梦想的筑造者。</p>
					
				</view>
			</swiper-item>
			
			<swiper-item >
				<view class="a">
					<view class="" >
						<span class="crude">考核纬度 ： </span><span class="small">财务层面</span>
					</view>
					
					
				</view>
				<view class="a">
					<span class="crude">考核项目 ： </span><span class="small">外部检查处罚</span>
				</view>
				<view class="a">
					<span class="crude">具体职责 ： </span>
					<p class="paragraph small">组织各部门配合做好工作分析、岗位设置的各类人才，制定并实施职业生涯计划</p>
					
				</view>
				<view class="a">
					<span class="crude">参考分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分 ： </span><span class="small">10</span>
				</view>
				<view class="a">
					<span class="crude">加分原因 ： </span>
					<p class="paragraph small"></p>
					
				</view>
				<view class="a">
					<span class="crude">扣分 ： </span><span class="small">5</span>
				</view>
				<view class="a">
					<span class="crude">扣分原因 ： </span>
					<p class="paragraph small"></p>
					
				</view>
			</swiper-item>
			
		</swiper>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				tabBars: [{
				    name: '关注',
				    id: 'guanzhu'
				}, {
				    name: '推荐',
				    id: 'tuijian'
				}, {
				    name: '体育',
				    id: 'tiyu'
				}, {
				    name: '热点',
				    id: 'redian'
				}, {
				    name: '财经',
				    id: 'caijing'
				}, {
				    name: '娱乐',
				    id: 'yule'
				}, {
				    name: '军事',
				    id: 'junshi'
				}, {
				    name: '历史',
				    id: 'lishi'
				}, {
				    name: '本地',
				    id: 'bendi'
				}],
				indicator: true,
				list: [{
					thumb: "https://cdn.uviewui.com/uview/goods/1.jpg"
				}, {
					thumb: "https://cdn.uviewui.com/uview/goods/2.jpg"
				}, {
					thumb: "https://cdn.uviewui.com/uview/goods/3.jpg"
				}, {
					thumb: "https://cdn.uviewui.com/uview/goods/4.jpg"
				}, {
					thumb: "https://cdn.uviewui.com/uview/goods/5.jpg"
				}],
				 swiperList: ['integral', 'kefu-ermai', 'coupon', 'gift', 'scan', 'pause-circle', 'wifi', 'email', 'list'],
			}
		},
		created() {
			this.getList()
		},
		computed: {
		},
		onLoad() {
		},
		methods: {
			getList(){
				uni.request({
				    url: 'http://gin.vueadmin.net/api/noverify/lookdepartmentassessinfo', 
					method:"POST",
				    data: {
				        id: '16442990784043774'
				    },
				    success: (res) => {
				        console.log(res.data);
						if (res.code==0) {
						} else{
							
						}
				    }
				});
			},
			go(judge){
					uni.navigateTo({
					 url: './connect?judge='+judge
				 })
			},
		}
	}
</script>

<style scoped>
	 .a{
		 margin-bottom: 5px;
	 }
	 .box{
		 padding: 10px;
	 }
	 .small{
		 font-size: 18px;
	 }
	 .crude{
		 font-size: 22px;
		 font-weight:bold;
	 }
	 .swiper {
	        height: 1334rpx;
			/* height: 780px; */
			/* height: 100%; */
	    }
	.paragraph {
		  text-indent: 2em;
				/* height: 780px; */
	   }
	
	.grid-text {
		font-size: 14px;
		color: #909399;
		padding: 10rpx 0 20rpx 0rpx;
		/* #ifndef APP-PLUS */
		box-sizing: border-box;
		/* #endif */
	}
	.scroll-h {
	    width: 750rpx;
		/* #ifdef H5 */
		width:100%;
		/* #endif */
		height: 80rpx;
	    flex-direction: row;
	    /* #ifndef APP-PLUS */
	    white-space: nowrap;
	    /* #endif */
	    /* flex-wrap: nowrap; */
	    /* border-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px; */
	}
</style>
