From 6cfb56b4dbca22914dcb169c29b3e00ff23b1a32 Mon Sep 17 00:00:00 2001
From: chenhc <2369838784@qq.com>
Date: Tue, 26 Mar 2024 11:28:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=8C=BB=E4=BF=9D?=
 =?UTF-8?q?=E8=80=97=E6=9D=90=E4=BF=A1=E6=81=AF=E6=8E=A5=E5=8F=A3=E8=B0=83?=
 =?UTF-8?q?=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/basic/product/udiRelevance.js         |   8 +-
 src/views/basic/product/product.vue           |  69 +++++++++-
 src/views/basic/product/productEdit.vue       |  95 +++++++++++++-
 .../company/basicCompanyProductsImport.vue    | 107 ++++++++++++++-
 .../company/basicCompanyproductDetail.vue     |  60 +++++++++
 .../company/basicCompanyproductEdit.vue       | 124 +++++++++++++++++-
 .../products/selectDIDetailDialog.vue         |  42 ++++++
 .../products/supAddDiProductSelectUdi.vue     | 101 +++++++++++++-
 8 files changed, 590 insertions(+), 16 deletions(-)

diff --git a/src/api/basic/product/udiRelevance.js b/src/api/basic/product/udiRelevance.js
index d95fb27..729a15d 100644
--- a/src/api/basic/product/udiRelevance.js
+++ b/src/api/basic/product/udiRelevance.js
@@ -209,7 +209,13 @@ export function getGgxhList(params) {
   });
 }
 
-
+export function getYbHcflDetail(query) {
+  return axios({
+    url: "/udi/udirel/ybHcflDetail",
+    method: "post",
+    data: query
+  });
+}
 
 
 
diff --git a/src/views/basic/product/product.vue b/src/views/basic/product/product.vue
index 46e8d5f..50bde9d 100644
--- a/src/views/basic/product/product.vue
+++ b/src/views/basic/product/product.vue
@@ -1072,6 +1072,67 @@
                         </div>
                       </el-col>
                     </el-row>
+                    <el-row :gutter="20" class="el-row" type="flex">
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>一级分类:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.catalogname1"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>二级分类:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.catalogname2"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+                    <el-row :gutter="20" class="el-row" type="flex">
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>三级分类:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.catalogname3"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>耗材材质:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.matrial"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
                     <el-row :gutter="20" class="el-row" type="flex">
                       <el-col :span="12" class="el-col">
                         <div class="text item">
@@ -1780,6 +1841,10 @@ export default {
         packUnit: null,
         measname: null,
         nameCode: null,
+        catalogname1: "",
+        catalogname2: "",
+        catalogname3: "",
+        matrial: "",
       },
       groupBuyMap: {
         true: "集采",
@@ -2317,7 +2382,9 @@ export default {
         }
       });
     },
-
+    closeHandler(){
+      // this.visible = false;
+    },
     // selectSysParam() {
     //   let query = {
     //     paramKey: "smp_isUploadProuct",
diff --git a/src/views/basic/product/productEdit.vue b/src/views/basic/product/productEdit.vue
index e0b7a20..c15705b 100644
--- a/src/views/basic/product/productEdit.vue
+++ b/src/views/basic/product/productEdit.vue
@@ -120,10 +120,62 @@
                 size="small"
                 splaceholder="请输入内容"
                 v-model="editQuery.ybbm"
+                v-debounce-input:500ms="getYbHcData"
               ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
+
+        <el-row type="flex" class="edit-row">
+          <el-col :span="12">
+            <el-form-item label="一级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname1"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname2"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row type="flex" class="edit-row">
+          <el-col :span="12">
+            <el-form-item label="三级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname3"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="耗材材质:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.matrial"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
         <el-row type="flex" class="edit-row">
           <el-col :span="12">
             <el-form-item label="库存积压预警数量:">
@@ -653,7 +705,7 @@
 </template>
 
 <script>
-import {disableUdi, removeDiRl, removeRl, thirdSysDetail, updatetSingleUdiInfo} from "@/api/basic/product/udiRelevance";
+import {getYbHcflDetail,disableUdi, removeDiRl, removeRl, thirdSysDetail, updatetSingleUdiInfo} from "@/api/basic/product/udiRelevance";
 import {isBlank} from "@/utils/strUtil";
 import {filterByUuid} from "@/api/basic/product/udiInfo";
 import ProductSingleEdit from "@/views/basic/product/productSingleEdit";
@@ -705,6 +757,7 @@ export default {
     return {
       isUseDyCheck: true,
       useNumEnable: true,
+      ybHcflDetail: {},
       sysList: [],
       detailList: [],
       fromDeptOptions: [],
@@ -749,6 +802,32 @@ export default {
     }
   },
   methods: {
+    getYbHcData(){
+      let query = {
+        specificationCode: this.editQuery.ybbm
+      };
+      getYbHcflDetail(query).then((response) => {
+        if (response.code == 20000) {
+          this.ybHcflDetail = response.data
+          this.editQuery.catalogname1 = this.ybHcflDetail.catalogname1
+          this.editQuery.catalogname2 = this.ybHcflDetail.catalogname2
+          this.editQuery.catalogname3 = this.ybHcflDetail.catalogname3
+          this.editQuery.matrial = this.ybHcflDetail.matrial
+          this.$forceUpdate();
+        }else {
+          this.editQuery.catalogname1 = ""
+          this.editQuery.catalogname2 = ""
+          this.editQuery.catalogname3 = ""
+          this.editQuery.matrial = ""
+          this.$forceUpdate();
+        }
+      }).catch(() => {
+      })
+
+    },
+    onClose(){
+      this.$emit("onClose")
+    },
     diableChange() {
       let query = {
         relId: this.pId
@@ -994,7 +1073,19 @@ export default {
           this.loading = false;
         });
     },
-
+  },
+  directives: {
+    'debounce-input': {
+      inserted(el, binding) {
+        let timeout
+        el.addEventListener('input', () => {
+          clearTimeout(timeout)
+          timeout = setTimeout(() => {
+            binding.value()
+          }, parseInt(binding.arg) || 300)
+        })
+      }
+    }
   }
 }
 </script>
diff --git a/src/views/supplier/company/basicCompanyProductsImport.vue b/src/views/supplier/company/basicCompanyProductsImport.vue
index 50e4691..130a6a2 100644
--- a/src/views/supplier/company/basicCompanyProductsImport.vue
+++ b/src/views/supplier/company/basicCompanyProductsImport.vue
@@ -330,21 +330,77 @@
               ></el-input>
             </div>
           </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item label="医保编码:">
+              <el-input style="width: 80%"
+                        size="small"
+                        splaceholder="请输入内容"
+                        v-model="repEditQuery.ybbm"
+                        v-debounce-input:500ms="getYbHcData"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+
+
+        <el-row :gutter="20" class="el-row" type="flex">
+          <el-col :span="12" class="el-col">
+            <div class="text item">
+              <div class="itemTag">
+                <span>一级分类名称:&nbsp;</span>
+              </div>
+              <el-input
+                style="width: 65%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="repEditQuery.catalogname1"
+                disabled
+              ></el-input>
+            </div>
+          </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item label="二级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="repEditQuery.catalogname2"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20" class="el-row" type="flex">
           <el-col :span="12" class="el-col">
             <div class="text item">
               <div class="itemTag">
-                <span>医保编码:&nbsp;</span>
+                <span>三级分类名称:&nbsp;</span>
               </div>
               <el-input
                 style="width: 65%"
                 size="small"
                 splaceholder="请输入内容"
-                v-model="repEditQuery.ybbm"
+                v-model="repEditQuery.catalogname3"
+                disabled
               ></el-input>
             </div>
           </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item label="耗材材质:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="repEditQuery.matrial"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
         </el-row>
 
+
         <el-row :gutter="20" class="el-row" type="flex">
           <el-col :span="12" class="el-col">
             <div class="text item">
@@ -597,6 +653,7 @@
 </template>
 
 <script>
+import {getYbHcflDetail} from '@/api/basic/product/udiRelevance'
 import {updateErpProduct, thirdSysDetail, getSmUdiInfos} from "../../../api/basic/udiRelevance";
 import {udiUpload} from "../../../api/thrsys/smp"
 import {finProductSet, selectSysParamByKey} from "../../../api/param/systemParamConfig";
@@ -620,6 +677,7 @@ export default {
   },
   data() {
     return {
+      ybHcflDetail: {},
       showSearch: true,
       radioCheck: null,
       filterQuery: {
@@ -661,6 +719,10 @@ export default {
         basicPrductRemak6: null,
         basicPrductRemak7: null,
         basicPrductRemak8: null,
+        catalogname1: null,
+        catalogname2: null,
+        catalogname3: null,
+        matrial: null,
 
       },
       relevanceEdit: {
@@ -703,6 +765,32 @@ export default {
   },
 
   methods: {
+    getYbHcData(){
+      let query = {
+        specificationCode: this.repEditQuery.ybbm
+      };
+      getYbHcflDetail(query).then((response) => {
+        if (response.code == 20000) {
+          this.ybHcflDetail = response.data
+          this.repEditQuery.catalogname1 = this.ybHcflDetail.catalogname1
+          this.repEditQuery.catalogname2 = this.ybHcflDetail.catalogname2
+          this.repEditQuery.catalogname3 = this.ybHcflDetail.catalogname3
+          this.repEditQuery.matrial = this.ybHcflDetail.matrial
+          this.$forceUpdate();
+        }else {
+          this.repEditQuery.catalogname1 = ""
+          this.repEditQuery.catalogname2 = ""
+          this.repEditQuery.catalogname3 = ""
+          this.repEditQuery.matrial = ""
+          this.$forceUpdate();
+        }
+      }).catch(() => {
+      })
+
+    },
+    onClose(){
+      this.$emit("onClose")
+    },
     onReset() {
       this.radioCheck = null;
       this.$router.push({
@@ -873,7 +961,7 @@ export default {
       this.repEditQuery.manufactory = this.currentRow.manufactory;
       this.repEditQuery.spmc = this.currentRow.spmc;
       this.repEditQuery.cpms = this.currentRow.cpms;
-
+      this.getYbHcData()
       // if (isBlank(this.relevanceEdit.cpms)) {
       //   this.repEditQuery.cpms =this.currentRow.cpmctymc+this.currentRow.ggxh
       // }
@@ -1036,6 +1124,19 @@ export default {
     // if (this.editQuery.basicPrductRemak7 != null) {
     this.findThrTypeMethod(this.repEditQuery.basicPrductRemak7);
   },
+ directives: {
+  'debounce-input': {
+    inserted(el, binding) {
+      let timeout
+      el.addEventListener('input', () => {
+        clearTimeout(timeout)
+        timeout = setTimeout(() => {
+          binding.value()
+        }, parseInt(binding.arg) || 300)
+      })
+    }
+  }
+}
 };
 </script>
 <style scoped>
diff --git a/src/views/supplier/company/basicCompanyproductDetail.vue b/src/views/supplier/company/basicCompanyproductDetail.vue
index 1fe1659..b46dedc 100644
--- a/src/views/supplier/company/basicCompanyproductDetail.vue
+++ b/src/views/supplier/company/basicCompanyproductDetail.vue
@@ -429,6 +429,66 @@
                 </div>
               </el-col>
             </el-row>
+
+            <el-row :gutter="20" class="el-row" type="flex">
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>一级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input
+                    style="width: 65%"
+                    size="small" :disabled="true"
+                    splaceholder="请输入内容"
+                    v-model="editQuery.catalogname1"
+                  ></el-input>
+                </div>
+              </el-col>
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>二级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input
+                    style="width: 65%"
+                    :disabled="true"
+                    size="small"
+                    splaceholder="请输入内容"
+                    v-model="editQuery.catalogname2"
+                  ></el-input>
+                </div>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20" class="el-row" type="flex">
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>三级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input
+                    style="width: 65%"
+                    size="small" :disabled="true"
+                    splaceholder="请输入内容"
+                    v-model="editQuery.catalogname3"
+                  ></el-input>
+                </div>
+              </el-col>
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>耗材材质:&nbsp;</span>
+                  </div>
+                  <el-input
+                    style="width: 65%"
+                    :disabled="true"
+                    size="small"
+                    splaceholder="请输入内容"
+                    v-model="editQuery.matrial"
+                  ></el-input>
+                </div>
+              </el-col>
+            </el-row>
+
             <el-row :gutter="20" class="el-row" type="flex">
               <el-col :span="12" class="el-col">
                 <div class="text item">
diff --git a/src/views/supplier/company/basicCompanyproductEdit.vue b/src/views/supplier/company/basicCompanyproductEdit.vue
index 86d025d..9fb5fd9 100644
--- a/src/views/supplier/company/basicCompanyproductEdit.vue
+++ b/src/views/supplier/company/basicCompanyproductEdit.vue
@@ -71,7 +71,7 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12">
             <el-form-item label="产品价格:">
               <el-input style="width: 80%" size="small" splaceholder="请输入内容" v-model="editQuery.price"></el-input>
@@ -79,10 +79,68 @@
           </el-col>
           <el-col :span="12">
             <el-form-item label="医保编码:">
-              <el-input style="width: 80%" size="small" splaceholder="请输入内容" v-model="editQuery.ybbm"></el-input>
+              <el-input style="width: 80%"
+                        size="small"
+                        splaceholder="请输入内容"
+                        v-model="editQuery.ybbm"
+                        v-debounce-input:500ms="getYbHcData"
+          ></el-input>
+          </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row type="flex" class="edit-row">
+          <el-col :span="12">
+            <el-form-item label="一级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname1"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="二级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname2"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row type="flex" class="edit-row">
+          <el-col :span="12">
+            <el-form-item label="三级分类名称:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname3"
+                disabled
+              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
+            <el-form-item label="耗材材质:">
+              <el-input
+                style="width: 80%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.matrial"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row type="flex" class="edit-row">
+        <el-col :span="12">
             <el-form-item label="采购类型">
               <el-select
                 v-model="editQuery.purType"
@@ -110,6 +168,8 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12" v-if="productRemarkSet.remarkEnable1">
             <el-form-item :label="productRemarkSet.remarkTitle1+':'">
               <el-input
@@ -130,6 +190,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12" v-if="productRemarkSet.remarkEnable3">
             <el-form-item :label="productRemarkSet.remarkTitle3+':'">
               <el-input
@@ -150,6 +212,8 @@
               ></el-input>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12" v-if="productRemarkSet.remarkEnable5">
             <el-form-item :label="productRemarkSet.remarkTitle5+':'">
               <el-input
@@ -173,6 +237,8 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12" v-if="productRemarkSet.remarkEnable7">
             <el-form-item :label="productRemarkSet.remarkTitle7+':'">
               <el-select
@@ -221,6 +287,8 @@
               </el-select>
             </el-form-item>
           </el-col>
+        </el-row>
+        <el-row type="flex" class="edit-row">
           <el-col :span="12">
             <el-form-item label="产品描述:">
               <el-input style="width: 80%" size="small" splaceholder="请输入内容" v-model="editQuery.cpms"></el-input>
@@ -238,15 +306,15 @@
               </el-radio-group>
             </el-form-item>
           </el-col>
-
-
         </el-row>
+        <el-row  class="edit-row">
         <el-button-group style="display: flex">
           <el-button type="primary" @click.native="submitUpload()" style="margin: 0 60px 10px auto; height: 35px"
                      :loading="loading"
           >提交
           </el-button>
         </el-button-group>
+        </el-row>
       </el-form>
     </el-card>
 
@@ -275,7 +343,7 @@
 </template>
 
 <script>
-import {disableUdi, removeDiRl, removeRl, thirdSysDetail} from '@/api/basic/product/udiRelevance'
+import {getYbHcflDetail,disableUdi, removeDiRl, removeRl, thirdSysDetail} from '@/api/basic/product/udiRelevance'
 import {updateById} from '@/api/basic/udiRelevance'
 import {filterByUuid} from '@/api/basic/udiInfo'
 import selectErp from "./udiInfoselectErpUdi";
@@ -301,6 +369,7 @@ export default {
 
   data() {
     return {
+      ybHcflDetail: {},
       isUseDyCheck: false,
       useNumEnable: true,
       editDialogVisible: false,
@@ -323,7 +392,6 @@ export default {
         sptm: null,
         packUnit: null,
         measname: null,
-        nameCode: null
       },
       editSingleDiDialogVisible: false,
       selectErpDialogVisible: false,  //选入ERP产品
@@ -333,6 +401,32 @@ export default {
   },
 
   methods: {
+    getYbHcData(){
+      let query = {
+        specificationCode: this.editQuery.ybbm
+      };
+      getYbHcflDetail(query).then((response) => {
+        if (response.code == 20000) {
+          this.ybHcflDetail = response.data
+          this.editQuery.catalogname1 = this.ybHcflDetail.catalogname1
+          this.editQuery.catalogname2 = this.ybHcflDetail.catalogname2
+          this.editQuery.catalogname3 = this.ybHcflDetail.catalogname3
+          this.editQuery.matrial = this.ybHcflDetail.matrial
+          this.$forceUpdate();
+        }else {
+          this.editQuery.catalogname1 = ""
+          this.editQuery.catalogname2 = ""
+          this.editQuery.catalogname3 = ""
+          this.editQuery.matrial = ""
+          this.$forceUpdate();
+        }
+      }).catch(() => {
+      })
+
+    },
+    onClose(){
+      this.$emit("onClose")
+    },
     submitUpload() {
       var data = {
         id: this.editQuery.prid,
@@ -361,6 +455,10 @@ export default {
         basicPrductRemak6: this.editQuery.basicPrductRemak6,
         basicPrductRemak7: this.editQuery.basicPrductRemak7,
         basicPrductRemak8: this.editQuery.basicPrductRemak8,
+        catalogname1: this.editQuery.catalogname1,
+        catalogname2: this.editQuery.catalogname2,
+        catalogname3: this.editQuery.catalogname3,
+        matrial: this.editQuery.matrial,
       }
 
       updateById(data).then(res => {
@@ -524,7 +622,19 @@ export default {
     this.findThrTypeMethod(this.editQuery.basicPrductRemak7);
     // }
 
-  },
+  }, directives: {
+  'debounce-input': {
+    inserted(el, binding) {
+      let timeout
+      el.addEventListener('input', () => {
+        clearTimeout(timeout)
+        timeout = setTimeout(() => {
+          binding.value()
+        }, parseInt(binding.arg) || 300)
+      })
+    }
+  }
+}
 }
 </script>
 
diff --git a/src/views/supplier/products/selectDIDetailDialog.vue b/src/views/supplier/products/selectDIDetailDialog.vue
index 27175d0..590ba7d 100644
--- a/src/views/supplier/products/selectDIDetailDialog.vue
+++ b/src/views/supplier/products/selectDIDetailDialog.vue
@@ -337,6 +337,48 @@
               </el-col>
             </el-row>
 
+            <el-row :gutter="20" class="el-row" type="flex">
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>一级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input style="width: 65%" size="small" :disabled="true" splaceholder="请输入内容"
+                            v-model="editQuery.catalogname1"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>二级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input style="width: 65%" :disabled="true" size="small" splaceholder="请输入内容"
+                            v-model="editQuery.catalogname2"></el-input>
+                </div>
+              </el-col>
+            </el-row>
+
+            <el-row :gutter="20" class="el-row" type="flex">
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>三级分类名称:&nbsp;</span>
+                  </div>
+                  <el-input style="width: 65%" size="small" :disabled="true" splaceholder="请输入内容"
+                            v-model="editQuery.catalogname3"></el-input>
+                </div>
+              </el-col>
+              <el-col :span="12" class="el-col">
+                <div class="text item">
+                  <div class="itemTag">
+                    <span>耗材材质:&nbsp;</span>
+                  </div>
+                  <el-input style="width: 65%" :disabled="true" size="small" splaceholder="请输入内容"
+                            v-model="editQuery.matrial"></el-input>
+                </div>
+              </el-col>
+            </el-row>
+
             <el-row :gutter="20" class="el-row" type="flex">
               <el-col :span="12" class="el-col">
                 <div class="text item">
diff --git a/src/views/supplier/products/supAddDiProductSelectUdi.vue b/src/views/supplier/products/supAddDiProductSelectUdi.vue
index 553589e..47798b8 100644
--- a/src/views/supplier/products/supAddDiProductSelectUdi.vue
+++ b/src/views/supplier/products/supAddDiProductSelectUdi.vue
@@ -158,11 +158,63 @@
           <el-col :span="12" class="el-col">
             <el-form-item label="医保编码:">
               <el-input style="width: 65%" size="small" splaceholder="请输入内容" v-model="editQuery.ybbm"
-                        @input="change($event)"></el-input>
+                        @input="change($event)"
+                        v-debounce-input:500ms="getYbHcData"
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row >
+          <el-col :span="12" class="el-col">
+            <el-form-item label="一级分类名称:">
+              <el-input
+                style="width: 65%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname1"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item label="二级分类名称:">
+              <el-input
+                style="width: 65%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname2"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row >
+          <el-col :span="12" class="el-col">
+            <el-form-item label="三级分类名称:">
+              <el-input
+                style="width: 65%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.catalogname3"
+                disabled
+              ></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12" class="el-col">
+            <el-form-item label="耗材材质:">
+              <el-input
+                style="width: 65%"
+                size="small"
+                splaceholder="请输入内容"
+                v-model="editQuery.matrial"
+                disabled
+              ></el-input>
             </el-form-item>
           </el-col>
         </el-row>
 
+
         <el-row>
           <el-col :span="12" class="el-col">
             <el-form-item label="计量单位:">
@@ -370,6 +422,7 @@
 </template>
 
 <script>
+import {getYbHcflDetail} from '@/api/basic/product/udiRelevance'
 import {getUdiInfos, filterCompany, superSearch} from '../../../api/basic/udiInfo'
 import {combineUdi} from '../../../api/basic/udiRelevance'
 import {addDiProduct} from '@/api/supplier/supProductsAddDi'
@@ -410,6 +463,7 @@ export default {
 
   data() {
     return {
+      ybHcflDetail: {},
       showSearch: true,
       unionQuery: {
         page: 1,
@@ -452,7 +506,11 @@ export default {
         sptm: null,
         uuids: null,
         devKeys: [],
-        customerId: store.getters.customerId
+        customerId: store.getters.customerId,
+        catalogname1: null,
+        catalogname2: null,
+        catalogname3: null,
+        matrial: null,
 
       },
       thirdSys: [],
@@ -464,6 +522,32 @@ export default {
     }
   },
   methods: {
+    getYbHcData(){
+      let query = {
+        specificationCode: this.editQuery.ybbm
+      };
+      getYbHcflDetail(query).then((response) => {
+        if (response.code == 20000) {
+          this.ybHcflDetail = response.data
+          this.editQuery.catalogname1 = this.ybHcflDetail.catalogname1
+          this.editQuery.catalogname2 = this.ybHcflDetail.catalogname2
+          this.editQuery.catalogname3 = this.ybHcflDetail.catalogname3
+          this.editQuery.matrial = this.ybHcflDetail.matrial
+          this.$forceUpdate();
+        }else {
+          this.editQuery.catalogname1 = ""
+          this.editQuery.catalogname2 = ""
+          this.editQuery.catalogname3 = ""
+          this.editQuery.matrial = ""
+          this.$forceUpdate();
+        }
+      }).catch(() => {
+      })
+
+    },
+    onClose(){
+      this.$emit("onClose")
+    },
     change(e) {
       this.$forceUpdate(e);
     },
@@ -723,6 +807,19 @@ export default {
   },
   components: {
     selectDiDetail
+  },
+  directives: {
+    'debounce-input': {
+      inserted(el, binding) {
+        let timeout
+        el.addEventListener('input', () => {
+          clearTimeout(timeout)
+          timeout = setTimeout(() => {
+            binding.value()
+          }, parseInt(binding.arg) || 300)
+        })
+      }
+    }
   }
 }
 </script>