|
@@ -10,6 +10,16 @@
|
|
|
<!-- <el-form-item label="文件名称" prop="filename">-->
|
|
|
<!-- <el-input v-model="formData.filename" placeholder="请输入文件名称" />-->
|
|
|
<!-- </el-form-item>-->
|
|
|
+ <el-form-item label="文件目录" prop="classId">
|
|
|
+ <el-tree-select
|
|
|
+ v-model="formData.classId"
|
|
|
+ :data="fileList"
|
|
|
+ :props="defaultProps"
|
|
|
+ check-strictly
|
|
|
+ placeholder="请选择文件目录"
|
|
|
+ value-key="id"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="附件" prop="filePath" style="">
|
|
|
<UploadFileAll style="vertical-align: middle"
|
|
|
:is-show-tip="false"
|
|
@@ -41,6 +51,8 @@
|
|
|
<script setup lang="ts">
|
|
|
import { IotInfoApi, IotInfoVO } from '@/api/pms/iotinfo'
|
|
|
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
|
|
|
+import {defaultProps, handleTree} from "@/utils/tree";
|
|
|
+import * as FileClassifyApi from "@/api/pms/info";
|
|
|
|
|
|
/** 资料 表单 */
|
|
|
defineOptions({ name: 'IotInfoForm' })
|
|
@@ -51,6 +63,7 @@ const message = useMessage() // 消息弹窗
|
|
|
const dialogVisible = ref(false) // 弹窗的是否展示
|
|
|
const dialogTitle = ref('') // 弹窗的标题
|
|
|
const formLoading = ref(false) // 表单的加载中:1)修改时的数据加载;2)提交的按钮禁用
|
|
|
+const fileList = ref<Tree[]>([]) // 树形结构
|
|
|
const formType = ref('') // 表单的类型:create - 新增;update - 修改
|
|
|
const formData = ref({
|
|
|
id: undefined,
|
|
@@ -63,10 +76,7 @@ const formData = ref({
|
|
|
fileList: []
|
|
|
})
|
|
|
const formRules = reactive({
|
|
|
- // deviceId: [{ required: true, message: '设备不能为空', trigger: 'blur' }],
|
|
|
- // orgId: [{ required: true, message: '部门不能为空', trigger: 'blur' }],
|
|
|
- // filename: [{ required: true, message: '文件名称不能为空', trigger: 'blur' }],
|
|
|
- // fileType: [{ required: true, message: '文件类型不能为空', trigger: 'change' }],
|
|
|
+ classId: [{ required: true, message: '文件不能为空', trigger: 'blur' }],
|
|
|
filePath: [{ required: true, message: '文件不能为空', trigger: 'blur' }]
|
|
|
})
|
|
|
const formRef = ref() // 表单 Ref
|
|
@@ -89,9 +99,17 @@ const open = async (type: string, id?: number) => {
|
|
|
formLoading.value = false
|
|
|
}
|
|
|
}
|
|
|
+ formData.value.classId = props.classId
|
|
|
+ await getTree();
|
|
|
}
|
|
|
defineExpose({ open }) // 提供 open 方法,用于打开弹窗
|
|
|
|
|
|
+/** 获得分类树 */
|
|
|
+const getTree = async () => {
|
|
|
+ const res = await FileClassifyApi.IotInfoClassifyApi.getSimpleInfotClassifyList(props.deviceId)
|
|
|
+ fileList.value = []
|
|
|
+ fileList.value.push(...handleTree(res))
|
|
|
+}
|
|
|
/** 提交表单 */
|
|
|
const emit = defineEmits(['success']) // 定义 success 事件,用于操作成功后的回调
|
|
|
const submitForm = async () => {
|
|
@@ -105,7 +123,6 @@ const submitForm = async () => {
|
|
|
const data = formData.value as unknown as IotInfoVO
|
|
|
|
|
|
if (formType.value === 'create') {
|
|
|
- data.classId = props.classId
|
|
|
data.deviceId = props.deviceId
|
|
|
// data.filePath = data.filePath.join(',')
|
|
|
await IotInfoApi.createIotInfo(data)
|