|
@@ -3,38 +3,19 @@
|
|
|
<!-- 考评项 -->
|
|
|
<view class="kp-tabsBox">
|
|
|
<view class="kp-tabs">
|
|
|
- <view class="active">
|
|
|
- <view>正常营业</view>
|
|
|
- <view>(4项)</view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <view>正常营业</view>
|
|
|
- <view>(4项)</view>
|
|
|
- </view>
|
|
|
- <view>
|
|
|
- <view>正常营业</view>
|
|
|
- <view>(4项)</view>
|
|
|
+ <view @click="onTab(index)" :class="activeIndex == index ? 'active':''" v-for="(item,index) in items" :key="item.id">
|
|
|
+ <view>{{item.name}}</view>
|
|
|
+ <view>({{item.assessTargetNum}}项)</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="kp-items">
|
|
|
- <!-- <view>
|
|
|
- <u-checkbox-group @change="checkboxGroupChange" >
|
|
|
- <u-checkbox
|
|
|
- @change="checkboxChange"
|
|
|
- shape="square"
|
|
|
- v-model="item.checked"
|
|
|
- v-for="(item, index) in list" :key="index"
|
|
|
- :name="item.name"
|
|
|
- />
|
|
|
- </u-checkbox-group>
|
|
|
- </view> -->
|
|
|
<view>
|
|
|
<checkbox-group @change="checkboxChange" class="checkbox-group">
|
|
|
- <label v-for="item in items" :key="item.value" >
|
|
|
+ <label v-for="item in childItems" :key="item.id" >
|
|
|
<view class="checkbox-item">
|
|
|
<view class="item-name">{{item.name}}</view>
|
|
|
<view>
|
|
|
- <checkbox :value="item.value" :checked="item.checked" />
|
|
|
+ <checkbox :value="item.id" :checked="item.checked" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</label>
|
|
@@ -44,69 +25,34 @@
|
|
|
</view>
|
|
|
<!-- 选择按钮 -->
|
|
|
<view class="kp-ok">
|
|
|
- 提交
|
|
|
+ 确定选择
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import {findAllItem} from '@/api/assess'
|
|
|
export default{
|
|
|
data(){
|
|
|
return{
|
|
|
- type:'info',
|
|
|
- size:'mini',
|
|
|
- val:'选择',
|
|
|
- checked:true,
|
|
|
- // list: [
|
|
|
- // {
|
|
|
- // name: 'apple',
|
|
|
- // checked: false,
|
|
|
- // disabled: false
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'banner',
|
|
|
- // checked: false,
|
|
|
- // disabled: false
|
|
|
- // },
|
|
|
- // {
|
|
|
- // name: 'orange',
|
|
|
- // checked: false,
|
|
|
- // disabled: false
|
|
|
- // }
|
|
|
- // ]
|
|
|
- items: [{
|
|
|
- value: 'USA',
|
|
|
- name: '美国'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'CHN',
|
|
|
- name: '中国',
|
|
|
- checked: 'true'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'BRA',
|
|
|
- name: '巴西'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'JPN',
|
|
|
- name: '日本'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'ENG',
|
|
|
- name: '英国'
|
|
|
- },
|
|
|
- {
|
|
|
- value: 'FRA',
|
|
|
- name: '法国'
|
|
|
- }
|
|
|
- ]
|
|
|
+ items: [],
|
|
|
+ activeIndex:0,
|
|
|
+ childItems:[]
|
|
|
}
|
|
|
},
|
|
|
+ onLoad() {
|
|
|
+ findAllItem().then(res=>{
|
|
|
+ if(res.status == 200){
|
|
|
+ this.items = res.data
|
|
|
+ this.onTab(0)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
methods:{
|
|
|
- // radioChange(e){
|
|
|
- // console.log(e)
|
|
|
- // this.radioVal=false
|
|
|
- // }
|
|
|
+ onTab(index){
|
|
|
+ this.activeIndex = index
|
|
|
+ this.childItems = this.items[index].assessTargetList
|
|
|
+ },
|
|
|
checkboxChange: function (e) {
|
|
|
var items = this.items,
|
|
|
values = e.detail.value;
|
|
@@ -119,13 +65,6 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- // checkboxChange(e) {
|
|
|
- // //console.log(e);
|
|
|
- // },
|
|
|
- // // 选中任一checkbox时,由checkbox-group触发
|
|
|
- // checkboxGroupChange(e) {
|
|
|
- // // console.log(e);
|
|
|
- // },
|
|
|
}
|
|
|
}
|
|
|
</script>
|