<template>

  <div style="background-color: #E6F3FE;padding: 12px;border-radius: 10px;padding-left:45px;margin-bottom:20px;margin-right:11px;min-height: 65px;padding-top: 16px;">
    <el-button :icon="Close" size="small" circle type="info" plain style="float: right;margin-top: -22px;margin-right: -22px"  @click="delRole"/>
    
    <el-tree-select 
    v-model="selectedChildTable1"
    style="width: 290px;" :data="childTableList" placeholder="请选择关联表单子表"
      check-strictly :render-after-expand="false" filterable  @change="selectedChildTableChanged"  /><!-- 
    <span style="margin-left: 8px;margin-right: 8px;">的值填充到</span>
    <el-tree-select 
      v-model="rightValue1" style="width: 290px;" :data="rightTreeSource"
      check-strictly :render-after-expand="false" filterable @change="rightChanged" />
      <Delete style="width: 22px; height: 22px; margin-right: 35px;cursor: pointer; color: #50A6FF;margin-top: 10px; display: block; float:right" @click="delRole" /> -->

          <!-- <el-button type="primary" @click="innerVisible = true">
                open
          </el-button> -->
          
          <el-button style="padding-top: 5px; width: 290px;margin-left: 85px;height: 30px;" type="info" plain  append-to-body="true" modal="true" @click="filterConditionDialoghandle = true"  >设置筛选条件（选填）</el-button>
          <!-- <div v-if="selectedChildTable1!==''" style="width:100%; cursor: pointer;" @click="associatedFormsDataRangeDialoghandle"  v-html="controlData.control.dataRangeConditionHtml"></div> -->
  </div>
    
  <el-dialog
      v-model="filterConditionDialoghandle"
      width="500"
      :show-close="true"
      title="筛选条件"
      append-to-body
    >
    {{ currentKey }}
  </el-dialog>

</template>

<script setup lang="ts">
import { Close } from '@element-plus/icons-vue'
const filterConditionDialoghandle = ref(false)
const props = defineProps({
  childTableList: {
    type: Object,
    default() {
      return {}
    }
  },
  selectedChildTable: {
    type: String,
    default() {
      return {}
    }
  },
  /* rightTreeSource: {
    type: Object,
    default() {
      return {}
    }
  },
  
  rightValue: {
    type: String,
    default() {
      return {}
    }
  },*/
  currentKey: {
    type: String,
    default() {
      return {}
    }
  }, 
})
const selectedChildTable1 = ref()
selectedChildTable1.value = props.selectedChildTable
/*const rightValue1 = ref()


rightValue1.value = props.rightValue
 */


let emit = defineEmits(["delRole","update:selectedChildTable",]);

function selectedChildTableChanged(){
  emit('update:selectedChildTable',selectedChildTable1)
}
/*
function rightChanged(){
  emit('update:rightValue',rightValue1)
} */

function delRole(){
  //alert(props.currentKey)
  emit('delRole',props.currentKey)
}



</script>

<style></style>