<!-- 关联算法和综合业务 -->
|
<template>
|
<div class="task-algorithm" v-if="showAlgorithm">
|
<el-select :teleported="false" class="ztzf-select" :style="{ width: pxToRem(setWidth) }" v-model="ai_types" multiple collapse-tags collapse-tags-tooltip placeholder="请选择算法" clearable @change="handleAlgorithmChange">
|
<el-option v-for="item in taskAlgorithm" :key="item.id" :label="item.dictValue" :value="item.dictKey" />
|
</el-select>
|
</div>
|
<div class="task-business" v-if="showBusiness">
|
<el-select :teleported="false" class="ztzf-select" :style="{ width: pxToRem(setWidth) }" v-model="industry_type" placeholder="请选择类型" clearable @change="handleBusinessChange">
|
<el-option v-for="item in taskBusiness" :key="item.id" :label="item.dictValue" :value="item.dictKey" />
|
</el-select>
|
</div>
|
</template>
|
|
<script setup>
|
|
import { getMultipleDictionary } from '@/api/system/dictbiz';
|
import { pxToRem } from '@/utils/rem'
|
|
// 接收父组件传参
|
const props = defineProps({
|
showAlgorithm: {
|
type: Boolean,
|
default: false
|
},
|
showBusiness: {
|
type: Boolean,
|
default: false
|
},
|
setWidth: {
|
type: Number,
|
default: '100%'
|
}
|
});
|
|
// 算法
|
let ai_types = ref('');
|
let taskAlgorithm = ref([]);
|
// 综合业务
|
let industry_type = ref('');
|
let taskBusiness = ref([]);
|
|
// 请求字典字段
|
const requestDictionary = () => {
|
getMultipleDictionary('SF,HYLB').then((res) => {
|
if (res.code !== 0) {
|
// 处理数据
|
taskAlgorithm.value = res.data.data['SF'];
|
taskBusiness.value = res.data.data['HYLB'];
|
}
|
});
|
};
|
const emit = defineEmits(['algorithmChange', 'businessChange']);
|
// 算法选择事件
|
const handleAlgorithmChange = (value) => {
|
emit('algorithmChange', value);
|
};
|
// 业务选择事件
|
const handleBusinessChange = (value) => {
|
emit('businessChange', value);
|
};
|
|
onMounted(() => {
|
requestDictionary();
|
});
|
</script>
|
