|
|
@@ -7,94 +7,50 @@
|
|
|
:rules="formRules"
|
|
|
label-width="120px"
|
|
|
>
|
|
|
- <el-row>
|
|
|
- <el-col :span="18">
|
|
|
- <el-form-item label="父类型" prop="parentTypeId">
|
|
|
- <el-tree-select
|
|
|
- v-model="formData.parentTypeId"
|
|
|
- :data="typeOptions"
|
|
|
- :props="defaultProps"
|
|
|
- placeholder="选择父级"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
-
|
|
|
- <el-form-item label="硬件类型" prop="hardwareTypeId">
|
|
|
+ <el-form-item label="父类型" prop="parentTypeId" v-if="formData.parentTypeId !== 0">
|
|
|
<el-tree-select
|
|
|
- v-model="formData.hardwareTypeId"
|
|
|
- :data="hardwareTypeOptions"
|
|
|
- :props="hardwareTypeProps"
|
|
|
- placeholder="请选择硬件类型"
|
|
|
+ v-model="formData.parentTypeId"
|
|
|
+ :data="typeOptions"
|
|
|
+ :props="{ value: 'id', label: 'lockTypeName', children: 'children' }"
|
|
|
+ placeholder="选择父级"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="18">
|
|
|
- <el-form-item label="挂锁类型名称" prop="lockTypeName">
|
|
|
- <el-input
|
|
|
- v-model="formData.lockTypeName"
|
|
|
- placeholder="请输入挂锁类型名称"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form-item label="挂锁类型名称" prop="lockTypeName">
|
|
|
+ <el-input v-model="formData.lockTypeName" placeholder="请输入挂锁类型名称" />
|
|
|
+ </el-form-item>
|
|
|
|
|
|
-<!-- <el-row>-->
|
|
|
-<!-- <el-col :span="19">-->
|
|
|
-<!-- <el-form-item label="挂锁类型编码" prop="lockTypeCode">-->
|
|
|
-<!-- <el-input-->
|
|
|
-<!-- v-model="formData.lockTypeCode"-->
|
|
|
-<!-- placeholder="请输入挂锁类型编码"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- <el-col :span="3">-->
|
|
|
-<!-- <el-form-item label-width="80">-->
|
|
|
-<!-- <el-switch-->
|
|
|
-<!-- v-model="autoGenFlag"-->
|
|
|
-<!-- active-text="自动生成"-->
|
|
|
-<!-- @change="handleAutoGenChange"-->
|
|
|
-<!-- />-->
|
|
|
-<!-- </el-form-item>-->
|
|
|
-<!-- </el-col>-->
|
|
|
-<!-- </el-row>-->
|
|
|
+ <!-- <el-row>-->
|
|
|
+ <!-- <el-col :span="19">-->
|
|
|
+ <!-- <el-form-item label="挂锁类型编码" prop="lockTypeCode">-->
|
|
|
+ <!-- <el-input-->
|
|
|
+ <!-- v-model="formData.lockTypeCode"-->
|
|
|
+ <!-- placeholder="请输入挂锁类型编码"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
+ <!-- <el-col :span="3">-->
|
|
|
+ <!-- <el-form-item label-width="80">-->
|
|
|
+ <!-- <el-switch-->
|
|
|
+ <!-- v-model="autoGenFlag"-->
|
|
|
+ <!-- active-text="自动生成"-->
|
|
|
+ <!-- @change="handleAutoGenChange"-->
|
|
|
+ <!-- />-->
|
|
|
+ <!-- </el-form-item>-->
|
|
|
+ <!-- </el-col>-->
|
|
|
+ <!-- </el-row>-->
|
|
|
+
|
|
|
+ <el-form-item label="挂锁型号" prop="lockTypeSpec">
|
|
|
+ <el-input v-model="formData.lockTypeSpec" placeholder="请输入挂锁型号" />
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="10">
|
|
|
- <el-form-item label="挂锁型号" prop="lockTypeSpec">
|
|
|
- <el-input
|
|
|
- v-model="formData.lockTypeSpec"
|
|
|
- placeholder="请输入挂锁型号"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form-item label="挂锁类型图标" prop="lockTypeIcon">
|
|
|
+ <UploadImg :limit="1" v-model="formData.lockTypeIcon" :fileSize="5" />
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-row>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="挂锁类型图标" prop="lockTypeIcon">
|
|
|
- <ImageUploadSingle
|
|
|
- :limit="1"
|
|
|
- :value="formData.lockTypeIcon"
|
|
|
- :fileSize="5"
|
|
|
- @onUploaded="handleIconUploaded"
|
|
|
- @onRemoved="handleIconRemoved"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="挂锁类型图片" prop="lockTypeImg">
|
|
|
- <ImageUploadSingle
|
|
|
- :limit="1"
|
|
|
- :value="formData.lockTypeImg"
|
|
|
- :fileSize="5"
|
|
|
- @onUploaded="handleImgUploaded"
|
|
|
- @onRemoved="handleImgRemoved"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
+ <el-form-item label="挂锁类型图片" prop="lockTypeImg">
|
|
|
+ <UploadImg :limit="1" v-model="formData.lockTypeImg" :fileSize="5" />
|
|
|
+ </el-form-item>
|
|
|
</el-form>
|
|
|
<template #footer>
|
|
|
<el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
|
|
|
@@ -104,8 +60,11 @@
|
|
|
</template>
|
|
|
|
|
|
<script lang="ts" setup>
|
|
|
+import { handleTree } from '@/utils/tree'
|
|
|
import * as padLockTypeApi from '@/api/hw/type/padLockType/index'
|
|
|
import * as HardwareTypeApi from '@/api/hw/type/hardwaretype/index'
|
|
|
+import {listHardwareType} from "@/api/hw/type/hardwaretype/index";
|
|
|
+
|
|
|
// import { genCode } from '@/api/system/autocode/rule'
|
|
|
|
|
|
defineOptions({ name: 'LockTypeForm' })
|
|
|
@@ -135,17 +94,10 @@ const formRef = ref() // 表单 Ref
|
|
|
|
|
|
// 类型树相关
|
|
|
const typeOptions = ref([])
|
|
|
-const defaultProps = {
|
|
|
- children: 'children',
|
|
|
- label: 'lockTypeName'
|
|
|
-}
|
|
|
+
|
|
|
|
|
|
// 硬件类型树相关
|
|
|
const hardwareTypeOptions = ref([])
|
|
|
-const hardwareTypeProps = {
|
|
|
- children: 'children',
|
|
|
- label: 'hardwareTypeName'
|
|
|
-}
|
|
|
|
|
|
// 自动生成编码
|
|
|
const autoGenFlag = ref(false)
|
|
|
@@ -156,33 +108,38 @@ const getTypeTree = async () => {
|
|
|
pageNo: 1,
|
|
|
pageSize: -1
|
|
|
})
|
|
|
- typeOptions.value = handleTree(res.data.records, 'lockTypeId', 'parentTypeId')
|
|
|
+ typeOptions.value = handleTree(res.list, 'id', 'parentTypeId')
|
|
|
}
|
|
|
|
|
|
/** 获取硬件类型树 */
|
|
|
const getHardwareTypeTree = async () => {
|
|
|
- const res = await HardwareTypeApi.listHanrwareType({
|
|
|
+ const res = await HardwareTypeApi.listHardwareType({
|
|
|
pageNo: 1,
|
|
|
pageSize: -1
|
|
|
})
|
|
|
- hardwareTypeOptions.value = handleTree(res.data.records, 'id', 'parentTypeId')
|
|
|
+ hardwareTypeOptions.value = handleTree(res.list, 'id', 'parentTypeId')
|
|
|
}
|
|
|
|
|
|
/** 打开弹窗 */
|
|
|
-const open = async (type: string, id?: number) => {
|
|
|
+const open = async (type: string, id?: number,parentTypeId?:number) => {
|
|
|
dialogVisible.value = true
|
|
|
dialogTitle.value = t('action.' + type)
|
|
|
formType.value = type
|
|
|
resetForm()
|
|
|
+ // 设置父级ID
|
|
|
+ if (parentTypeId) {
|
|
|
+ formData.value.parentTypeId = parentTypeId
|
|
|
+ }
|
|
|
+
|
|
|
await Promise.all([getTypeTree(), getHardwareTypeTree()])
|
|
|
// 修改时,设置数据
|
|
|
if (id) {
|
|
|
formLoading.value = true
|
|
|
try {
|
|
|
formData.value = await padLockTypeApi.getpadLockTypeInfoAPI(id)
|
|
|
- if (formData.value.parentTypeId === 0) {
|
|
|
- formData.value.parentTypeId = undefined
|
|
|
- }
|
|
|
+ // if (formData.value.parentTypeId === 0) {
|
|
|
+ // formData.value.parentTypeId = undefined
|
|
|
+ // }
|
|
|
} finally {
|
|
|
formLoading.value = false
|
|
|
}
|