platform/io.sc.engine.rule.frontend/src/views/shared/ObjectPropertiesMatcherDialog.vue

<template>
  <w-dialog
    ref="dialogRef"
    :title="dialogTitleRef"
    :can-maximize="false"
    :maximized="false"
    :buttons="[
      {
        label: $t('confirm'),
        noCaps: true,
        click: click,
      },
    ]"
  >
    <div class="pt-2">
      <q-select v-model="modelValueRef" :label="$t('parameter')" outlined dense emit-value map-options :options="modelValueOptionsRef"></q-select>
    </div>
  </w-dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { $t, axios, Environment, Tools } from 'platform-core';
import { Processor } from './Processor';
import { ValueTypeUtil } from '@/utils/ValueTypeUtil';

const props = defineProps({
  targetType: { type: String, default: undefined },
  target: { type: Object, default: undefined },
  processor: { type: Object, default: undefined },
});

const emit = defineEmits<{
  (e: 'afterMatched', objectProperties: any): void;
}>();

const dialogRef = ref();
const dialogTitleRef = ref();
const modelValueRef = ref('');
const modelValueOptionsRef = ref([]);
let currentObjectProperties = {};

const click = () => {
  let url = '';
  if (props.targetType === Processor.PARAMETER) {
    url = Environment.apiContextPath('/api/re/model/parameter/processor/autoMatch');
  } else if (props.targetType === Processor.INDICATOR) {
    url = Environment.apiContextPath('/api/re/indicator/processor/autoMatch');
  }

  axios
    .post(url, {
      id: modelValueRef.value,
      objectProperties: currentObjectProperties,
    })
    .then((response) => {
      emit('afterMatched', response.data);
      close();
    });
};

const open = (objectProperties) => {
  currentObjectProperties = objectProperties;
  modelValueRef.value = undefined;
  dialogRef.value.show();

  let url = '';
  if (props.targetType === Processor.PARAMETER) {
    dialogTitleRef.value = $t('re.parameter.grid.title');
    url = Environment.apiContextPath('/api/re/model/parameter/findParametersByParameterId?parameterId=' + props.target.id);
  } else if (props.targetType === Processor.INDICATOR) {
    dialogTitleRef.value = $t('re.indicator.grid.title');
    url = Environment.apiContextPath('/api/re/indicator/findIndicatorsByIndicatorId?indicatorId=' + props.target.id);
  }
  axios.get(url).then((response) => {
    const options = [];
    response.data.forEach((item) => {
      const valueType = item.valueType;
      if (!ValueTypeUtil.isBase(valueType)) {
        options.push({ value: item.id, label: item.name });
      }
    });
    modelValueOptionsRef.value = options;
  });
};

const close = () => {
  dialogRef.value.hide();
};

defineExpose({
  open,
  close,
});
</script>