hongawen
4122dfa50d
- 新增产品管理相关路由和页面（dashboard、list、requirement、setting） - 实现产品基础信息编辑弹窗组件（base-info-dialog.vue） - 添加运行时字典功能（dict-select、dict-text、dict-tag组件） - 集成字典管理store和API调用 - 规范ID类型定义为string避免精度丢失问题 - 完善国际化资源文件支持中英文对照 - 新增对象上下文业务域入口页导航实现说明 - 添加Vue DevTools浮动入口注释说明 - 统一权限控制支持全局和对象作用域区分 - 规范分页查询参数类型定义与使用方式
74 lines
1.6 KiB
Vue
74 lines
1.6 KiB
Vue
<script setup lang="ts">
|
|
import { computed, reactive, watch } from 'vue';
|
|
import BusinessFormDialog from '@/components/custom/business-form-dialog.vue';
|
|
|
|
defineOptions({ name: 'StatusActionDialog' });
|
|
|
|
interface Props {
|
|
action: Api.Product.ProductLifecycleAction | null;
|
|
}
|
|
|
|
interface Emits {
|
|
(e: 'submit', payload: Api.Product.ChangeProductStatusParams): void;
|
|
}
|
|
|
|
const props = defineProps<Props>();
|
|
const emit = defineEmits<Emits>();
|
|
|
|
const visible = defineModel<boolean>('visible', {
|
|
default: false
|
|
});
|
|
|
|
const model = reactive({
|
|
reason: ''
|
|
});
|
|
|
|
const confirmDisabled = computed(() => Boolean(props.action?.needReason && !model.reason.trim()));
|
|
|
|
function handleConfirm() {
|
|
if (!props.action) {
|
|
return;
|
|
}
|
|
|
|
emit('submit', {
|
|
id: '',
|
|
actionCode: props.action.actionCode,
|
|
reason: model.reason.trim() || null
|
|
});
|
|
}
|
|
|
|
watch(
|
|
() => visible.value,
|
|
value => {
|
|
if (!value) {
|
|
return;
|
|
}
|
|
|
|
model.reason = '';
|
|
}
|
|
);
|
|
</script>
|
|
|
|
<template>
|
|
<BusinessFormDialog
|
|
v-model="visible"
|
|
:title="action ? `${action.actionName}产品` : '生命周期动作'"
|
|
preset="sm"
|
|
:confirm-disabled="confirmDisabled"
|
|
@confirm="handleConfirm"
|
|
>
|
|
<ElForm label-position="top">
|
|
<ElFormItem :label="action?.needReason ? '动作原因（必填）' : '动作原因（选填）'">
|
|
<ElInput
|
|
v-model="model.reason"
|
|
type="textarea"
|
|
:rows="4"
|
|
maxlength="500"
|
|
show-word-limit
|
|
placeholder="请输入动作原因"
|
|
/>
|
|
</ElFormItem>
|
|
</ElForm>
|
|
</BusinessFormDialog>
|
|
</template>
|