修改物料信息功能

src/views/invoicing/ConfigMaterial/ConfigMaterialInfoList.vue

@@ -59,56 +59,59 @@
     </div>
     <div>
         <div style="width:300px;float: left;">
-          <div style="with: 100%;display: flex;">
+          <div style="background: white; border-radius: 8px;padding: 8px;margin-right: 8px;min-height: 400px;">
-            <div class="all-card">
+            <div style="width:100%;text-align: right;" v-if="treeData.length == 0">
-              <div v-for="(item, index) in treeData" :key="index" style="position: relative;">
+              <a-button type="primary" v-auth="'ConfigMaterial:config_material_category:add'" @click="handleAddbj({levle:'1'})" preIcon="ant-design:plus-outlined"> 一级分类</a-button>
-                <div :class="clickCount === index ? 'card-target' : 'card'" :style="getCardStyle(index,treeData.length)" @click="handleClick(index,item)">
+            </div>
-                  <img src="/src/assets/images/logo.png" width="30" height="30" />
+            <a-tree class="draggable-tree" draggable block-node :tree-data="treeData" >
-                  <span style="margin-top: 8px;">{{ item.title }}</span>
+              <template #title="{ data,title }">
+                <div @mouseenter="data.showContent = true" @mouseleave="data.showContent = false">
+                  <span @click="handleSearch(data)">{{title}}</span>
+                  <span v-if="data?.izEnabled == '1'" style="color:red;">(已停用)</span>
+                  <span v-show="data.showContent" style="margin-left: 5px;">
+                    <!-- 下拉菜单 -->
+                    <a-dropdown>
+                      <a class="ant-dropdown-link" @click.prevent>
+                        <Icon icon="ant-design:setting-outlined" />
+                      </a>
+                      <template #overlay>
+                        <a-menu>
+                          <a-menu-item v-if="data.levle	 == '1'">
+                            <a href="javascript:;" @click="handleAddbj(data)">添加本级</a>
+                          </a-menu-item>
+                          <a-menu-item v-if="data.levle	 == '1' || data.levle	 == '2'">
+                            <a href="javascript:;" @click="handleAddxj(data)">添加下级</a>
+                          </a-menu-item>
+                          <a-menu-item>
+                            <a href="javascript:;" @click="handleAdd(data)">添加物料</a>
+                          </a-menu-item>
+                          <a-menu-item>
+                            <a href="javascript:;" @click="handleFenleiEdit(data)">编辑</a>
+                          </a-menu-item>
+                          <a-menu-item v-if="data.izEnabled == '1'">
+                            <a href="javascript:;" @click="handleQyty(data,'0')">启用</a>
+                          </a-menu-item>
+                          <a-menu-item v-if="data.izEnabled == '0'">
+                            <a href="javascript:;" @click="handleQyty(data,'1')">停用</a>
+                          </a-menu-item>
+                        </a-menu>
+                      </template>
+                    </a-dropdown>
+                  </span>
                 </div>
-                <div v-show="clickCount === index && index !== 4" class="sanjiao-down"></div>
+              </template>
-                <div v-show="clickCount === index && index" class="sanjiao-up"></div>
+            </a-tree>
-              </div>
-            </div>
-            <div style="background: #fff;border-radius: 0px 5px 5px 5px ;width: calc(100% - 80px);">
-              <a-menu
-                  v-model:openKeys="openKeys"
-                  v-model:selectedKeys="selectedKeys"
-                  style="height:700px;overflow-y:auto;overflow-x: hidden;"
-                  mode="inline"
-                >
-                <template v-for="(item2,key2) in treeChildData" >
-                  <a-sub-menu v-if="item2.children.length>0" :key="`sub`+key2" style="margin:20px;background-image: url('../resource/img/bj.png');text-align:center;border-radius:5px;">
-                    <template #title>
-                      <div style="height:50px;line-height:50px;">
-                        <span><img src="/src/assets/images/logo.png" width="30" height="30" /></span><span style="margin-left: 10px;">{{item2.title}}</span>
-                      </div>
-                    </template>
-                    <a-menu-item v-for="(item3,key3) in item2.children"  :key="key3" style="height:50px;text-align:left;" >
-                      <div @click="onSelect(item3)">
-                        <span style="font-size: 18px;">·</span> <span style="margin-left: 10px;">{{item3.title}}</span>
-                      </div>
-                    </a-menu-item>
-                  </a-sub-menu>
-                  <a-menu-item v-if="item2.children.length==0" :key="`sub`+key2" style="margin:20px;background-image: url('../resource/img/bj.png');text-align:center;border-radius:5px;width:85%;height:50px;line-height:50px;">
-                      <div @click="onSelect(item2)">
-                        <span><img src="/src/assets/images/logo.png"  width="30" height="30"/></span><span style="margin-left: 10px;">{{item2.title}}</span>
-                      </div>
-                  </a-menu-item>
-                </template>
-              </a-menu>
-            </div>
           </div>
         </div>
-        <div style="width:calc(100% - 320px);float: left;margin-left: 20px;">
+        <div style="width:calc(100% - 300px);float: left;padding-left:10px;">
           <!--引用表格-->
           <BasicTable @register="registerTable" >
             <!--插槽:table标题-->
-            <template #tableTitle>
+            <!-- <template #tableTitle>
               <a-button type="primary" v-auth="'configMaterialInfo:config_material_info:add'"  @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
               <a-button  type="primary" v-auth="'configMaterialInfo:config_material_info:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
               <j-upload-button  type="primary" v-auth="'configMaterialInfo:config_material_info:importExcel'"  preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
-            </template>
+            </template> -->
             <!--操作栏-->
             <template #action="{ record }">
               <TableAction :actions="getTableAction(record)" />
@@ -125,6 +128,11 @@
     
     <!-- 表单区域 -->
     <ConfigMaterialInfoModal ref="registerModal" @success="handleSuccess"></ConfigMaterialInfoModal>
+
+    
+    <ConfigMaterialCategoryModal ref="registerDrawer" @success="handleSuccess"></ConfigMaterialCategoryModal>
+    <ConfigMaterialTypeModal ref="registerTypeDrawer" @success="handleSuccess"></ConfigMaterialTypeModal>
+    <ConfigMaterialMedicationModal ref="registerMedicationDrawer" @success="handleSuccess"></ConfigMaterialMedicationModal>
   </div>
 </template>
 
@@ -143,8 +151,12 @@
   import { JInput } from '/@/components/Form';
   import type { TreeProps } from 'ant-design-vue';
   import { DownOutlined } from '@ant-design/icons-vue';
-import { defHttp } from '/@/utils/http/axios';
+  import { defHttp } from '/@/utils/http/axios';
-import type { CollapseProps } from 'ant-design-vue';
+  import type { CollapseProps } from 'ant-design-vue';
+
+  import ConfigMaterialCategoryModal from '/@/views/invoicing/ConfigMaterial/components/ConfigMaterialCategoryModal.vue';
+  import ConfigMaterialTypeModal from '/@/views/invoicing/ConfigMaterial/components/ConfigMaterialTypeModal.vue';
+  import ConfigMaterialMedicationModal from '/@/views/invoicing/ConfigMaterial/components/ConfigMaterialMedicationModal.vue';
 
   const formRef = ref();
   const queryParam = reactive<any>({});
@@ -159,6 +171,12 @@ import type { CollapseProps } from 'ant-design-vue';
   const openKeys= []
   const selectedKeys= []
   const clickCount = ref(0);
+
+
+  const registerDrawer = ref();
+  const registerTypeDrawer = ref();
+  const registerMedicationDrawer = ref();
+
   /**
    * 点击菜单
    * @param index 菜单索引
@@ -189,12 +207,12 @@ const getCardStyle = (index,allSize) => {
   //注册table数据
   const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
     tableProps: {
-      title: '物料信息',
       api: list,
       columns,
       canResize:false,
       useSearchForm: false,
-           showIndexColumn: true,
+      showIndexColumn: true,
+      showTableSetting: false,
       actionColumn: {
         width: 160,
         fixed: 'right',
@@ -254,9 +272,24 @@ const getCardStyle = (index,allSize) => {
   /**
    * 新增事件
    */
-  function handleAdd() {
+  function handleAdd(data) {
+    const record = {categoryId:'',typeId:'',medicationId:''}
+    var levle = parseInt(data.levle)
+    if(levle == 1){
+      record.categoryId = data.key
+      record.typeId = ''
+      record.medicationId = ''
+    }else if(levle == 2){
+      record.categoryId = data.categoryId
+      record.typeId = data.key
+      record.medicationId = ''
+    }else if(levle == 3){
+      record.categoryId = data.categoryId
+      record.typeId = data.typeId
+      record.medicationId = data.key
+    }
     registerModal.value.disableSubmit = false;
-    registerModal.value.add();
+    registerModal.value.add(record);
   }
   
   /**
@@ -293,7 +326,8 @@ const getCardStyle = (index,allSize) => {
    * 成功回调
    */
   function handleSuccess() {
-    (selectedRowKeys.value = []) && reload();
+    getTreeData();
+    searchQuery();
   }
    
   /**
@@ -321,6 +355,89 @@ const getCardStyle = (index,allSize) => {
     ];
   }
    
+   //点击树节点查询右侧列表数据
+   function handleSearch(data){
+    var levle = parseInt(data.levle)
+    if(levle == 1){
+      queryParam.categoryId = data.key
+      queryParam.typeId = ''
+      queryParam.medicationId = ''
+    }else if(levle == 2){
+      queryParam.categoryId = data.categoryId
+      queryParam.typeId = data.key
+      queryParam.medicationId = ''
+    }else if(levle == 3){
+      queryParam.categoryId = data.categoryId
+      queryParam.typeId = data.typeId
+      queryParam.medicationId = data.key
+    }
+    reload();
+ }
+//添加本级（只添加一级分类）
+  function handleAddbj(data){ 
+    // var params = {id:data.key,level:1,title:data.title}
+    var params = {}
+    registerDrawer.value.disableSubmit = false;
+    registerDrawer.value.edit(params);
+  }
+  //添加下级
+  function handleAddxj(data){ 
+    var levle = parseInt(data.levle)+1;
+    var params = {levle,categoryId:data.categoryId,typeId:data.typeId}
+    if(data.levle == 1){
+      registerTypeDrawer.value.disableSubmit = false;
+      registerTypeDrawer.value.edit(params);
+    }else if(data.levle == 2){
+      registerMedicationDrawer.value.disableSubmit = false;
+      registerMedicationDrawer.value.edit(params);
+    }
+  }  
+  //编辑
+  function handleFenleiEdit(data){ 
+    console.log("🚀 ~ handleEdit ~ data:", data)
+    const params = {id:data.key,categoryId:data.categoryId,typeId:data.typeId,}
+    if(data.levle == 1){
+      params.categoryName = data.title
+      registerDrawer.value.disableSubmit = false;
+      registerDrawer.value.edit(params);
+    }else if(data.levle == 2){
+      params.typeName = data.title
+      console.log("🚀 ~ handleEdit ~ params:", params)
+      registerTypeDrawer.value.disableSubmit = false;
+      registerTypeDrawer.value.edit(params);
+    }else if(data.levle == 3){
+      params.medicationName = data.title
+      console.log("🚀 ~ handleEdit ~ params:", params)
+      registerMedicationDrawer.value.disableSubmit = false;
+      registerMedicationDrawer.value.edit(params);
+    }
+  }
+  //启用停用
+  function handleQyty(data,type){
+    console.log("🚀 ~ handleQyty ~ data:", data)
+    var levle = data.levle;
+    var params = {id:data.key,izEnabled:type}
+    var url = "";
+    //一级分类
+    if(levle == 1){
+      url = "/invoicing/configMaterialCategory/edit";
+    //二级分类
+    }else if(levle == 2){
+      url = "/invoicing/configMaterialType/edit";
+    //三级分类
+    }else if(levle == 3){
+      url = "/invoicing/configMaterialMedication/edit";
+    }else{
+      return;
+    }
+    defHttp.post({url:url,params}).then(res =>{
+      console.log("🚀 ~ defHttp.post ~ res:", res)
+      reload();
+      getTreeData();
+    })
+
+  }
+
 
   /**
    * 查询
@@ -340,18 +457,20 @@ const getCardStyle = (index,allSize) => {
     reload();
   }
 
+function getTreeData(){
+  defHttp.get({url:'/invoicing/configMaterialCategory/getMaterialTreeData'}).then(res =>{
+      treeData.value = res;
+      // console.log("🚀 ~ defHttp.get ~ treeData:", treeData)
+      // console.log("🚀 ~ defHttp.get ~ res:", res)
+      // if(treeData.value.length > 0){
+      //   treeChildData.value = treeData.value[0].children;
+      // }
+    })
+}
     
   // 自动请求并暴露内部方法
   onMounted(() => {
-    defHttp.get({url:'/invoicing/configMaterialCategory/getMaterialTreeData'}).then(res =>{
+    getTreeData()
-      treeData.value = res;
-      console.log("🚀 ~ defHttp.get ~ treeData:", treeData)
-      console.log("🚀 ~ defHttp.get ~ res:", res)
-      if(treeData.value.length > 0){
-        treeChildData.value = treeData.value[0].children;
-      }
-
-    })
   });
 
 

src/views/invoicing/ConfigMaterial/components/ConfigMaterialCategoryForm.vue

@@ -140,8 +140,4 @@
   .antd-modal-form {
     padding: 14px;
   }
-  .ant-modal .ant-modal-body {
-  padding: 0;
-  height: 300px !important;
-}
 </style>

src/views/invoicing/ConfigMaterial/components/ConfigMaterialCategoryModal.vue

@@ -74,4 +74,5 @@
     display: none !important;
   }
 </style>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+</style>

src/views/invoicing/ConfigMaterial/components/ConfigMaterialInfoForm.vue

@@ -4,17 +4,17 @@
       <template #detail>
         <a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ConfigMaterialInfoForm">
           <a-row>
-						<a-col :span="8">
+						<a-col :span="8" hidden>
 							<a-form-item label="一级级分类" v-bind="validateInfos.categoryId" id="ConfigMaterialInfoForm-categoryId" name="categoryId">
                 <j-dict-select-tag type='list' v-model:value="formData.categoryId" dictCode="nu_config_material_category,category_name,id,iz_enabled = 0 and del_flag = 0" placeholder="请选择一级级分类"  allow-clear @change="formData.typeId = null , formData.medicationId = null" />
 							</a-form-item>
 						</a-col>
-						<a-col :span="8">
+						<a-col :span="8" hidden>
 							<a-form-item label="二级级分类" v-bind="validateInfos.typeId" id="ConfigMaterialInfoForm-typeId" name="typeId">
                 <j-dict-select-tag type='list' v-model:value="formData.typeId" :dictCode="`nu_config_material_type,type_name,id,category_id = ${formData.categoryId || -1} and iz_enabled = 0 and del_flag = 0 `" placeholder="请选择二级级分类" @change="formData.medicationId = null"  allow-clear />
 							</a-form-item>
 						</a-col>
-						<a-col :span="8">
+						<a-col :span="8" hidden>
 							<a-form-item label="三级级分类" v-bind="validateInfos.medicationId" id="ConfigMaterialInfoForm-medicationId" name="medicationId">
                 <j-dict-select-tag type='list' v-model:value="formData.medicationId" :dictCode="`nu_config_material_medication,medication_name,id,type_id = ${formData.typeId || -1} and iz_enabled = 0 and del_flag = 0`" placeholder="请选择三级级分类"  allow-clear />
 							</a-form-item>
@@ -65,33 +65,33 @@
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="父级单位" v-bind="validateInfos.oneUnit" id="ConfigMaterialInfoForm-oneUnit" name="oneUnit">
+							<a-form-item label="二级单位" v-bind="validateInfos.oneUnit" id="ConfigMaterialInfoForm-oneUnit" name="oneUnit">
-								<a-input v-model:value="formData.oneUnit" placeholder="请输入父级单位"  allow-clear ></a-input>
+								<a-input v-model:value="formData.oneUnit" placeholder="请输入二级单位"  allow-clear ></a-input>
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="父级单位兑换比例" v-bind="validateInfos.oneUnitProportion" id="ConfigMaterialInfoForm-oneUnitProportion" name="oneUnitProportion">
+							<a-form-item label="二级单位兑换比例" v-bind="validateInfos.oneUnitProportion" id="ConfigMaterialInfoForm-oneUnitProportion" name="oneUnitProportion">
-								<a-input-number v-model:value="formData.oneUnitProportion" placeholder="请输入父级单位兑换比例" style="width: 100%" />
+								<a-input-number v-model:value="formData.oneUnitProportion" placeholder="请输入二级单位兑换比例" style="width: 100%" />
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="父级单位价格" v-bind="validateInfos.oneUnitPrice" id="ConfigMaterialInfoForm-oneUnitPrice" name="oneUnitPrice">
+							<a-form-item label="二级单位价格" v-bind="validateInfos.oneUnitPrice" id="ConfigMaterialInfoForm-oneUnitPrice" name="oneUnitPrice">
-								<a-input-number v-model:value="formData.oneUnitPrice" placeholder="请输入父级单位价格" style="width: 100%" />
+								<a-input-number v-model:value="formData.oneUnitPrice" placeholder="请输入二级单位价格" style="width: 100%" />
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="爷级单位" v-bind="validateInfos.twoUnit" id="ConfigMaterialInfoForm-twoUnit" name="twoUnit">
+							<a-form-item label="一级单位" v-bind="validateInfos.twoUnit" id="ConfigMaterialInfoForm-twoUnit" name="twoUnit">
-								<a-input v-model:value="formData.twoUnit" placeholder="请输入爷级单位"  allow-clear ></a-input>
+								<a-input v-model:value="formData.twoUnit" placeholder="请输入一级单位"  allow-clear ></a-input>
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="爷级单位兑换比例" v-bind="validateInfos.twoUnitProportion" id="ConfigMaterialInfoForm-twoUnitProportion" name="twoUnitProportion">
+							<a-form-item label="一级单位兑换比例" v-bind="validateInfos.twoUnitProportion" id="ConfigMaterialInfoForm-twoUnitProportion" name="twoUnitProportion">
-								<a-input-number v-model:value="formData.twoUnitProportion" placeholder="请输入爷级单位兑换比例" style="width: 100%" />
+								<a-input-number v-model:value="formData.twoUnitProportion" placeholder="请输入一级单位兑换比例" style="width: 100%" />
 							</a-form-item>
 						</a-col>
 						<a-col :span="8" v-if="formData.multiUnitSwitch == '1'">
-							<a-form-item label="爷级单位价格" v-bind="validateInfos.twoUnitPrice" id="ConfigMaterialInfoForm-twoUnitPrice" name="twoUnitPrice">
+							<a-form-item label="一级单位价格" v-bind="validateInfos.twoUnitPrice" id="ConfigMaterialInfoForm-twoUnitPrice" name="twoUnitPrice">
-								<a-input-number v-model:value="formData.twoUnitPrice" placeholder="请输入爷级单位价格" style="width: 100%" />
+								<a-input-number v-model:value="formData.twoUnitPrice" placeholder="请输入一级单位价格" style="width: 100%" />
 							</a-form-item>
 						</a-col>
 						<a-col :span="8">
@@ -182,8 +182,6 @@
   const confirmLoading = ref<boolean>(false);
   //表单验证
   const validatorRules = reactive({
-    categoryId: [{ required: true, message: '请选择一级级分类!'},],
-    typeId: [{ required: true, message: '请选择二级级分类!'},],
     materialName: [{ required: true, message: '请输入货品名称!'},],
     salesUnitPrice: [{ required: true, message: '请输入销售单价!'},],
     referenceUnitPrice: [{ required: true, message: '请输入参考单价!'},],
@@ -207,8 +205,8 @@
   /**
    * 新增
    */
-  function add() {
+  function add(record) {
-    edit({});
+    edit(record);
   }
 
   /**

src/views/invoicing/ConfigMaterial/components/ConfigMaterialInfoModal.vue

@@ -19,11 +19,11 @@
   /**
    * 新增
    */
-  function add() {
+  function add(record) {
     title.value = '新增';
     visible.value = true;
     nextTick(() => {
-      registerForm.value.add();
+      registerForm.value.add(record);
     });
   }