diff --git a/src/views/services/directivePackage/DirectivePackageList.vue b/src/views/services/directivePackage/DirectivePackageList.vue index a93bfac..a90a206 100644 --- a/src/views/services/directivePackage/DirectivePackageList.vue +++ b/src/views/services/directivePackage/DirectivePackageList.vue @@ -34,7 +34,10 @@ - {{ directive.packageName }} + + {{ directive.packageName }} + {{ directive.instructionTagId_dictText }} + @@ -288,4 +291,21 @@ onMounted(() => { overflow: hidden; text-overflow: ellipsis; } + +.directive-container { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; +} + +.package-name { + /* 可选的样式 */ + font-weight: 500; +} + +.dict-text { + /* 可选的样式 */ + color: #666; +} diff --git a/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue b/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue index de1b349..0f238ff 100644 --- a/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue +++ b/src/views/services/directivePackage/components/ConfigServiceDirectiveList.vue @@ -8,9 +8,9 @@ 分类标签 - + placeholder="请选择分类标签" allowClear :ignoreDisabled="true" @change="onInstructionTagChange" disabled /> @@ -197,7 +197,8 @@ const props = defineProps({ directiveList: { type: Array, default: () => [] - } + }, + instructionTagId:'', }); // 判断是否已被选中(用于高亮) @@ -335,8 +336,7 @@ function searchQuery() { } function searchReset() { - formRef.value.resetFields(); - queryParam.instructionTagId = undefined; + queryParam.directiveName = undefined; queryParam.categoryId = undefined; queryParam.typeId = undefined; selectedRowKeys.value = []; @@ -396,9 +396,9 @@ function handleTags(prefix, tagList, suffix) { * 编辑方法(供父组件调用) */ function edit(record) { + queryParam.instructionTagId = props.instructionTagId checkListData.value = props.directiveList; - // directiveInfo.value = record; - // queryParam.instructionTagId = record.instructionTagId; + reload() } defineExpose({ edit }); diff --git a/src/views/services/directivePackage/components/DirectivePackageForm.vue b/src/views/services/directivePackage/components/DirectivePackageForm.vue index cf39769..d901cb6 100644 --- a/src/views/services/directivePackage/components/DirectivePackageForm.vue +++ b/src/views/services/directivePackage/components/DirectivePackageForm.vue @@ -5,66 +5,6 @@ - - @@ -78,7 +18,7 @@ - @@ -93,6 +33,16 @@ + + + + + @@ -103,7 +53,7 @@ - @@ -130,8 +80,13 @@ import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue' const props = defineProps({ formDisabled: { type: Boolean, default: false }, formData: { type: Object, default: () => ({}) }, - formBpm: { type: Boolean, default: true } + formBpm: { type: Boolean, default: true }, + seletedRecord: null, }); +setInterval(() => { + console.log("🌊 ~ props:", props) +}, 2000); + const formRef = ref(); const useForm = Form.useForm; const emit = defineEmits(['register', 'ok']); @@ -156,9 +111,10 @@ const confirmLoading = ref(false); //表单验证 const validatorRules = reactive({ packageName: [{ required: true, message: '请输入服务指令包名称!' },], + instructionTagId: [{ required: true, message: '请选择分类标签!' },], totalDuration: [{ required: true, message: '请输入服务总时长(分钟)!' }, { validator: (_, value) => { - if (value <= 0) { + if (value < 0) { return Promise.reject('请输入服务总时长!'); } return Promise.resolve(); @@ -313,6 +269,7 @@ defineExpose({ add, edit, submitForm, + formData, }); diff --git a/src/views/services/directivePackage/components/DirectivePackageModal.vue b/src/views/services/directivePackage/components/DirectivePackageModal.vue index 4183a10..24b554b 100644 --- a/src/views/services/directivePackage/components/DirectivePackageModal.vue +++ b/src/views/services/directivePackage/components/DirectivePackageModal.vue @@ -6,7 +6,7 @@ :footer-style="{ textAlign: 'right' }" @close="handleCancel" :bodyStyle="{ padding: '14px' }"> - + @@ -75,7 +75,7 @@ + :instructionTagId="registerForm.formData.instructionTagId" @checkDirective="checkDirective"> 关闭 @@ -86,7 +86,8 @@ - + + 关闭 确定 @@ -108,6 +109,8 @@ import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'; import PackageList from './PackageList.vue' import { filterDictTextByCache } from '/@/utils/dict/JDictSelectUtil'; import { useMessage } from '/@/hooks/web/useMessage'; +import { CodeSandboxOutlined } from '@ant-design/icons-vue'; +import InstructionTag from '../../instructiontag/InstructionTag.vue'; const title = ref(''); const visible = ref(false); @@ -213,6 +216,10 @@ function handleCancel() { * 新增/编辑服务指令 */ const handleAddDirectives = () => { + if (!registerForm.value.formData.instructionTagId) { + createMessage.warning('请先选择分类标签') + return + } directiveEditDrawer.value = true; nextTick(() => { configServiceDirectiveListRef.value.edit(seletedRecord.value); @@ -282,6 +289,10 @@ function checkDirective(directive_) { * 引用 */ function handleQuoteDirectives() { + if (!registerForm.value.formData.instructionTagId) { + createMessage.warning('请先选择分类标签') + return + } directiveQuoteDrawer.value = true } diff --git a/src/views/services/directivePackage/components/PackageList.vue b/src/views/services/directivePackage/components/PackageList.vue index cbb73a5..d9660c9 100644 --- a/src/views/services/directivePackage/components/PackageList.vue +++ b/src/views/services/directivePackage/components/PackageList.vue @@ -88,6 +88,9 @@ import { getFileAccessHttpUrl } from '/@/utils/common/compUtils'; import { filterDictTextByCache } from '/@/utils/dict/JDictSelectUtil'; import dayjs from "dayjs"; +const props = defineProps({ + instructionTagId:'', +}); const selectedDirective = ref({ id: '' }) const registerModal = ref(); const searchForm = ref({}) @@ -147,7 +150,7 @@ function handleSuccess() { */ function queryList(params) { resetSeletedDirectiveInfo() - list({ pageNo: 1, pageSize: -1, packageName: searchForm.value.packageName }).then(res => { + list({ pageNo: 1, pageSize: -1, packageName: searchForm.value.packageName,instructionTagId:props.instructionTagId }).then(res => { tableData.value = res selectedDirective.value = { id: '' } }) diff --git a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue index beba308..79fae7d 100644 --- a/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue +++ b/src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue @@ -74,7 +74,7 @@ - @@ -349,8 +349,8 @@ const validatorRules = reactive({ }, { validator: (_, value) => { - if (value < 5 || value > 55) { - return Promise.reject('请输入5到55之间的值!'); + if (value < 0 || value > 55) { + return Promise.reject('请输入0到55之间的值!'); } return Promise.resolve(); },