绩效考核查看详情用户端(手机版)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

256 lines
7.1 KiB

<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>