<template>
<!
-- 模板部分保持不变
-->
<div class="app
-container">
<!
-- 物料类型数据
-->
<el
-row :gutter="20">
<splitpanes :horizontal="appStore.device === 'mobile'" class="default
-theme">
<!
--物料类型数据
-->
<pane size="16">
<el
-col>
<div class="head
-container">
<el
-input v
-model="materia
TypelName" placeholder="请
输入物料类型名称" clearable prefix
-icon="Search" style="margin
-bottom: 20px"/>
</div>
<div class="head
-container">
<el
-tree :data="
typeOptions" :props="{ label: 'label', children: 'children' }" :expand
-on
-click
-node="false" :filter
-node
-method="filterNode" ref="treeRef" node
-key="id" highlight
-current default
-expand
-all @node
-click="handleNodeClick"/>
</div>
</el
-col>
</pane>
<!
-- 属性数据
-->
<pane size="84">
<el
-col>
<el
-form :model="queryParams" ref="queryForm" :inline="true" v
-show="showSearch" label
-width="68px">
<el
-form
-item label="编号" prop="
number">
<el
-input v
-model="queryParams.
number" placeholder="请
输入编号" clearable @keyup.enter.native="handleQuery"
style="width: 240px"/>
</el
-form
-item>
<el
-form
-item label="名称" prop="name">
<el
-input v
-model="queryParams.name" placeholder="请
输入名称" clearable @keyup.enter.native="handleQuery"
style="width: 240px"/>
</el
-form
-item>
<el
-form
-item label="状态" prop="status">
<el
-select v
-model="queryParams.status" placeholder="请选择状态" clearable style="width: 240px">
<el
-option v
-for="dict in mdm_common_status_list" :key="dict.value" :label="dict.label"
:value="dict.value"/>
</el
-select>
</el
-form
-item>
<el
-form
-item>
<el
-button
type="primary" icon="search" @click="handleQuery">搜索</el
-button>
<el
-button icon="refresh" @click="resetQuery">重置</el
-button>
</el
-form
-item>
</el
-form>
<el
-row :gutter="10" class="mb8">
<el
-col :span="1.5">
<el
-button
type="primary"
plain
icon="Plus"
@click="handleAdd"
v
-hasPermi="['mdm:
typeAttr:add']"
>新增
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="success"
plain
icon="edit"
:disabled="single"
@click="handleUpdate"
v
-hasPermi="['mdm:
typeAttr:edit']"
>修改
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="danger"
plain
icon="delete"
:disabled="multiple"
@click="handleDelete"
v
-hasPermi="['mdm:
typeAttr:remove']"
>删除
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="warning"
plain
icon="download"
@click="handleExport"
v
-hasPermi="['mdm:
typeAttr:export']"
>导出
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="info"
plain
icon="upload"
@click="handleImport"
v
-hasPermi="['mdm:
typeAttr:import']"
>导入
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="warning"
plain
icon="edit"
@click="handleUrlUpdate"
v
-hasPermi="['mdm:mdmMaterial
Type:edit']">
编辑命名规则
</el
-button>
</el
-col>
<right
-toolbar v
-model:showSearch="showSearch" @queryTable="getList"></right
-toolbar>
</el
-row>
<el
-table v
-loading="loading" :data="
typeAttrList" @selection
-change="handleSelectionChange">
<el
-table
-column
type="selection" width="45" align="center" fixed/>
<el
-table
-column label="编号" align="center" prop="
number"/>
<el
-table
-column label="名称" align="center" prop="name"/>
<el
-table
-column label="类型名称" align="center" prop="
typemgrName" width="140"/>
<el
-table
-column label="类型编号" align="center" prop="
typemgrNum" width="140"/>
<el
-table
-column label="字段类型" align="center" prop="data
Type">
<template #default="scope">
<dict
-tag :options="mdm_common_column_
type" :value="scope.row.data
Type"/>
</template>
</el
-table
-column>
<el
-table
-column label="文本最大
长度" align="center" prop="length" width="120"/>
<el
-table
-column label="数值
最大值" align="center" prop="maxVal" width="120"/>
<el
-table
-column label="数值
最小值" align="center" prop="minVal" width="120"/>
<el
-table
-column label="默认值" align="center" prop="defaultVal"/>
<el
-table
-column label="枚举ID" align="center" prop="enumerateId"/>
<el
-table
-column label="枚举表" align="center" prop="enumerateTable"/>
<el
-table
-column label="单位" align="center" prop="unit"/>
<el
-table
-column label="是否必填" align="center" prop="isNull">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isNull"/>
</template>
</el
-table
-column>
<el
-table
-column label="弹窗编辑器ID" align="center" prop="popupEditId" width="120"/>
<el
-table
-column label="URL地址" align="center" prop="href"/>
<el
-table
-column label="是否可查询" align="center" prop="isQuery" width="120">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isQuery"/>
</template>
</el
-table
-column>
<el
-table
-column label="是否表单显示" align="center" prop="isShowForm" width="120">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isShowForm"/>
</template>
</el
-table
-column>
<el
-table
-column label="是否列表显示" align="center" prop="isShowList" width="120">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isShowList"/>
</template>
</el
-table
-column>
<el
-table
-column label="是否只读" align="center" prop="isReadOnly">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isReadOnly"/>
</template>
</el
-table
-column>
<el
-table
-column label="表单排序" align="center" prop="orderNum"/>
<el
-table
-column label="是否支持排序" align="center" prop="sortFlag" width="120">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.sortFlag"/>
</template>
</el
-table
-column>
<el
-table
-column label="数值是否有公差" align="center" prop="isTolerance" width="120">
<template #default="scope">
<dict
-tag :options="mdm_common_flag_list" :value="scope.row.isTolerance"/>
</template>
</el
-table
-column>
<el
-table
-column label="正则表达式校验" align="center" prop="regularCheck" width="120"/>
<el
-table
-column label="状态" align="center" prop="status">
<template #default="scope">
<dict
-tag :options="mdm_common_status_list" :value="scope.row.status"/>
</template>
</el
-table
-column>
<el
-table
-column label="合法值" align="center" prop="validStr" width="150"/>
<el
-table
-column label="操作" align="center" class
-name="small
-padding fixed
-width" width="240"
fixed="right">
<template #default="scope">
<el
-button
link
icon="edit"
type="primary"
@click="handleUpdate
(scope.row)"
v
-hasPermi="['mdm:
typeAttr:edit']"
>修改
</el
-button>
<el
-button
link
type="primary"
icon="delete"
@click="handleDelete
(scope.row)"
v
-hasPermi="['mdm:
typeAttr:remove']"
>删除
</el
-button>
<el
-button
link
type="primary"
icon="edit"
@click="eidtValid
(scope.row)"
v
-hasPermi="['mdm:
typeAttr:remove']"
>编辑合法值
</el
-button>
</template>
</el
-table
-column>
</el
-table>
<pagination v
-show="total>0" :total="total" v
-model:page="queryParams.pageNum"
v
-model::limit="queryParams.pageSize" @pagination="getList"/>
</el
-col>
</pane>
</splitpanes>
</el
-row>
<!
-- 添加
或修改属性规则对话框
-->
<el
-dialog :title="title" v
-model="open" width="850px" append
-to
-body>
<el
-form :model="form" :rules="rules" ref="formRef" label
-width="120px">
<!
-- 基本信息
-->
<el
-row>
<el
-col :span="12">
<el
-form
-item label="编号" prop="
number">
<el
-input v
-model="form.
number" placeholder="请
输入编号" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="名称" prop="name">
<el
-input v
-model="form.name" placeholder="请
输入名称" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="类型ID" prop="
typemgrId">
<el
-tree
-select v
-model="form.
typemgrId" :data="
typeOptions"
:props="{ value: 'id', label: 'label', children: 'children' }"
value
-key="id"
:current
-node
-key="form.
typemgrId"
placeholder="请选择物料类型"
check
-strictly
style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="字段类型" prop="data
Type">
<el
-select v
-model="form.data
Type" placeholder="请选择字段类型" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_column_
type"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
</el
-row>
<!
-- 数值与文本配置
-->
<el
-row>
<el
-col :span="12">
<el
-form
-item label="文本最大
长度" prop="length">
<el
-input v
-model="form.length" placeholder="请
输入文本最大
长度" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="数值
最大值" prop="maxVal">
<el
-input v
-model="form.maxVal" placeholder="请
输入数值
最大值" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="数值
最小值" prop="minVal">
<el
-input v
-model="form.minVal" placeholder="请
输入数值
最小值" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="默认值" prop="defaultVal">
<el
-input v
-model="form.defaultVal" placeholder="请
输入默认值" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="枚举ID" prop="enumerateId">
<el
-input v
-model="form.enumerateId" placeholder="请
输入枚举ID" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="正则表达式校验" prop="regularCheck">
<el
-input v
-model="form.regularCheck" placeholder="请
输入正则表达式校验" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="枚举表" prop="enumerateTable">
<el
-input v
-model="form.enumerateTable" placeholder="请
输入枚举表" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="单位" prop="unit">
<el
-input v
-model="form.unit" placeholder="请
输入单位" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<!
-- 状态与布尔选项
-->
<el
-row>
<el
-col :span="12">
<el
-form
-item label="是否必填" prop="isNull">
<el
-select v
-model="form.isNull" placeholder="请选择是否必填" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="是否可查询" prop="isQuery">
<el
-select v
-model="form.isQuery" placeholder="请选择是否可查询" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="是否表单显示" prop="isShowForm">
<el
-select v
-model="form.isShowForm" placeholder="请选择是否表单显示" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list
"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="是否列表显示" prop="isShowList">
<el
-select v
-model="form.isShowList" placeholder="请选择是否列表显示" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="是否只读" prop="isReadOnly">
<el
-select v
-model="form.isReadOnly" placeholder="请选择是否只读" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="是否支持排序" prop="sortFlag">
<el
-select v
-model="form.sortFlag" placeholder="请选择是否支持排序" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="数值是否有公差" prop="isTolerance">
<el
-select v
-model="form.isTolerance" placeholder="请选择数值是否有公差" style="width: 240px">
<el
-option
v
-for="dict in mdm_common_flag_list"
:key="dict.value"
:label="dict.label"
:value="dict.value"
></el
-option>
</el
-select>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="表单排序" prop="orderNum">
<el
-input v
-model="form.orderNum" placeholder="请
输入表单排序" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<!
-- 高级设置
-->
<el
-row>
<el
-col :span="12">
<el
-form
-item label="弹窗编辑器ID" prop="popupEditId">
<el
-input v
-model="form.popupEditId" placeholder="请
输入弹窗编辑器ID" style="width: 240px"/>
</el
-form
-item>
</el
-col>
<el
-col :span="12">
<el
-form
-item label="URL地址" prop="href">
<el
-input v
-model="form.href" placeholder="请
输入URL地址" style="width: 240px"/>
</el
-form
-item>
</el
-col>
</el
-row>
<el
-row>
<el
-col :span="12">
<el
-form
-item label="状态" prop="status">
<el
-radio
-group v
-model="form.status">
<el
-radio
v
-for="dict in mdm_common_status_list"
:key="dict.value"
:value="dict.value"
>{{ dict.label }}
</el
-radio>
</el
-radio
-group>
</el
-form
-item>
</el
-col>
</el
-row>
</el
-form>
<template #footer>
<div slot="footer" class="dialog
-footer">
<el
-button
type="primary" @click="submitForm">确 定</el
-button>
<el
-button @click="cancel">取 消</el
-button>
</div>
</template>
</el
-dialog>
<!
-- 修改命名规则对话框
-->
<el
-dialog title="修改命名规则" v
-model="openUrledit" width="500px" append
-to
-body>
<el
-form ref="urlformRef" :model="urlform" :rules="urlEditrules" label
-width="80px">
<el
-form
-item label="命名规则" prop="namingrule">
<el
-input v
-model="urlform.namingrule" placeholder="请
输入命名规则"/>
</el
-form
-item>
</el
-form>
<template #footer>
<div slot="footer" class="dialog
-footer">
<el
-button
type="primary" @click="submitFormNamingrule">确 定</el
-button>
<el
-button @click="cancelSubmitUrlEdit">取 消</el
-button>
</div>
</template>
</el
-dialog>
<!
-- 合法值列表对话框
-->
<el
-dialog :title="validtitle" v
-model="validOpen" width="650px" append
-to
-body>
<el
-row :gutter="10" class="mb8">
<el
-col :span="1.5">
<el
-button
type="primary"
plain
icon="plus"
@click="handleValidAdd"
v
-hasPermi="['mdm:validlist:add']"
>新增
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="success"
plain
icon="edit"
:disabled="validsingle"
@click="handleValidUpdate"
v
-hasPermi="['mdm:validlist:edit']"
>修改
</el
-button>
</el
-col>
<el
-col :span="1.5">
<el
-button
type="danger"
plain
icon="delete"
:disabled="validMultiple"
@click="handleValidDeleteBtn"
v
-hasPermi="['mdm:validlist:remove']"
>删除
</el
-button>
</el
-col>
</el
-row>
<el
-table v
-loading="validTableLoading" :data="validlistList" @selection
-change="handleValidSelectionChange">
<el
-table
-column
type="selection" width="55" align="center"/>
<!
-- <el
-table
-column label="ID" align="center" prop="id" />
-->
<el
-table
-column label="合法值名称" align="center" prop="name"/>
<el
-table
-column label="排序" align="center" prop="orderNum"/>
<el
-table
-column label="操作" align="center" class
-name="small
-padding fixed
-width">
<template #default="scope">
<el
-button
link
icon="edit"
type="primary"
@click="handleValidUpdate
(scope.row)"
v
-hasPermi="['mdm:validlist:edit']"
>修改
</el
-button>
<el
-button
link
icon="delete"
type="primary"
@click="handleValidDelete
(scope.row)"
v
-hasPermi="['mdm:validlist:remove']"
>删除
</el
-button>
</template>
</el
-table
-column>
</el
-table>
<template #footer>
<div slot="footer" class="dialog
-footer">
<el
-button
type="primary" @click="validSubmitForm">关 闭</el
-button>
</div>
</template>
</el
-dialog>
<!
-- 添加
或修改合法值列表对话框
-->
<el
-dialog :title="validAddtitle" v
-model="validAddOpen" width="500px" append
-to
-body>
<el
-form ref="validformRef" :model="validform" :rules="validRules" label
-width="80px">
<el
-form
-item label="合法值名称" prop="name" label
-width="95px">
<el
-input v
-model="validform.name" placeholder="请
输入合法值名称"/>
</el
-form
-item>
<el
-form
-item label="排序" prop="orderNum" label
-width="95px">
<el
-input v
-model="validform.orderNum" placeholder="请
输入排序"/>
</el
-form
-item>
</el
-form>
<template #footer>
<div slot="footer" class="dialog
-footer">
<el
-button
type="primary" @click="validAddSubmitForm">确 定</el
-button>
<el
-button @click="validAddCancel">取 消</el
-button>
</div>
</template>
</el
-dialog>
<!
-- 用户导入对话框
-->
<el
-dialog :title="upload.title" v
-model="upload.open" width="400px" append
-to
-body>
<el
-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
:action="upload.url + '?updateSupport=' + upload.updateSupport"
:disabled="upload.isUploading"
:on
-progress="handleFileUploadProgress"
:on
-success="handleFileSuccess"
:auto
-upload="false" drag>
<el
-icon class="el
-icon
--upload"><upload
-filled /></el
-icon>
<div class="el
-upload__text">将文件拖到此处，
或点击上传</div>
<template #tip>
<div class="el
-upload__tip text
-center">
<div class="el
-upload__tip">
<el
-checkbox v
-model="upload.updateSupport" />是否更新已经存在的用户数据
</div>
<span>仅允许导入xls、xlsx格式文件。</span>
<el
-link
type="primary" :underline="false" style="font
-size: 12px; vertical
-align: baseline" @click="importTemplate">下载模板</el
-link>
</div>
</template>
</el
-upload>
<template #footer>
<div class="dialog
-footer">
<el
-button
type="primary" @click="submitFileForm">确 定</el
-button>
<el
-button @click="upload.open = false">取 消</el
-button>
</div>
</template>
</el
-dialog>
</div>
</template>
<script setup name="
typeAtrr">
import {list
TypeAttr, get
TypeAttr, del
TypeAttr, add
TypeAttr, update
TypeAttr} from "@/api/mdm/
typeAttr";
import {getMdmMaterial
Type, updateMdmMaterial
Type} from "@/api/mdm/mdmMaterial
Type";
import { treeselect } from "@/api/mdm/mdmMaterial
Type";
import {listValidlist, getValidlist, delValidlist, addValidlist, updateValidlist} from "@/api/mdm/validlist";
import useAppStore from '@/store/modules/app'
import { getToken } from "@/utils/auth";
import "splitpanes/dist/splitpanes.css"
import {Splitpanes, Pane} from "splitpanes"
const { proxy } = getCurrentInstance
();
const appStore = useAppStore
()
// 使用字典
const {
mdm_common_flag_list,
mdm_common_status_list,
mdm_common_column_
type
} = proxy.useDict
("mdm_common_flag_list", "mdm_common_status_list", "mdm_common_column_
type");
// 响应式状态
const loading = ref
(true);
const showSearch = ref
(true);
const open = ref
(false);
const validOpen = ref
(false);
const validAddOpen = ref
(false);
const openUrledit = ref
(false);
const title = ref
('');
const validtitle = ref
('');
const validAddtitle = ref
('');
const total = ref
(0);
const single = ref
(true);
const multiple = ref
(true);
const validsingle = ref
(false);
const validMultiple = ref
(true);
const validTableLoading = ref
(true);
const materia
TypelName = ref
('');
const
typeOptions = ref
([]);
const
typeAttrList = ref
([]);
const validlistList = ref
([]);
const formRef = ref
(null);
const validformRef = ref
(null);
const urlformRef = ref
(null);
const uploadRef = ref
(null);
// 表单数据
const data = reactive
({
queryParams: {
pageNum: 1,
pageSize: 10,
number: null,
name: null,
typemgrId: null,
data
Type: null,
length: null,
maxVal: null,
minVal: null,
defaultVal: null,
validList: null,
enumerateId: null,
enumerateTable: null,
unit: null,
isNull: null,
popupEditId: null,
href: null,
isQuery: null,
isShowForm: null,
isShowList: null,
isReadOnly: null,
orderNum: null,
sortFlag: null,
isTolerance: null,
regularCheck: null,
status: null,
},
form: {
id: null,
number: null,
name: null,
typemgrId: null,
data
Type: null,
length: null,
maxVal: null,
minVal: null,
defaultVal: null,
validList: null,
enumerateId: null,
enumerateTable: null,
unit: null,
isNull: null,
popupEditId: null,
href: null,
isQuery: null,
isShowForm: null,
isShowList: null,
isReadOnly: null,
orderNum: null,
sortFlag: null,
isTolerance: null,
regularCheck: null,
status: null
},
//合法值
validform: {
id: null,
attributeId: null,
name: null,
orderNum: null,
},
//命名规则
urlform: {
id: null,
namingrule: null,
}
});
const { form, validform, urlform, queryParams} = toRefs
(data);
// 上传配置
const upload = reactive
({
open: false,
title: "",
isUploading: false,
updateSupport: 0,
headers: {Authorization: "Bearer " + getToken
()},
url: import.meta.env.VITE_APP_BASE_API + "/mdm/
typeAttr/importData"
});
// 选中ID集合
const ids = ref
([]);
const validIds = ref
([]);
// 当前选中属性行
const selectedAttrRow = ref
(null);
// 表单验证规则
const rules = reactive
({
number: [{required: true, message: "编号不能为空", trigger: "blur"}],
name: [{required: true, message: "名称不能为空", trigger: "blur"}],
typemgrId: [{required: true, message: "类型ID不能为空", trigger: "blur"}],
data
Type: [{required: true, message: "字段类型不能为空", trigger: "change"}],
});
const urlEditrules = reactive
({
namingrule: [{required: true, message: "命名规则不能为空", trigger: "blur"}],
});
const validRules = reactive
({
name: [{required: true, message: "名称不能为空", trigger: "blur"}],
});
// 监听物料类型名称变化
watch
(materia
TypelName,
(val) => {
proxy.$refs["treeRef"].filter
(val);
});
// 获取列表
function getList
() {
console.log
("========属性规则getList======");
loading.value = true;
try {
list
TypeAttr
(queryParams.value).then
(response => {
// console.log
("========属性规则getList======", response);
typeAttrList.value = response.rows;
total.value = response.total;
})
} catch
(error) {
console.error
('获取列表失败:', error);
} finally {
loading.value = false;
}
};
function resetFormState
() {
form.value = {
id: null,
number: null,
name: null,
typemgrId: null,
data
Type: null,
length: null,
maxVal: null,
minVal: null,
defaultVal: null,
validList: null,
enumerateId: null,
enumerateTable: null,
unit: null,
isNull: null,
popupEditId: null,
href: null,
isQuery: null,
isShowForm: null,
isShowList: null,
isReadOnly: null,
orderNum: null,
sortFlag: null,
isTolerance: null,
regularCheck: null,
status: null
};
proxy.resetForm
("formRef");
};
function resetValidAddForm
() {
validform.value = {
id: null,
attributeId: null,
name: null,
orderNum: null
}
proxy.resetForm
("validformRef");
};
function resetUrlForm
() {
urlform.value = {
id: null,
namingrule: null
}
proxy.resetForm
("urlformRef");
};
function handleQuery
() {
queryParams.value.pageNum = 1;
getList
();
};
function resetQuery
() {
proxy.resetForm
("queryForm");
handleQuery
();
};
function handleSelectionChange
(selection) {
ids.value = selection.map
(item => item.id);
single.value = selection.length != 1;
multiple.value = !selection.length;
};
function handleAdd
() {
resetFormState
();
// getTreeselect
();
open.value = true;
title.value = "添加属性规则";
};
function handleUpdate
(row) {
resetFormState
();
// getTreeselect
()
const id = row.id || ids.value;
get
TypeAttr
(id).then
(response => {
open.value = true;
title.value = "修改属性规则";
form.value = response.data;
});
};
function submitForm
() {
proxy.$refs["formRef"].validate
(valid => {
if
(valid) {
if
(form.value.id != null) {
update
TypeAttr
(form.value).then
(response => {
proxy.$modal.msgSuccess
("修改成功");
open.value = false;
getList
();
});
} else {
// console.log
(form.value);
add
TypeAttr
(form.value).then
(response => {
proxy.$modal.msgSuccess
("新增成功");
open.value = false;
getList
();
});
}
}
})
};
function cancel
() {
open.value = false;
resetFormState
();
};
function handleDelete
(row) {
// console.log
('删除ids', ids.value);
const delIds = row.id || ids.value;
proxy.$modal.confirm
('是否确认删除属性规则编号为"' + delIds + '"的数据项？').then
(function
() {
return del
TypeAttr
(delIds);
}).then
(() => {
getList
();
proxy.$modal.msgSuccess
("删除成功");
}).catch
(() => {
});
};
function handleExport
() {
proxy.download
('mdm/
typeAttr/export', {
...queryParams.value
}, `
typeAttr_${new Date
().getTime
()}.xlsx`)
};
function filterNode
(value, data) {
if
(!value) return true;
return data.label.includes
(value);
};
function handleNodeClick
(data) {
queryParams.value.
typemgrId = data.id;
handleQuery
();
};
function getTreeselect
() {
treeselect
().then
(response => {
// console.log
('获取树形数据成功:', response);
typeOptions.value = response.data;
});
};
function eidtValid
(row) {
selectedAttrRow.value = row;
getValidDataList
(row);
};
function getValidDataList
(row) {
validOpen.value = true;
validTableLoading.value = true;
try {
const query = {
pageNum: 1,
pageSize: 1000,
attributeId: row.id
};
listValidlist
(query).then
(response => {
// console.log
('获取合法值列表成功:', response);
validlistList.value = response.rows;
});
} catch
(error) {
// console.error
('获取合法值列表失败:', error);
// ElMessage.error
('获取合法值列表失败');
} finally {
validTableLoading.value = false;
}
};
function validSubmitForm
() {
validOpen.value = false;
};
function handleValidAdd
() {
validAddOpen.value = true;
validAddtitle.value = "添加合法值";
resetValidAddForm
();
};
function validAddSubmitForm
() {
console.log
('添加合法值', selectedAttrRow.value.id);
validform.value.attributeId = selectedAttrRow.value.id
proxy.$refs["validformRef"].validate
(valid => {
if
(valid) {
if
(validform.value.id != null) {
updateValidlist
(validform.value).then
(response => {
proxy.$modal.msgSuccess
("修改成功");
validAddOpen.value = false;
getValidDataList
(selectedAttrRow.value);
});
} else {
addValidlist
(validform.value).then
(response => {
proxy.$modal.msgSuccess
("新增成功");
validAddOpen.value = false;
getValidDataList
(selectedAttrRow.value);
});
}
}
});
};
function validAddCancel
() {
validAddOpen.value = false;
resetValidAddForm
();
};
function handleValidSelectionChange
(selection) {
validIds.value = selection.map
(item => item.id);
validsingle.value = selection.length !== 1;
validMultiple.value = !selection.length;
};
function handleValidDeleteBtn
() {
const ids = validIds.value;
proxy.$modal.confirm
('是否确认删除合法值列表编号为"' + ids + '"的数据项？').then
(function
() {
return delValidlist
(ids);
}).then
(() => {
proxy.$modal.msgSuccess
("删除成功");
getValidDataList
(selectedAttrRow.value);
}).catch
(() => {
});
};
function handleValidDelete
(row) {
const ids = row.id;
proxy.$modal.confirm
('是否确认删除合法值列表编号为"' + ids + '"的数据项？').then
(function
() {
return delValidlist
(ids);
}).then
(() => {
getValidDataListByAttrId
(row.attributeId);
proxy.$modal.msgSuccess
("删除成功");
}).catch
(() => {
});
};
function getValidDataListByAttrId
(attrId) {
const query = {
pageNum: 1,
pageSize: 1000,
attributeId: attrId
};
try {
listValidlist
(query).then
(response => {
validlistList.value = response.rows;
});
} catch
(error) {
console.error
('获取合法值列表失败:', error);
}
};
function handleUrlUpdate
() {
// openUrledit.value = true;
resetUrlForm
();
// console.log
('修改命名规则');
const currentNode = proxy.$refs.treeRef.getCurrentNode
();
// const currentNode = treeRef.value.getCurrentNode
();
if
(!currentNode) {
proxy.$modal.msgWarning
("请先在左侧树中选择一个物料类型");
return;
}
console.log
('进入到', currentNode.id);
getMdmMaterial
Type(currentNode.id).then
(response => {
openUrledit.value = true;
// console.log
('获取数据成功:', response);
urlform.value = response.data;
});
};
function submitFormNamingrule
() {
proxy.$refs["urlformRef"].validate
(valid => {
if
(valid) {
if
(urlform.value.id != null) {
updateMdmMaterial
Type(urlform.value).then
(response => {
proxy.$modal.msgSuccess
("修改成功");
openUrledit.value = false;
});
}
}
});
};
function cancelSubmitUrlEdit
() {
openUrledit.value = false;
resetUrlForm
();
};
function handleImport
() {
upload.title = "导入属性";
upload.open = true;
};
function importTemplate
() {
proxy.download
("mdm/
typeAttr/importTemplate", {
}, `attr_template_${new Date
().getTime
()}.xlsx`);
};
const handleFileUploadProgress =
(event, file, fileList) => {
upload.isUploading = true;
};
const handleFileSuccess =
(response, file, fileList) =>{
upload.open = false;
upload.isUploading = false;
proxy.$refs["uploadRef"].handleRemove
(file);
proxy.$alert
("<div style='overflow: auto;overflow
-x: hidden;max
-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
getList
();
};
function submitFileForm
() {
if
(uploadRef.value) {
uploadRef.value.submit
();
}
};
// 编辑合法值
function handleValidUpdate
(row) {
resetValidAddForm
()
const id = row.id || validIds.value
getValidlist
(id).then
(response => {
validform.value = response.data;
validAddOpen.value = true;
title.value = "修改合法值列表";
});
}
getList
()
getTreeselect
()
</script> 这个页面会导致应用崩溃，请优化，指出可能的问题点
本文介绍了在JavaScript中，当使用＜input＞标签type属性为"number"时，如何通过事件监听来实现输入长度、最小值、最大值的限制。针对数字输入框的多条件限制问题，提供了使用"input"事件结合条件判断的简单实现方案。
订阅专栏 解锁全文
扫一扫
6287
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
