|
@@ -1,27 +1,29 @@
|
|
<template>
|
|
<template>
|
|
<view class="kp-details">
|
|
<view class="kp-details">
|
|
- <!-- 考评项 -->
|
|
|
|
- <view class="kp-tabsBox" v-if="items.length>0">
|
|
|
|
- <view class="kp-tabs">
|
|
|
|
- <view @click="onTab(index)" :class="activeIndex == index ? 'active':''" v-for="(item,index) in items" :key="item.id">
|
|
|
|
- <view>{{item.name}}</view>
|
|
|
|
- <view>({{item.assessTargetNum||0}}项)</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <view class="kp-items">
|
|
|
|
- <view v-for="(item,index) in childItems" :key="item.id" @click="chooseItem(item,index)" class="checkbox-item">
|
|
|
|
- <view class="item-name">{{item.name}}</view>
|
|
|
|
- <view>
|
|
|
|
- <checkbox :value="item.id" :checked="item.checked" />
|
|
|
|
|
|
+ <view>
|
|
|
|
+ <!-- 考评项 -->
|
|
|
|
+ <view class="kp-tabsBox" v-if="items.length>0">
|
|
|
|
+ <view class="kp-tabs">
|
|
|
|
+ <view @click="onTab(index)" :class="activeIndex == index ? 'active':''" v-for="(item,index) in items" :key="item.id">
|
|
|
|
+ <view>{{item.name}}</view>
|
|
|
|
+ <view>({{item.assessTargetNum||0}}项)</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view v-if="childItems.length==0">
|
|
|
|
- <u-empty style="height: auto;padding-top: 10vh;" text="暂无指标" img-width="120" mode="list"></u-empty>
|
|
|
|
|
|
+ <view class="kp-items">
|
|
|
|
+ <view v-for="(item,index) in childItems" :key="item.id" @click="chooseItem(item,index)" class="checkbox-item">
|
|
|
|
+ <view class="item-name">{{item.name}}</view>
|
|
|
|
+ <view>
|
|
|
|
+ <checkbox :value="item.id" :checked="item.checked" />
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view v-if="childItems.length==0">
|
|
|
|
+ <u-empty style="height: auto;padding-top: 10vh;" text="暂无指标" img-width="120" mode="list"></u-empty>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view style="flex-grow: 1;height: 100%;" v-else>
|
|
|
|
- <u-empty style="height: auto;padding-top: 10vh;" text="暂无考评项" mode="list"></u-empty>
|
|
|
|
|
|
+ <view style="flex-grow: 1;height: 100%;" v-else>
|
|
|
|
+ <u-empty style="height: auto;padding-top: 10vh;" text="暂无考评项" mode="list"></u-empty>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
<!-- 选择按钮 -->
|
|
<!-- 选择按钮 -->
|
|
<view class="kp-ok" @click="kpOk">
|
|
<view class="kp-ok" @click="kpOk">
|
|
@@ -98,8 +100,15 @@
|
|
height: 100vh;
|
|
height: 100vh;
|
|
display: flex;
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-direction: column;
|
|
|
|
+ > view {
|
|
|
|
+ &:first-child {
|
|
|
|
+ flex-grow: 1;
|
|
|
|
+ overflow: auto;
|
|
|
|
+ height: 100%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.kp-tabsBox{
|
|
.kp-tabsBox{
|
|
- flex-grow: 1;
|
|
|
|
|
|
+ height: 100%;
|
|
display: flex;
|
|
display: flex;
|
|
.kp-tabs{
|
|
.kp-tabs{
|
|
width: 30%;
|
|
width: 30%;
|