<script setup lang="ts">
|
import { reactive, watch } from 'vue';
|
|
import { getAlphabetFromIndexRule } from '../helper';
|
|
const props = defineProps([
|
'parameter',
|
'dataSetList',
|
'getCustomRowNameList',
|
'getMaxRows',
|
'jnpfUniverRef',
|
'cellFromDialogValue',
|
'startColumn',
|
'startRow',
|
'queryList',
|
]);
|
|
const emits = defineEmits(['clearCellRelevanceValue']);
|
|
interface State {
|
type: string;
|
}
|
|
const state = reactive<State>({
|
type: '',
|
});
|
const cellTypeOptions = [
|
{ id: 'none', fullName: '无' },
|
{ id: 'default', fullName: '默认' },
|
{ id: 'custom', fullName: '自定义' },
|
];
|
|
watch(
|
() => props.cellFromDialogValue,
|
(value) => {
|
if (!value) return;
|
const str = value.match(/[a-z]+/i)[0];
|
const str1 = value.split(str);
|
props.parameter[`${state.type}ParentCellCustomRowName`] = str;
|
props.parameter[`${state.type}ParentCellCustomColName`] = str1[1];
|
},
|
);
|
|
function openCellByDialogSelect(type?) {
|
state.type = type || '';
|
const focusedCell = {
|
startColumn: props.startColumn,
|
startRow: props.startRow,
|
};
|
props.jnpfUniverRef.value?.getCellFromDialogSelect(focusedCell);
|
emits('clearCellRelevanceValue');
|
}
|
function onParentCellType(type) {
|
const customRowName = `${type}ParentCellCustomRowName`;
|
const customColName = `${type}ParentCellCustomColName`;
|
if (props.parameter[`${type}ParentCellType`] == 'custom') {
|
const startColumn = type == 'top' ? (props.startRow === 0 ? 0 : props.startColumn) : props.startColumn === 0 ? 0 : props.startColumn - 1;
|
const startRow = type == 'top' ? (props.startRow === 0 ? 1 : props.startRow) : props.startColumn == 0 ? 1 : props.startRow + 1;
|
props.parameter[customRowName] = props.parameter[customRowName] || getAlphabetFromIndexRule(startColumn);
|
props.parameter[customColName] = props.parameter[customColName] || startRow;
|
}
|
}
|
</script>
|
|
<template>
|
<a-form-item label="左父格">
|
<a-radio-group v-model:value="parameter.leftParentCellType" class="right-radio" @change="onParentCellType('left')">
|
<a-radio :key="option.id" v-for="option in cellTypeOptions" :value="option.id">
|
{{ option.fullName }}<BasicHelp v-if="option.id === 'custom'" text="目标单元格被删除、清除、撤销、重做和合并后，需要重新设置" />
|
</a-radio>
|
</a-radio-group>
|
</a-form-item>
|
<a-form-item v-if="parameter.leftParentCellType === 'custom'" class="-mt-[14px]">
|
<a-input-group compact>
|
<a-select class="!w-1/3" v-model:value="parameter.leftParentCellCustomRowName">
|
<a-select-option v-for="item in getCustomRowNameList" :key="item" :value="item">{{ item }}</a-select-option>
|
</a-select>
|
<a-input-number class="!w-1/2" :min="1" :max="getMaxRows" v-model:value="parameter.leftParentCellCustomColName" />
|
<a-button class="!w-1/6" pre-icon="icon-ym icon-ym-select-cell" @click="openCellByDialogSelect('left')" />
|
</a-input-group>
|
</a-form-item>
|
<a-form-item label="上父格">
|
<a-radio-group v-model:value="parameter.topParentCellType" class="right-radio" @change="onParentCellType('top')">
|
<a-radio :key="option.id" v-for="option in cellTypeOptions" :value="option.id">
|
{{ option.fullName }}<BasicHelp v-if="option.id === 'custom'" text="目标单元格被删除、清除、撤销、重做和合并后，需要重新设置" />
|
</a-radio>
|
</a-radio-group>
|
</a-form-item>
|
<a-form-item v-if="parameter.topParentCellType === 'custom'" class="-mt-14px">
|
<a-input-group compact>
|
<a-select class="!w-1/3" v-model:value="parameter.topParentCellCustomRowName">
|
<a-select-option v-for="item in getCustomRowNameList" :key="item" :value="item">{{ item }}</a-select-option>
|
</a-select>
|
<a-input-number class="!w-1/2" :min="1" :max="getMaxRows" v-model:value="parameter.topParentCellCustomColName" />
|
<a-button class="!w-1/6" pre-icon="icon-ym icon-ym-select-cell" @click="openCellByDialogSelect('top')" />
|
</a-input-group>
|
</a-form-item>
|
<a-form-item label="参数名称">
|
<jnpf-tree-select v-model:value="parameter.field" last-level last-level-key="children" :options="queryList" />
|
</a-form-item>
|
</template>
|
