<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="materiaTypelName" placeholder="请输入物料类型名称" clearable prefix-icon="Search" style="margin-bottom
: 20
px"/>
</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="handleNode
Click"/>
</div>
</el-col>
</pane>
<!-- 属性数据-->
<pane size="84">
<el-col>
<el-form
:model="queryParams" ref="queryForm"
:inline="true" v-show="showSearch" label-width="68
px">
<el-form-item label="编号" prop="number">
<el-input v-model="queryParams
.number" placeholder="请输入编号" clearable @keyup
.enter
.native="handleQuery"
style="width
: 240
px"/>
</el-form-item>
<el-form-item label="名称" prop="name">
<el-input v-model="queryParams
.name" placeholder="请输入名称" clearable @keyup
.enter
.native="handleQuery"
style="width
: 240
px"/>
</el-form-item>
<el-form-item label="状态" prop="status">
<el-select v-model="queryParams
.status" placeholder="请选择状态" clearable style="width
: 240
px">
<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
:mdmMaterialType
: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="dataType">
<template #default="scope">
<dict-tag
:options="mdm_common_column_type"
:value="scope
.row
.dataType"/>
</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="850
px" append-to-body>
<el-form
:model="form"
:rules="rules" ref="formRef" label-width="120
px">
<!-- 基本信息 -->
<el-row>
<el-col
:span="12">
<el-form-item label="编号" prop="number">
<el-input v-model="form
.number" placeholder="请输入编号" style="width
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="名称" prop="name">
<el-input v-model="form
.name" placeholder="请输入名称" style="width
: 240
px"/>
</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
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="字段类型" prop="dataType">
<el-select v-model="form
.dataType" placeholder="请选择字段类型" style="width
: 240
px">
<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
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="数值最大值" prop="maxVal">
<el-input v-model="form
.maxVal" placeholder="请输入数值最大值" style="width
: 240
px"/>
</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
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="默认值" prop="defaultVal">
<el-input v-model="form
.defaultVal" placeholder="请输入默认值" style="width
: 240
px"/>
</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
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="正则表达式校验" prop="regularCheck">
<el-input v-model="form
.regularCheck" placeholder="请输入正则表达式校验" style="width
: 240
px"/>
</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
: 240
px"/>
</el-form-item>
</el-col>
<el-col
:span="12">
<el-form-item label="单位" prop="unit">
<el-input v-model="form
.unit" placeholder="请输入单位" style="width
: 240
px"/>
</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
: 240
px">
<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
: 240
px">
<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
: 240
px">
<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
: 240
px">
<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
: 240
px">
<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
: 240
px">
<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
: 240
px">
<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
: 240
px"/>
</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
: 240
px"/>
</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
: 240
px"/>
</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="500
px" append-to-body>
<el-form ref="urlformRef"
:model="urlform"
:rules="urlEditrules" label-width="80
px">
<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="650
px" 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="500
px" append-to-body>
<el-form ref="validformRef"
:model="validform"
:rules="validRules" label-width="80
px">
<el-form-item label="合法值名称" prop="name" label-width="95
px">
<el-input v-model="validform
.name" placeholder="请输入合法值名称"/>
</el-form-item>
<el-form-item label="排序" prop="orderNum" label-width="95
px">
<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="400
px" 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
: 12
px; 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 {listTypeAttr, getTypeAttr, delTypeAttr, addTypeAttr, updateTypeAttr} from "@/api/mdm/typeAttr";
import {getMdmMaterialType, updateMdmMaterialType} from "@/api/mdm/mdmMaterialType";
import { treeselect } from "@/api/mdm/mdmMaterialType";
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 materiaTypelName = 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,
dataType
: 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,
dataType
: 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"}],
dataType
: [{required
: true, message
: "字段类型不能为空", trigger
: "change"}],
}
);
const urlEditrules = reactive
({
namingrule
: [{required
: true, message
: "命名规则不能为空", trigger
: "
blur"}],
}
);
const validRules = reactive
({
name
: [{required
: true, message
: "名称不能为空", trigger
: "
blur"}],
}
);
// 监听物料类型名称变化
watch
(materiaTypelName,
(val
) => {
proxy
.$refs["treeRef"]
.filter(val
);
}
);
// 获取列表
function getList
() {
console
.log
("========属性规则getList======"
);
loading
.value = true;
try {
listTypeAttr
(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,
dataType
: 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;
getTypeAttr
(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
) {
updateTypeAttr
(form
.value
).then
(response => {
proxy
.$modal
.msgSuccess
("修改成功"
);
open
.value = false;
getList
();
}
);
} else {
// console
.log
(form
.value
);
addTypeAttr
(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 delTypeAttr
(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 handleNode
Click(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
);
getMdmMaterialType
(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
) {
updateMdmMaterialType
(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
: 10
px 20
px 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> 这个页面会
导致应用崩溃，请优化，指出可能的问题点
博客介绍在绑定点击事件的div上添加z-index:1000样式，以此提高层级，从而避免div受模糊效果的影响，属于前端开发技巧。
扫一扫
2261
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
