1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <template>
- <view>
- <view class="cu-modal bottom-modal" style="min-height: 200upx;" :class="modalName=='bottomModal'?'show':''">
- <view class="cu-dialog">
- <view class="cu-bar bg-white">
- <view class="action text-blue" @tap="hideModal">取消</view>
- <view class="action text-green" @tap="doConfirm">确定</view>
- </view>
- <view>
- <ly-tree :tree-data="backNodes"
- :props="props"
- node-key="taskDefKey"
- :checkOnClickNode ="true"
- :showRadio="true"
- :show-checkbox ="false"
- ref="userTree" />
- </view>
- </view>
- </view>
- </view>
- </template>
- <script>
- import taskService from "@/api/flowable/taskService"
- export default {
- data() {
- return {
- modalName: null,
- backNodes: []
- };
- },
- props: {
- props: {
- type: Object,
- default: () => {
- return {
- children: 'children',
- label: 'taskName'
- }
- }
- }
- },
- mounted() {
- },
- methods:{
- init (taskId) {
- this.showModal()
- taskService.backNodes(taskId).then((data) => {
- this.backNodes = data
- })
- },
- doConfirm () {
- let taskDefKey = this.$refs.userTree.getCheckedNodes().map((item)=>{
- return item.taskDefKey
- }).join(",");
- this.$emit('getBackTaskDefKey', taskDefKey)
- this.hideModal()
- },
- showModal() {
- this.modalName = "bottomModal"
- },
- hideModal() {
- this.modalName = null
- }
- }
- }
- </script>
|