|
|
@@ -21,15 +21,25 @@
|
|
|
|
|
|
<van-row>
|
|
|
<van-col span="24">
|
|
|
- <van-checkbox-group v-model="result" @change="changeCheckBox">
|
|
|
- <van-cell-group>
|
|
|
- <van-cell v-for="item in peopleListCpoy" clickable :key="item.id" :title="`${item.defaultCause}`">
|
|
|
- <template #right-icon>
|
|
|
- <van-checkbox :name="item.id" ref="checkboxes" />
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
- </van-cell-group>
|
|
|
- </van-checkbox-group>
|
|
|
+ <van-collapse v-model="activeNames" @change="checkedHandler" accordion>
|
|
|
+ <van-checkbox-group v-model="result" @change="changeCheckBox">
|
|
|
+ <van-collapse-item
|
|
|
+ :ref="item.id"
|
|
|
+ :name="item.id"
|
|
|
+ v-for="item in peopleListCpoy"
|
|
|
+
|
|
|
+ :key="item.id"
|
|
|
+ :title="item.drillProjects"
|
|
|
+ >
|
|
|
+ <!-- :title="item.defaultCause" -->
|
|
|
+ <template #right-icon>
|
|
|
+ <van-checkbox :name="item.id" ref="checkboxes" class="checkboxList" />
|
|
|
+ </template>
|
|
|
+ {{ item.defaultCause }}
|
|
|
+ </van-collapse-item>
|
|
|
+
|
|
|
+ </van-checkbox-group>
|
|
|
+ </van-collapse>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
<van-row class="bottomdiv">
|
|
|
@@ -82,6 +92,7 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ activeNames:[],
|
|
|
orgId: this.organizationId || '',
|
|
|
show: false,
|
|
|
value1: '',
|
|
|
@@ -146,15 +157,21 @@ export default {
|
|
|
})
|
|
|
})
|
|
|
this.show = false
|
|
|
-
|
|
|
|
|
|
// 抛出已选择人员信息
|
|
|
this.$emit('checkList', list)
|
|
|
+ },
|
|
|
+ checkedHandler(id){
|
|
|
+ console.log(id);
|
|
|
+ this.result.push(id)
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
+.checkboxList{
|
|
|
+ z-index: 999;
|
|
|
+}
|
|
|
.van-action-sheet {
|
|
|
min-height: 90%;
|
|
|
}
|