ShutongInterconnectedChemicalCloudPlatform/src/widget/associatedforms/associatedFormsChildFillRole.vue

<template>

<div style="background-color: #E6F3FE;padding: 12px;border-radius: 10px;padding-left:45px;margin-bottom:20px;margin-right:11px;min-height: 65px;">
  <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 v-if="selectedChildTable1===''" style="padding-top: 5px;" type="primary" link append-to-body="true" modal="true" @click="associatedFormsDataRangeDialoghandle"  >设置筛选条件（选填）</el-button>
				<div v-if="selectedChildTable1!==''" style="width:100%; cursor: pointer;" @click="associatedFormsDataRangeDialoghandle"  v-html="controlData.control.dataRangeConditionHtml"></div> -->
</div>
  
<el-dialog
      v-model="innerVisible"
      width="500"
      title="Inner Dialog"
      append-to-body
    >
    {{ currentKey }}
  </el-dialog>

</template>

<script setup lang="ts">
import { Close } from '@element-plus/icons-vue'
const innerVisible = 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>