pms 设置BOM树节点属性

src/api/pms/bom/index.ts

@@ -8,7 +8,7 @@ export interface BomVO {
   deviceCategoryId: number
   status: number
   sort: number
-  type: string
+  type?: number[] // bom节点属性 维修 or 保养
   createTime: Date
 }
 

src/utils/dict.ts

@@ -253,5 +253,8 @@ export enum DICT_TYPE {
   IOT_PLUGIN_STATUS = 'iot_plugin_status', // IOT 插件状态
   IOT_PLUGIN_TYPE = 'iot_plugin_type', // IOT 插件类型
   IOT_DATA_BRIDGE_DIRECTION_ENUM = 'iot_data_bridge_direction_enum', // 桥梁方向
-  IOT_DATA_BRIDGE_TYPE_ENUM = 'iot_data_bridge_type_enum' // 桥梁类型
+  IOT_DATA_BRIDGE_TYPE_ENUM = 'iot_data_bridge_type_enum', // 桥梁类型
+
+  // ========== PMS模块  ==========
+  PMS_BOM_NODE_EXT_ATTR = 'BOM_NODE_EXT_ATTR', // BOM节点扩展属性 维护 or 保养
 }

src/views/pms/bom/BomForm.vue

@@ -33,6 +33,17 @@
       <el-form-item label="BOM节点名称" prop="name">
         <el-input v-model="formData.name" placeholder="请输入BOM节点名称" />
       </el-form-item>
+      <el-form-item label="BOM节点属性" prop="type">
+        <el-checkbox-group v-model="formData.type" class="w-80">
+          <el-checkbox
+            v-for="dict in getIntDictOptions(DICT_TYPE.PMS_BOM_NODE_EXT_ATTR)"
+            :key="dict.value"
+            :value="dict.value"
+          >
+            {{ dict.label }}
+          </el-checkbox>
+        </el-checkbox-group>
+      </el-form-item>
       <el-form-item label="显示排序" prop="sort">
         <el-input-number v-model="formData.sort" :min="0" controls-position="right" />
       </el-form-item>
@@ -82,6 +93,7 @@ const formData = ref({
   parentId: undefined,
   name: undefined,
   sort: undefined,
+  type: undefined,
   status: CommonStatusEnum.ENABLE
 })
 const formRules = reactive<FormRules>({
@@ -176,6 +188,7 @@ const resetForm = () => {
     parentId: undefined,
     name: undefined,
     sort: undefined,
+    type: undefined,
     status: CommonStatusEnum.ENABLE
   }
   formRef.value?.resetFields()

src/views/pms/bom/MaterialList.vue

@@ -0,0 +1,162 @@
+<template>
+  <Dialog v-model="dialogVisible" title="选择品牌" style="width: 1100px; max-height: 800px">
+    <ContentWrap>
+      <el-form
+        class="-mb-15px"
+        :model="queryParams"
+        ref="queryFormRef"
+        :inline="true"
+        label-width="68px"
+      >
+        <el-form-item label="字典标签" prop="label">
+          <el-input
+            v-model="queryParams.label"
+            placeholder="请输入字典标签"
+            clearable
+            @keyup.enter="handleQuery"
+            class="!w-240px"
+          />
+        </el-form-item>
+        <el-form-item label="状态" prop="status">
+          <el-select v-model="queryParams.status" placeholder="数据状态" clearable class="!w-240px">
+            <el-option
+              v-for="dict in getIntDictOptions(DICT_TYPE.COMMON_STATUS)"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+          <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+        </el-form-item>
+      </el-form>
+    </ContentWrap>
+    <ContentWrap>
+      <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @row-click="handleRowClick">
+        <el-table-column width="60" label="选择">
+          <template #default="{ row }">
+            <el-radio
+              :model-value="selectedRow?.id"
+              :label="row.id"
+              @click.stop="selectRow(row)"
+              class="no-label-radio"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column label="字典编码" align="center" prop="id" />
+        <el-table-column label="字典标签" align="center" prop="label" />
+        <el-table-column label="字典键值" align="center" prop="value" />
+        <!--      <el-table-column label="字典排序" align="center" prop="sort" />-->
+        <el-table-column label="状态" align="center" prop="status">
+          <template #default="scope">
+            <dict-tag :type="DICT_TYPE.COMMON_STATUS" :value="scope.row.status" />
+          </template>
+        </el-table-column>
+        <!--      <el-table-column label="颜色类型" align="center" prop="colorType" />-->
+        <!--      <el-table-column label="CSS Class" align="center" prop="cssClass" />-->
+        <el-table-column label="备注" align="center" prop="remark" show-overflow-tooltip />
+        <el-table-column
+          label="创建时间"
+          align="center"
+          prop="createTime"
+          width="180"
+          :formatter="dateFormatter"
+        />
+<!--        <el-table-column label="操作" align="center">-->
+<!--          <template #default="scope">-->
+<!--            <el-button link type="primary" @click="choose(scope.row)"> 选择 </el-button>-->
+<!--          </template>-->
+<!--        </el-table-column>-->
+      </el-table>
+      <!-- 分页 -->
+      <Pagination
+        :total="total"
+        v-model:page="queryParams.pageNo"
+        v-model:limit="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </ContentWrap>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import * as DictDataApi from '@/api/system/dict/dict.data'
+import { DictDataVO } from '@/api/system/dict/dict.data'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import { dateFormatter } from '@/utils/formatTime'
+import * as DictTypeApi from '@/api/system/dict/dict.type'
+
+const emit = defineEmits(['choose']) // 定义 success 事件，用于操作成功后的回调
+const dialogVisible = ref(false) // 弹窗的是否展示
+const loading = ref(true) // 列表的加载中
+const queryFormRef = ref() // 搜索的表单
+const list = ref<DictDataVO[]>([]) // 列表的数据
+const dictTypeList = ref<DictTypeApi.DictTypeVO[]>() // 字典类型的列表
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  label: '',
+  status: undefined,
+  dictType: 'pms_device_brand'
+})
+
+const selectedRow = ref(null);
+
+// 处理单选逻辑
+const selectRow = (row) => {
+  selectedRow.value = selectedRow.value?.id === row.id ? null : row;
+  emit('choose', row)
+  dialogVisible.value = false
+};
+
+// 点击整行选中
+const handleRowClick = (row) => {
+  selectRow(row);
+};
+const open = async (type: string, id?: number) => {
+  dialogVisible.value = true
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await DictDataApi.getDictDataPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+const choose = (row: DictDataVO) => {
+  emit('choose', row)
+  dialogVisible.value = false
+}
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+/** 初始化 **/
+onMounted(async () => {
+  await getList()
+  // 查询字典（精简)列表
+  dictTypeList.value = await DictTypeApi.getSimpleDictTypeList()
+})
+</script>
+<style lang="scss">
+.no-label-radio .el-radio__label {
+  display: none;
+}
+.no-label-radio .el-radio__inner {
+  margin-right: 0;
+}
+</style>

src/views/pms/bom/index.vue

@@ -111,7 +111,8 @@
 
   <!-- 添加或修改 Bom树节点 对话框 -->
   <BomForm ref="formRef" :category_id="selectedId" @success="getList" />
-
+  <!-- 添加物料列表 -->
+  <MaterialList ref="materialListRef" @choose="chooseMaterial" />
 </template>
 <script lang="ts" setup>
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
@@ -122,6 +123,7 @@ import DeviceCategoryTree from './DeviceCategoryTree.vue'
 import { useTreeStore } from '@/store/modules/treeStore';
 import { ref, computed } from 'vue';
 import { handleTree } from '@/utils/tree'
+import MaterialList from "@/views/pms/bom/MaterialList.vue";
 
 defineOptions({ name: 'Bom' })
 
@@ -155,6 +157,16 @@ const getList = async () => {
   }
 }
 
+/** 选择物料操作 */
+const materialListRef = ref()
+const openSelectMaterialForm = () => {
+  materialListRef.value.open()
+}
+
+const chooseMaterial = (row) => {
+  // formData.value.brand = row.id
+}
+
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.pageNo = 1