From d57f1780b485901761167be262f959471e5f0f1c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E6=98=8E=E6=A2=81?= <2429105222@qq.com>
Date: Tue, 7 Mar 2023 16:54:21 +0800
Subject: [PATCH] =?UTF-8?q?=E8=80=97=E6=9D=90=E5=AD=97=E5=85=B8=E9=99=A2?=
 =?UTF-8?q?=E5=86=85=E5=88=86=E7=B1=BB=E5=8A=9F=E8=83=BD=E4=BB=A3=E7=A0=81?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/basic/basicHospType.js                |   88 +
 src/utils/ruoyi.js                            |    1 +
 src/views/basic/product/bindHospProduct.vue   |  280 +++
 src/views/basic/product/product2.vue          | 1895 +++++++++++++++++
 src/views/basic/product/productUdiType.vue    |  316 +++
 src/views/basic/product/unbindHospProduct.vue |  271 +++
 6 files changed, 2851 insertions(+)
 create mode 100644 src/api/basic/basicHospType.js
 create mode 100644 src/views/basic/product/bindHospProduct.vue
 create mode 100644 src/views/basic/product/product2.vue
 create mode 100644 src/views/basic/product/productUdiType.vue
 create mode 100644 src/views/basic/product/unbindHospProduct.vue

diff --git a/src/api/basic/basicHospType.js b/src/api/basic/basicHospType.js
new file mode 100644
index 00000000..766b347e
--- /dev/null
+++ b/src/api/basic/basicHospType.js
@@ -0,0 +1,88 @@
+import axios from "@/utils/request";
+import {saveSubWarehouse} from "@/api/system/invSubWarehouse";
+
+export function getBasicHospType(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/filter",
+    method: "get",
+    params: query
+  });
+}
+
+
+export function getListMenu(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/menuList",
+    method: "get",
+    params: query
+  });
+}
+
+
+export function saveBasicHospType(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/save",
+    method: "post",
+    data: query
+  });
+}
+
+export function uodateBasicHospType(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/update",
+    method: "post",
+    data: query
+  });
+}
+
+
+export function deleteBasicHospType(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/delect",
+    method: "get",
+    params: query
+  });
+}
+
+
+export function getListTree(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/getTree",
+    method: "get",
+    params: query
+  });
+}
+
+export function bindBasicHospProduct(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/bindRel",
+    method: "post",
+    data: query
+  });
+}
+
+export function getBindList(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/bindList",
+    method: "get",
+    params: query
+  });
+}
+
+
+export function unbindBasicHospProduct(query) {
+  return axios({
+    url: "/udiwms/basic/hosp/type/unbindRel",
+    method: "post",
+    data: query
+  });
+}
+
+
+
+
+
+
+
+
+
diff --git a/src/utils/ruoyi.js b/src/utils/ruoyi.js
index de2e1641..8540fe48 100644
--- a/src/utils/ruoyi.js
+++ b/src/utils/ruoyi.js
@@ -155,6 +155,7 @@ export function mergeRecursive(source, target) {
  * @param {*} children 孩子节点字段 默认 'children'
  */
 export function handleTree(data, id, parentId, children) {
+
   let config = {
     id: id || 'id',
     parentId: parentId || 'parentId',
diff --git a/src/views/basic/product/bindHospProduct.vue b/src/views/basic/product/bindHospProduct.vue
new file mode 100644
index 00000000..23d65291
--- /dev/null
+++ b/src/views/basic/product/bindHospProduct.vue
@@ -0,0 +1,280 @@
+<template>
+  <div>
+    <el-card>
+      <el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
+        <el-row>
+          <el-col :span="18">
+            <el-form-item class="query-form-item" label="UDI码:">
+              <el-input v-model="filterQuery.udiCode"
+                        style="width: 97%"
+                        placeholder="请扫描或输入UDI码"
+                        clearable="true"
+                        @keyup.enter.native="keyup_submit($event)"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="产品编码:">
+              <el-input v-model="filterQuery.unionCode" placeholder="DI/医保编码/商品条码"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="产品通用名:">
+              <el-input v-model="filterQuery.cpmctymc" placeholder="产品通用名" clearable="true"
+                        style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="规格型号:">
+              <el-input v-model="filterQuery.ggxh" placeholder="规格型号" clearable="true"
+                        style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="对照条件:">
+              <el-select v-model="filterQuery.filterType" placeholder="请选择过滤对照条件"
+                         style="width: 90%">
+                <el-option
+                  v-for="item in filterList"
+                  :key="item.filterType"
+                  :label="item.sysName"
+                  :value="item.filterType">
+                  <span style="float: left">{{ item.sysName }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="注册备案人:">
+              <el-input v-model="filterQuery.ylqxzcrbarmc" placeholder="生产企业/注册备案人"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="外部产品编码:">
+              <el-input v-model="filterQuery.thrPiId" placeholder="第三方产品编码"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="submit">查询</el-button>
+          <el-button type="primary" icon="el-icon-plus" @click="instentProduct">提交</el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+      <el-table v-loading="loading" :data="list" style="width: 100%;" @selection-change="handleSelectionChange" border key="1">
+        <el-table-column type="selection" width="55" :selectable="selectable"></el-table-column>
+        <el-table-column label="最小销售产品标识" prop="nameCode" width="140" show-overflow-tooltip></el-table-column>
+        <el-table-column label="主系统产品编码" prop="mainId" show-overflow-tooltip></el-table-column>
+        <el-table-column label="生产企业" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="产品通用名" prop="cpmctymc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="规格型号" prop="ggxh" show-overflow-tooltip></el-table-column>
+        <el-table-column label="注册/备案凭证" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
+        <el-table-column label="器械类别" prop="qxlb" show-overflow-tooltip></el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {getUdiInfos, thirdSysDetail,} from "@/api/basic/product/udiRelevance";
+import {filterByUuid} from "@/api/basic/product/udiInfo";
+import {bindBasicHospProduct, saveBasicHospType,getBindList} from "@/api/basic/basicHospType";
+
+
+
+
+export default {
+  props: {
+    rId: {
+      type: Object,
+      required: true,
+    },
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      filterQuery: {
+        page: 1,
+        limit: 20,
+        addType: 1,
+        thrPiId: null,
+        filterType: null,
+        diType: 1
+      },
+      productList: [],
+      loading: false,
+      showSearch: true,
+      productType: null,
+      editQuery: null,
+      editFormat: {},
+      pId: 0,
+      productRemarkSet: {},
+      list: [],
+      detailList: [],
+      sysList: [],
+      filterList: [],
+      total: 0,
+      thirdNo: "",
+    };
+  },
+
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        lockStatus: null,
+        unionCode: null,
+        udiCode: null,
+        ylqxzcrbarmc: "",
+        cpmctymc: "", thrPiId: null,
+        nameCode: "",
+        ggxh: null,
+        page: 1,
+        limit: 20,
+        addType: 1,
+        diType: 1
+      };
+      this.getList();
+    },
+    submit() {
+      this.loading = true;
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    getList() {
+      getBindList(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    selectable(row,index){
+      if(row.bindCheck==true){
+        return false;
+      }else{
+        return true;
+      }
+    },
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    handleSelectionChange(val) {
+      this.productList = val;
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+    instentProduct(){
+      if(this.productList.length<=0){
+        this.$message.error("请先选择解绑产品！");
+        return;
+      }
+      var ids=this.productList.map((item)=> item.id)
+      var data={code:this.rId,ids:ids}
+      bindBasicHospProduct(data).then((response) => {
+        if (response.code == 20000) {
+            this.$message.success("绑定成功");
+            this.closeDialog();
+        } else {
+          this.$message.error(response.message);
+        }
+      }).catch(() => {
+
+      });
+    },
+  },
+  mounted() {
+  },
+  components: {
+
+  },
+  created() {
+    this.filterQuery.bindId=this.rId
+    this.getList();
+
+  },
+};
+</script>
+<style scoped>
+.itemTag {
+  float: left;
+  text-align: right;
+  margin-top: 5px;
+  padding-right: 10px;
+  width: 35%;
+}
+
+.text {
+  font-size: 13px;
+  font-family: "Microsoft YaHei";
+}
+
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
+
+.edit-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 0px;
+}
+
+.el-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 6px;
+}
+
+.el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+}
+
+.el-table .cell.el-tooltip {
+  white-space: pre-wrap;
+}
+
+.form-title {
+  font-size: 16px;
+  font-family: Noto Sans SC;
+  font-weight: bold;
+  color: #303133;
+  padding-bottom: 17px;
+  padding-top: 17px;
+}
+</style>
diff --git a/src/views/basic/product/product2.vue b/src/views/basic/product/product2.vue
new file mode 100644
index 00000000..39ec988f
--- /dev/null
+++ b/src/views/basic/product/product2.vue
@@ -0,0 +1,1895 @@
+<template>
+  <div>
+    <el-card>
+      <el-row>
+        <el-col :span="2"  v-show="showSearch">
+          <div style="height: 100%">
+            <el-tree :data="treeList"
+                     @node-click="handleNodeClick"
+                     :expand-on-click-node="false">
+                 <span class="custom-tree-node" slot-scope="{ node, data }">
+                   <span style="">{{ node.label }}</span>
+                     <span v-if="data.code!=10000">
+                       <el-button style="margin-left: 20px;" type="text"  @click="() => addHospProduct(data)">绑定</el-button>
+                       <el-button type="text" @click="() => removeHospProduct(data)">解绑</el-button>
+                     </span>
+                 </span>
+            </el-tree>
+          </div>
+        </el-col>
+        <el-col :span="22">
+          <el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
+            <el-row>
+              <el-col :span="18">
+                <el-form-item class="query-form-item" label="UDI码:">
+                  <el-input v-model="filterQuery.udiCode"
+                            style="width: 97%"
+                            placeholder="请扫描或输入UDI码"
+                            clearable="true"
+                            @keyup.enter.native="keyup_submit($event)"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="产品编码:">
+                  <el-input v-model="filterQuery.unionCode" placeholder="DI/医保编码/商品条码"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="产品通用名:">
+                  <el-input v-model="filterQuery.cpmctymc" placeholder="产品通用名" clearable="true"
+                            style="width: 90%"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="规格型号:">
+                  <el-input v-model="filterQuery.ggxh" placeholder="规格型号" clearable="true"
+                            style="width: 90%"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="对照条件:">
+                  <el-select v-model="filterQuery.filterType" placeholder="请选择过滤对照条件"
+                             style="width: 90%">
+                    <el-option
+                      v-for="item in filterList"
+                      :key="item.filterType"
+                      :label="item.sysName"
+                      :value="item.filterType">
+                      <span style="float: left">{{ item.sysName }}</span>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="注册备案人:">
+                  <el-input v-model="filterQuery.ylqxzcrbarmc" placeholder="生产企业/注册备案人"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="外部产品编码:">
+                  <el-input v-model="filterQuery.thrPiId" placeholder="第三方产品编码"
+                            style="width: 90%"
+                            clearable="true"></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <div class="top-right-btn">
+            <el-button-group>
+              <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+              <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="submit">查询</el-button>
+              <el-button type="primary" icon="el-icon-plus" @click="editUdiType">编辑菜单树</el-button>
+              <el-button type="primary" icon="el-icon-plus" @click="intentImportUdi">添加DI信息</el-button>
+              <el-button type="primary" icon="el-icon-plus" @click="intentImportErp">添加产品信息</el-button>
+              <el-button type="primary" icon="el-icon-plus" @click="intentDetail">关联添加</el-button>
+            </el-button-group>
+          </div>
+          <el-divider style="margin: 15px"></el-divider>
+          <el-table
+            v-loading="loading"
+            :data="list"
+            style="width: 100%;"
+            border
+            key="1"
+            @selection-change="handleSelectionChange"
+          >
+            <el-table-column label="序号" type="index"></el-table-column>
+            <el-table-column
+              label="最小销售产品标识"
+              prop="nameCode"
+              width="140"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="主系统产品编码"
+              prop="mainId"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="生产企业"
+              prop="ylqxzcrbarmc"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="产品通用名"
+              prop="cpmctymc"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="规格型号"
+              prop="ggxh"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="注册/备案凭证"
+              prop="zczbhhzbapzbh"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="器械类别"
+              prop="qxlb"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column width="200" label="操作">
+              <template slot-scope="scope">
+                <el-button
+                  type="text"
+                  size="small"
+                  :disabled="scope.row.originUuid != null"
+                  @click.native.stop="intentSelectUdi(scope.row)"
+                >关联DI
+                </el-button>
+                <el-button
+                  type="text"
+                  size="small"
+                  @click.native.stop="handleModifyClick(scope.row)"
+                >详情
+                </el-button>
+
+                <el-button
+                  type="text"
+                  size="small"
+                  @click.native.stop="diEdit(scope.row)"
+                >编辑
+                </el-button>
+
+                <el-button type="text" size="small" @click.native.stop="deleteDialog(scope.row)"
+                >删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <el-dialog
+            title="耗材字典-详情"
+            :visible.sync="editDialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="70%"
+            v-if="editDialogVisible"
+          >
+            <el-card>
+              <el-table :data="sysList" style="width: 100%;   margin-bottom: 8px" key="2" border>
+                <el-table-column label="序号" type="index"></el-table-column>
+                <el-table-column
+                  label="系统名称"
+                  prop="sysName"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column
+                  label="产品编码"
+                  prop="thirdId"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column
+                  label="产品名称"
+                  prop="thirdName"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column label="规格型号" prop="spec" show-overflow-tooltip></el-table-column>
+                <el-table-column label="注册/备案凭证号" prop="registerNo" show-overflow-tooltip></el-table-column>
+                <el-table-column label="生产厂家" prop="manufactory" show-overflow-tooltip></el-table-column>
+
+                <el-table-column label="操作">
+                  <template slot-scope="scope">
+                    <el-button
+                      type="text"
+                      @click="addSelectErp(scope.row)"
+                      :disabled="scope.row.thirdId==editQuery.nameCode"
+                    >关联
+                    </el-button
+                    >
+                    <el-button type="text" @click.native.stop="removeErp(scope.row)"
+                               :disabled="editQuery.flbm==null || scope.row.thirdId==null || scope.row.thirdId==''"
+                    >解绑
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-card>
+            <el-card>
+              <div style=" float: left;
+                        text-align: left;
+                        font-weight: bold;
+                        margin-bottom: 8px">
+                <span>产品标识:</span>
+              </div>
+              <div style=" float: right;
+                        text-align: right;
+                        margin-bottom: 8px;">
+                <el-button type="primary" size="mini" icon="search" @click="removeDi" v-if="productType!=1"
+                           style="text-align:right"
+                >解绑DI器械信息
+                </el-button>
+              </div>
+              <el-table
+                v-loading="loading"
+                :data="detailList"
+                style="width: 100%; "
+                border
+                key="3"
+                highlight-current-row
+                @current-change="handleDetail"
+              >
+                <el-table-column
+                  label="产品标识"
+                  prop="nameCode"
+                  show-overflow-tooltip
+                ></el-table-column>
+
+                <el-table-column
+                  label="产品通用名"
+                  prop="cpmctymc"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column
+                  label="包装级别"
+                  prop="packLevel"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column
+                  label="包装层级"
+                  prop="packUnit"
+                  show-overflow-tooltip
+                ></el-table-column>
+                <el-table-column label="操作" width="180px">
+                  <template slot-scope="scope">
+                    <el-button type="text" @click.native.stop="singleDiEdit">编辑</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-card>
+            <el-card>
+              <el-form
+                :model="editQuery"
+                :rules="rules"
+                ref="editQuery"
+                border
+                label-width="140px"
+                style="margin-top: 20px;  "
+              >
+                <el-collapse v-model="activeNames">
+
+                  <el-collapse-item name="1">
+                    <template slot="title">
+                      <p class="form-title">产品属性</p>
+                    </template>
+
+                    <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-select v-model="editQuery.isDisable" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </div>
+                      </el-col>
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>是否寄售:&nbsp;</span>
+                          </div>
+                          <el-select v-model="editQuery.isAdavence" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </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-select v-model="editQuery.allowNoBatch" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </div>
+                      </el-col>
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>允许无失效日期:&nbsp;</span>
+                          </div>
+                          <el-select v-model="editQuery.allowNoExpire" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </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-select v-model="editQuery.allowNoProduct" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </div>
+                      </el-col>
+                      <el-col :span="12" class="el-col">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>启用使用单元:&nbsp;</span>
+                          </div>
+                          <el-select v-model="editQuery.isUseDy" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </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-select v-model="editQuery.useMuti" disabled style="width: 65%" size="small">
+                            <el-option label="是" :value="true"></el-option>
+                            <el-option label="否" :value="false"></el-option>
+                            <el-option label="否" :value="null"></el-option>
+                          </el-select>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </el-collapse-item>
+
+
+                  <el-collapse-item name="2">
+                    <template slot="title">
+                      <p class="form-title">产品标识基本信息</p>
+                    </template>
+                    <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="请输入内容"
+                            :disabled="true"
+                            v-model="editQuery.cpmctymc"
+                          ></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="!checked"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.zxxsbzbhsydysl"
+                          ></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.bhxjcpbm"
+
+                          ></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%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.bhzxxsbzsl"
+                          ></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"
+                            splaceholder="请输入内容"
+                            :disabled="true"
+                            v-model="editQuery.packUnit"
+                          ></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%"
+                            size="small"
+                            splaceholder="请输入内容"
+                            :disabled="useNumEnable"
+                            type="number"
+                            v-model="editQuery.useNum"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </el-collapse-item>
+
+                  <el-collapse-item name="3">
+                    <template slot="title">
+                      <p class="form-title">产品基本信息</p>
+                    </template>
+                    <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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.nameCode"
+                          ></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.ggxh"
+                          ></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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.cplb"
+                          ></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.flbm"
+                          ></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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.qxlb"
+                          ></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.zczbhhzbapzbh"
+                          ></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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="ylqxzcrbarmc"
+                            v-model="editQuery.ylqxzcrbarmc"
+                          ></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.ylqxzcrbarywmc"
+                          ></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.ybbm"
+                          ></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.tyshxydm"
+                          ></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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.spmc"
+                          ></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%"
+                            size="small" :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.sptm"
+                          ></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"
+                            splaceholder="请输入内容" :disabled="true"
+                            v-model="editQuery.measname"
+                          ></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%"
+                            size="small"
+                            :disabled="true"
+                            v-model="editQuery.manufactory"
+                            splaceholder="请输入内容"
+                          ></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.cpms"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                    <el-row :gutter="20" class="el-row" type="flex">
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable1">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle1 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak1"
+                          ></el-input>
+                        </div>
+                      </el-col>
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable2">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle2 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak2"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                    <el-row :gutter="20" class="el-row" type="flex">
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable3">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle3 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak3"
+                          ></el-input>
+                        </div>
+                      </el-col>
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable4">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle4 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak4"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                    <el-row :gutter="20" class="el-row" type="flex">
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable5">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle5 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak5"
+                          ></el-input>
+                        </div>
+                      </el-col>
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable6">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle6 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak6"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                    <el-row :gutter="20" class="el-row" type="flex">
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable7">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle7 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak7"
+                          ></el-input>
+                        </div>
+                      </el-col>
+
+                      <el-col :span="12" class="el-col" v-if="productRemarkSet.remarkEnable8">
+                        <div class="text item">
+                          <div class="itemTag">
+                            <span>{{ productRemarkSet.remarkTitle8 }}:&nbsp;</span>
+                          </div>
+                          <el-input
+                            style="width: 65%"
+                            size="small"
+                            :disabled="true"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.basicPrductRemak8"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                  </el-collapse-item>
+
+
+                  <el-collapse-item name="4">
+                    <template slot="title">
+                      <p class="form-title">生产标识基本信息</p>
+                    </template>
+                    <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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.scbssfbhph"
+                          ></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"
+                            v-model="editQuery.scbssfbhxlh"
+                            splaceholder="请输入内容"
+                          ></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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.scbssfbhscrq"
+                          ></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"
+                            v-model="editQuery.scbssfbhsxrq"
+                            size="small"
+                            splaceholder="请输入内容"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </el-collapse-item>
+
+                  <el-collapse-item name="5">
+                    <template slot="title">
+                      <p class="form-title">包装标识信息</p>
+                    </template>
+                    <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%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.sjcpbm"
+                          ></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%"
+                            size="small"
+                            splaceholder="请输入内容"
+                            :disabled="true"
+                            v-model="editQuery.packLevel"
+                          ></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"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.bzcj"
+                            :disabled="true"
+
+                          ></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%"
+                            size="small"
+                            splaceholder="请输入内容"
+                            :disabled="true"
+                            v-model="editQuery.bhxjsl"
+                          ></el-input>
+                        </div>
+                      </el-col>
+                    </el-row>
+                  </el-collapse-item>
+
+                  <el-collapse-item name="6">
+                    <template slot="title">
+                      <p class="form-title">版本信息</p>
+                    </template>
+
+                    <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: 35%"
+                            :disabled="true"
+                            size="small"
+                            splaceholder="请输入内容"
+                            v-model="editQuery.versionNumber"
+                          ></el-input>
+                          <el-button type="text" size="small" @click.native.stop="selectVersion()"
+                                     style="margin-left: 5%"
+                          >切换版本
+                          </el-button>
+                        </div>
+                      </el-col>
+                    </el-row>
+
+                  </el-collapse-item>
+                </el-collapse>
+              </el-form>
+            </el-card>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-编辑"
+            :visible.sync="editDiDialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="60%"
+            v-if="editDiDialogVisible"
+          >
+            <product-edit
+              :editQuery="editFormat"
+              :productRemarkSet="productRemarkSet"
+            ></product-edit>
+
+            <div style="text-align: center;margin-top: 12px">
+              <el-button type="primary" size="small" icon="search" @click="onAddSubmit(false)"
+              >提交
+              </el-button>
+              <el-button type="primary" size="small" icon="search" @click="cancelDialog"
+              >取消
+              </el-button>
+            </div>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-编辑"
+            :visible.sync="editSingleDiDialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="45%"
+            v-if="editSingleDiDialogVisible"
+          >
+            <product-single-edit
+              :editQuery="editSingleFormat"
+            ></product-single-edit>
+
+            <div style="text-align: center;margin-top: 12px">
+              <el-button type="primary" size="small" icon="search" @click="onAddSingleSubmit(false)"
+              >提交
+              </el-button>
+              <el-button type="primary" size="small" icon="search" @click="cancelDialog"
+              >取消
+              </el-button>
+            </div>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-关联添加器械信息"
+            :visible.sync="selectUdiDialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="85%"
+            v-if="selectUdiDialogVisible"
+          >
+            <selectUdi @closeUdi="closeUdi" :isImportUdi="isImportUdi"></selectUdi>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-从指定系统添加器械信息"
+            :visible.sync="selectErpDialogVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="85%"
+            v-if="selectErpDialogVisible"
+          >
+            <selectErp
+              :closeDialog="closeDialog"
+              :uuid="uuid"
+              :relId="relId"
+              :isImport="isImport"
+              :data="thisData"
+              :defaultSys="defaultSys"
+              @closeUdi="closeUdi"
+              :supEnable="false"
+            ></selectErp>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-添加DI器械信息"
+            :visible.sync="selectLocalVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="85%"
+            v-if="selectLocalVisible"
+          >
+            <selectLocalUdi
+              :closeDialog="closeDialog"
+              :relId="relId"
+              :isImport="isImport"
+              :isImportUdi="isImportUdi"
+              :data="thisData"
+              @closeUdi="closeUdi"
+            ></selectLocalUdi>
+          </el-dialog>
+          <el-dialog
+            title="耗材字典-选择DI版本"
+            :visible.sync="selectVersionVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="85%"
+            v-if="selectVersionVisible"
+          >
+            <selectUdiVersion
+              :closeDialog="closeDialog"
+              :relId="relId"
+              :uuid="uuid"
+              :originUuid="originUuid"
+              @closeUdi="closeUdi"
+            ></selectUdiVersion>
+          </el-dialog>
+          <el-pagination
+            :page-size="filterQuery.limit"
+            @current-change="handleCurrentChange"
+            layout="prev, pager, next"
+            :total="total"
+            :current-page="filterQuery.page"
+          ></el-pagination>
+
+
+          <el-dialog
+            title="编辑-耗材菜单"
+            :visible.sync="selectUdiTypeVisible"
+            :before-close="hideForm"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="60%"
+            v-if="selectUdiTypeVisible"
+          >
+            <productUdiType
+              :closeDialog="closeDialog"
+              @closeUdi="closeUdi"
+            ></productUdiType>
+          </el-dialog>
+
+          <el-dialog
+            title="绑定-耗材产品"
+            :visible.sync="selectHospProductVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="80%"
+            v-if="selectHospProductVisible"
+          >
+            <selectHospProduct
+              :closeDialog="closeDialog"
+              :rId="rId"
+            ></selectHospProduct>
+          </el-dialog>
+
+          <el-dialog
+            title="解绑-耗材产品"
+            :visible.sync="selectUnBindHospProductVisible"
+            :close-on-click-modal="false"
+            :close-on-press-escape="false"
+            width="80%"
+            v-if="selectUnBindHospProductVisible"
+          >
+            <selectUnBindHospProduct
+              :closeDialog="closeDialog"
+              :rId="rId"
+            ></selectUnBindHospProduct>
+          </el-dialog>
+
+
+        </el-col>
+      </el-row>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import {
+  getUdiInfos,
+  deletetUdiInfos,
+  updatetUdiInfos,
+  updatetSingleUdiInfo,
+  updateErpProduct,
+  uploadSmp,
+  thirdSysDetail,
+  removeRl, sysFilter, spcombie, lockStatus, removeDiRl, disableUdi
+} from "@/api/basic/product/udiRelevance";
+import {selectSysParamByKey, finProductSet} from "@/api/param/systemParamConfig";
+import {filterByUuid} from "@/api/basic/product/udiInfo";
+
+import selectUdi from "./UdiInfoSelectRel.vue";
+import selectErp from "./udiInfoselectErpUdi";
+import selectLocalUdi from "./UdiInfoSelectLocalUdi";
+import selectUdiVersion from "./UdiinfoSelectVersion";
+import ProductEdit from "@/views/basic/product/productEdit";
+import ProductSingleEdit from "@/views/basic/product/productSingleEdit";
+import productUdiType from "@/views/basic/product/productUdiType"
+import selectHospProduct from "@/views/basic/product/bindHospProduct";
+import selectUnBindHospProduct from "@/views/basic/product/unbindHospProduct";
+import {getBasicHospType, getListTree} from "@/api/basic/basicHospType";
+
+
+export default {
+  data() {
+    return {
+      filterQuery: {
+        lockStatus: null,
+        unionCode: null,
+        udiCode: null,
+        ylqxzcrbarmc: "",
+        cpmctymc: "",
+        nameCode: "",
+        ggxh: null,
+        page: 1,
+        limit: 20,
+        addType: 1,
+        thrPiId: null,
+        filterType: null,
+        diType: 1
+      },
+      rId: null,
+      selectUdiTypeVisible: false,
+      selectHospProductVisible: false,
+      selectUnBindHospProductVisible:false,
+      loading: false,
+      showSearch: true,
+      productType: null,
+      editQuery: null,
+      editFormat: {},
+      editSingleFormat: {
+        uuid: null,
+        relId: null,
+        sptm: null,
+        packUnit: null,
+        measname: null,
+        nameCode: null
+      },
+      pId: 0,
+      productRemarkSet: {},
+      relevanceEdit: {
+        id: null,
+        thirdId: "",
+        isDisable: null,
+        isUseDy: false,
+        isLock: null,
+        isAdavence: null,
+        allowNoBatch: null,
+        allowNoExpire: null,
+        allowNoProduct: null,
+        pId: null,
+      },
+      defaultSys: null,
+      isImport: false,
+      isImportUdi: false,
+      isUploadSmp: false,
+      isSpCombine: false,
+      isImportFile: false,
+      uploadFileUrl: null,
+      checked: false,
+      list: [],
+      detailList: [],
+      sysList: [],
+      filterList: [],
+      total: 0,
+      thirdNo: "",
+      treeList: [],
+      uuid: "111",
+      originUuid: null,
+      thirdId: null,
+      relId: "",
+      thisData: {
+        nameCode: null,
+        cpmctymc: null,
+        ggxh: null
+      },
+      multipleSelection: [],
+      editDialogVisible: false,       //详情
+      editDiDialogVisible: false,
+      editSingleDiDialogVisible: false,
+      selectUdiDialogVisible: false,  //关联选入
+      selectErpDialogVisible: false,  //选入ERP产品
+      selectVersionVisible: false,
+      selectLocalVisible: false,      //关联UDI
+      isUseDyCheck: false,
+      lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"},
+      activeNames: ['1'],
+      useNumEnable: true,
+    };
+  },
+
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        lockStatus: null,
+        unionCode: null,
+        udiCode: null,
+        ylqxzcrbarmc: "",
+        cpmctymc: "", thrPiId: null,
+        nameCode: "",
+        ggxh: null,
+        page: 1,
+        limit: 20,
+        addType: 1,
+        diType: 1
+      };
+      this.getList();
+    },
+    submit() {
+      this.loading = true;
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    getList() {
+      getUdiInfos(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    keyup_submit(event) {
+      this.filterQuery.page = 1;
+      this.getList();
+      event.target.select();
+    },
+    getDetailList(detailQuery) {
+      this.loading = true;
+      filterByUuid(detailQuery)
+        .then((response) => {
+          this.isUseDyCheck = false;
+          this.loading = false;
+          this.detailList = response.data || [];
+          this.detailList.forEach((item, index, array) => {
+            // this.detailList[index].isAdavence = item.adavence
+            // this.detailList[index].isDisable = item.disable
+            // this.detailList[index].useMuti = item.useMuti
+            if (item.zxxsbzbhsydysl > 1) {
+              this.isUseDyCheck = true;
+            }
+          });
+          this.productType = this.detailList[0].productType;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.detailList = [];
+        });
+    },
+    hideForm(){
+      this.selectUdiTypeVisible=false;
+      this.getTerrList();
+    },
+    getThirdSysDetail() {
+      let query = {
+        id: this.relevanceEdit.id,
+      };
+      thirdSysDetail(query)
+        .then((response) => {
+          this.loading = false;
+          this.sysList = response.data.list || [];
+        })
+        .catch(() => {
+          this.loading = false;
+          this.sysList = [];
+        });
+    },
+
+    handleDetail(row) {
+      this.editQuery = row;
+    },
+    selectVersion() {
+      this.selectVersionVisible = true;
+      this.uuid = this.editQuery.uuid;
+      this.originUuid = this.editQuery.originUuid;
+      this.relId = this.editQuery.id;
+    },
+    deleteOrders(data) {
+      this.loading = true;
+      let tquery = {
+        id: data.id + "",
+      };
+
+      deletetUdiInfos(tquery)
+        .then((response) => {
+          if (response.code == 20000) {
+            this.getList();
+            this.$message({
+              type: "success",
+              message: "删除成功！",
+            });
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch(() => {
+        });
+    },
+
+    deleteDialog(rowId) {
+      this.$confirm("此操作将永久删除该产品信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          this.deleteOrders(rowId);
+        })
+        .catch(() => {
+        });
+    },
+
+    intentDetail() {
+      this.isImportUdi = false;
+      this.selectUdiDialogVisible = true;
+    },
+    addSelectErp(row) {
+      this.defaultSys = row.sysId;
+      this.isImport = false;
+      this.selectErpDialogVisible = true;
+    },
+
+    removeErp(row) {
+      this.$confirm("此操作将解除该绑定产品信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let query = {
+            relId: this.pId,
+            thirdSys: row.sysId
+          };
+          removeRl(query)
+            .then((response) => {
+              if (response.code == 20000) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功！",
+                });
+                this.getList();
+                this.cancelDialog();
+                this.getThirdSysDetail();
+              } else {
+                this.$message.error(response.message);
+              }
+            })
+            .catch(() => {
+            });
+        })
+        .catch(() => {
+        });
+    },
+
+
+    removeDi() {
+      this.$confirm("此操作将解除该绑定DI器械信息, 是否继续?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(() => {
+          let query = {
+            relId: this.editQuery.id,
+          };
+          removeDiRl(query)
+            .then((response) => {
+              if (response.code == 20000) {
+                this.$message({
+                  type: "success",
+                  message: "删除成功！",
+                });
+                this.editDialogVisible = false;
+                this.getList();
+                this.cancelDialog();
+              } else {
+                this.$message.error(response.message);
+              }
+            })
+            .catch(() => {
+            });
+        })
+        .catch(() => {
+        });
+    },
+
+    intentSelectErp(val) {
+      this.uuid = val.uuid;
+      this.relId = val.id;
+      this.isImport = false;
+      this.thisData = val;
+      this.selectErpDialogVisible = true;
+    },
+
+    intentImportErp(val) {
+      this.defaultSys = null;
+      this.uuid = val.uuid;
+      this.relId = val.id;
+      this.isImport = true;
+      this.thisData = val;
+      this.selectErpDialogVisible = true;
+    },
+    uploadSMP() {
+      var selectData = this.multipleSelection;
+      var keys = [];
+      selectData.forEach((obj) => {
+        keys.push(obj.id);
+      });
+      var tquery = {
+        keys: keys,
+      };
+      uploadSmp(tquery)
+        .then((response) => {
+          if (response.code == 20000) {
+            this.$message({
+              type: "success",
+              message: "上传成功！",
+            });
+          } else {
+            this.$message({
+              type: "error",
+              message: response.message,
+            });
+          }
+        })
+        .catch(() => {
+          this.$message({
+            type: "error",
+            message: "上传失败",
+          });
+        });
+    },
+    intentSelectUdi(val) {
+      this.relId = val.id;
+      this.isImportUdi = true;
+      this.isImport = true;
+      this.thisData = val;
+      this.selectLocalVisible = true;
+    },
+
+
+    intentImportUdi() {
+      this.relId = null;
+      this.thisData = {
+        nameCode: null,
+        cpmctymc: null,
+        ggxh: null,
+        ylqxzcrbarmc: null
+      };
+      this.isImport = false;
+      this.selectLocalVisible = true;
+    },
+
+
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+    },
+
+    cancelDialog() {
+      this.editDiDialogVisible = false;
+      this.editSingleDiDialogVisible = false;
+      this.getList();
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val;
+      this.getList();
+    },
+    handleModifyClick(row) {
+      this.uuid = row.uuid;
+      this.relId = row.id;
+      this.isImport = false;
+      this.thisData = row;
+      this.editDialogVisible = true;
+
+      this.pId = row.id;
+      this.relevanceEdit = {
+        id: row.id,
+        isUseDy: row.isUseDy,
+        isDisable: row.isDisable,
+        isLock: row.isLock,
+        isAdavence: row.isAdavence,
+      };
+      this.checked = row.isUseDy == 1;
+
+
+      this.editQuery = row;
+      //获取产品标识列表
+      let ttquery = {
+        id: row.id,
+      };
+      this.getDetailList(ttquery);
+      //获取关联第三方系统产品信息列表
+      this.getThirdSysDetail();
+    },
+
+
+    lockProducts(status) {
+      let selectData = this.multipleSelection;
+      let postQuery = {
+        ids: [],
+        lockStatus: status,
+      }
+      selectData.forEach((row) => {
+        postQuery.ids.push(row.id);
+      });
+      lockStatus(postQuery)
+        .then((response) => {
+          if (response.code == 20000) {
+            this.loading = false;
+            this.$message.success(response.data);
+            this.getList();
+          } else {
+            this.$message.error(response.message);
+          }
+
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    closeUdi(val) {
+      debugger
+      this.selectUdiDialogVisible = false;
+      this.selectErpDialogVisible = false;
+      this.selectLocalVisible = false;
+      this.selectVersionVisible = false;
+      this.selectHospProductVisible=false;
+      this.getThirdSysDetail();
+      if (val) {
+        this.getList();
+        this.cancelDialog();
+      }
+    },
+
+    getSysFilter() {
+      sysFilter()
+        .then((response) => {
+          this.loading = false;
+          this.filterList = response.data.list || [];
+        })
+        .catch(() => {
+          this.loading = false;
+          this.filterList = [];
+        });
+
+    },
+    singleDiEdit() {
+      let temp = JSON.parse(JSON.stringify(this.editQuery));
+      this.editSingleFormat.uuid = temp.uuid;
+      this.editSingleFormat.id = temp.id;
+      this.editSingleFormat.sptm = temp.sptm;
+      this.editSingleFormat.packUnit = temp.packUnit;
+      this.editSingleFormat.measname = temp.measname;
+      this.editSingleFormat.nameCode = temp.nameCode;
+      this.editSingleDiDialogVisible = true;
+    },
+    diEdit(row) {
+      this.editFormat = JSON.parse(JSON.stringify(row));
+      this.editDiDialogVisible = true;
+    },
+    closeDialog() {
+      this.selectErpDialogVisible = false;
+      this.selectLocalVisible = false;
+      this.selectVersionVisible = false;
+      this.selectHospProductVisible=false;
+      this.selectUnBindHospProductVisible=false;
+    },
+    onAddSubmit(relSubmit) {
+      this.editFormat.relSubmit = relSubmit;
+      updatetUdiInfos(this.editFormat)
+        .then((response) => {
+          if (response.code == 20000) {
+            this.getList();
+            this.cancelDialog();
+            this.editDialogVisible = false;
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch(() => {
+          this.cancelDialog();
+        });
+    },
+
+    onAddSingleSubmit() {
+      updatetSingleUdiInfo(this.editSingleFormat)
+        .then((response) => {
+          if (response.code == 20000) {
+            this.getList();
+            this.cancelDialog();
+            this.editDialogVisible = false;
+          } else {
+            this.$message.error(response.message);
+          }
+        })
+        .catch(() => {
+          this.cancelDialog();
+        });
+    },
+
+
+    findBasicProductSet() {
+      finProductSet().then((response) => {
+        if (response.code == 20000) {
+
+          this.productRemarkSet = response.data;
+        } else {
+          //出错了
+        }
+      });
+    },
+
+    selectSysParam() {
+      let query = {
+        paramKey: "smp_isUploadProuct",
+      };
+      spcombie().then((response) => {
+        if (response.code == 20000) {
+          if (response.data.paramValue == "1") {
+            this.isSpCombine = true;
+          } else {
+            this.isSpCombine = false;
+          }
+        }
+      });
+
+      selectSysParamByKey(query).then((response) => {
+        if (response.code == 20000) {
+          if (response.data.paramValue == "1") {
+            this.isUploadSmp = true;
+          } else {
+            this.isUploadSmp = false;
+          }
+        }
+      });
+      let query1 = {
+        paramKey: "upload_pi_file_enabled",
+      };
+      selectSysParamByKey(query1).then((response) => {
+        if (response.code == 20000) {
+          if (response.data.paramValue == "1") {
+            this.isImportFile = true;
+          }
+        }
+      });
+      let query2 = {
+        paramKey: "upload_pi_file_url",
+      };
+      selectSysParamByKey(query2).then((response) => {
+        if (response.code == 20000) {
+          this.uploadFileUrl = response.data.paramValue;
+        }
+      });
+    },
+
+    editUdiType() {
+      this.selectUdiTypeVisible = true;
+    },
+
+    getTerrList() {
+      getListTree(this.query)
+        .then((response) => {
+          var invlist = response.data || [];
+          this.treeList = this.handleTree(invlist, "code", "parentCode");
+        })
+        .catch(() => {
+        });
+    },
+
+    addHospProduct(data) {
+      this.rId = data.code
+      if(data.code!=10000){
+        this.filterQuery.bindCode = data.code
+      }else{
+        this.filterQuery.bindCode = null;
+      }
+      this.selectHospProductVisible = true;
+    },
+    removeHospProduct(data){
+      this.rId = data.code
+      if(data.code!=10000){
+        this.filterQuery.bindCode = data.code
+      }else{
+        this.filterQuery.bindCode = null;
+      }
+      this.selectUnBindHospProductVisible = true;
+    },
+    handleNodeClick(data) {
+      this.rId = data.code
+      if(data.code!=10000){
+        this.filterQuery.bindCode = data.code
+      }else{
+        this.filterQuery.bindCode = null;
+      }
+      this.getList();
+    }
+  },
+  mounted() {
+  },
+  components: {
+    ProductSingleEdit,
+    ProductEdit,
+    selectUdi,
+    selectErp,
+    selectLocalUdi,
+    selectUdiVersion,
+    productUdiType,
+    selectHospProduct,
+    selectUnBindHospProduct
+  },
+  created() {
+    this.findBasicProductSet();
+    this.getList();
+    this.getTerrList();
+    this.selectSysParam();
+    this.getSysFilter();
+  },
+};
+</script>
+<style scoped>
+.itemTag {
+  float: left;
+  text-align: right;
+  margin-top: 5px;
+  padding-right: 10px;
+  width: 35%;
+}
+
+.text {
+  font-size: 13px;
+  font-family: "Microsoft YaHei";
+}
+
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
+
+.edit-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 0px;
+}
+
+.el-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 6px;
+}
+
+.el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+}
+
+.el-table .cell.el-tooltip {
+  white-space: pre-wrap;
+}
+
+.form-title {
+  font-size: 16px;
+  font-family: Noto Sans SC;
+  font-weight: bold;
+  color: #303133;
+  padding-bottom: 17px;
+  padding-top: 17px;
+}
+</style>
diff --git a/src/views/basic/product/productUdiType.vue b/src/views/basic/product/productUdiType.vue
new file mode 100644
index 00000000..5324ce78
--- /dev/null
+++ b/src/views/basic/product/productUdiType.vue
@@ -0,0 +1,316 @@
+<template>
+  <div>
+    <el-card>
+      <el-form :inline="true" :model="query" class="query-form" size="mini">
+        <el-form-item class="query-form-item" label="名称:">
+          <el-input
+            v-model="query.name"
+            clearable
+            placeholder="请输入名称"
+          ></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button-group style="margin-left: 10px;display:flex;">
+            <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
+            <el-button type="primary" icon="el-icon-plus" @click="handleSubForm( null, 'add')">新增</el-button>
+          </el-button-group>
+        </el-form-item>
+      </el-form>
+      <el-table
+        :data="list"
+        border
+        highlight-current-row
+        row-key="id"
+        :default-expand-all="isExpandAll"
+        :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
+      >
+        <el-table-column label="序号" type="index" ref="dataForm"></el-table-column>
+        <el-table-column prop="name" label="名称"></el-table-column>
+        <el-table-column prop="code" label="编码"></el-table-column>
+        <el-table-column label="操作" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button type="text"  @click.native.stop="handleSubForm( scope.row, 'edit')">编辑</el-button>
+            <el-button type="text"  @click.native.stop="handleDelInv(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <el-dialog
+        :title="formMap[formName]"
+        append-to-body
+        :close-on-click-modal="false"
+        :close-on-press-escape="false"
+        :visible.sync="subFormVisible"
+        width="60%"
+        top="5vh"
+      >
+        <el-form :model="subData" ref="dataForm" :rules="formRules" label-width="80px">
+          <el-row :gutter="20" class="el-row" type="flex">
+            <el-col :span="12" class="el-col">
+              <el-form-item label="上级菜单" prop="parentCode">
+                <treeselect
+                  v-model="subData.parentCode"
+                  :options="fromDeptOptions"
+                  :normalizer="normalizer"
+                  :show-count="true"
+                  placeholder="选择上级菜单"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12" class="el-col">
+            <el-form-item label="名称" prop="name" class="query-form-item">
+              <el-input
+                v-model="subData.name" style="width: 80%"
+                placeholder="请输入名称"
+                auto-complete="off"
+              ></el-input>
+            </el-form-item>
+            </el-col>
+          </el-row>
+          <el-row class="el-row" type="flex">
+            <el-col class="el-col">
+              <el-form-item label="备注" prop="remark" class="query-form-item">
+                <el-input
+                  v-model="subData.remark"
+                  type="textarea"
+                  style="width: 90%"
+                  auto-complete="off"
+                ></el-input>
+              </el-form-item>
+            </el-col>
+          </el-row>
+        </el-form>
+        <div slot="footer" class="dialog-footer">
+          <el-button @click.native="hideForm">取消</el-button>
+          <el-button
+            type="primary"
+            @click.native="forInvSubmit()"
+          >提交
+          </el-button
+          >
+        </div>
+      </el-dialog>
+    </el-card>
+
+
+  </div>
+</template>
+
+<script>
+import "@riophae/vue-treeselect/dist/vue-treeselect.css";
+import Treeselect from "@riophae/vue-treeselect";
+import {getBasicHospType, getListMenu, saveBasicHospType,uodateBasicHospType,deleteBasicHospType} from "@/api/basic/basicHospType";
+
+
+export default {
+  data() {
+    return {
+      //---------------仓库相关-------------------
+      query: {
+        name: null,
+        code: null,
+        status: "1",
+        // page: 1,
+        // limit: 10,
+      },
+      isShow: null,
+      loading: true,
+      list: [],
+      isExpandAll: true,
+      total: 0,
+      formMap: {
+        add: "新增",
+        edit: "编辑"
+      },
+      formName: null,
+      configParms: {},
+      currentCode: null,
+      currentRow: {name: "仓库"},
+      mutiInvMode: true,
+      subFormVisible: false,
+      subData: {},
+      fromDeptOptions: [],
+      thirdSubQuery: {
+        parentId: null,
+        name: null,
+        page: 1,
+        limit: 10,
+        thirdSysFk: "thirdId",
+      },
+      thrSubWareHouseVisible: false,
+      thrSubWarehouseData: [],
+      checkSubThrWarehouseRow: null,
+      subTotal: 0,
+      sysList: [],
+      sysSubList: [],
+    };
+  },
+  methods: {
+    //----------------仓库相关-----------------
+    onReset() {   //重置
+      this.$router.push({
+        path: "",
+      });
+      this.query = {
+        name: "",
+        status: "",
+      };
+      this.getList();
+    },
+
+    onSubmit() { //提交查询
+      this.getList();
+    },
+
+    getList() {
+      this.loading = true;
+      getBasicHospType(this.query)
+        .then((response) => {
+          this.loading = false;
+          let invlist = response.data.list || [];
+          this.list = this.handleTree(invlist, "code", "parentCode");
+        })
+        .catch(() => {
+          this.loading = false;
+          this.total = 0;
+          this.list = [];
+        });
+    },
+    handleSubForm(data, formName) {   //新增，编辑
+      this.formName = formName;
+      if (formName === "edit") {
+        this.subData = JSON.parse(JSON.stringify(data));
+      } else if (formName === "add") {
+        this.subData = {advanceType: false,};
+      }
+      this.getTreeselect();
+      this.subFormVisible = true;
+    },
+
+    hideForm() {    // 新增，编辑---取消
+      this.formVisible = false;
+      this.subFormVisible = false;
+      this.resetForm();
+      return true;
+    },
+    // 刷新表单
+    resetForm() {
+      if (this.$refs["dataForm"]) {
+        // 清空验证信息表单
+        this.$refs["dataForm"].clearValidate();
+        // 刷新表单
+        this.$refs["dataForm"].resetFields();
+        this.getList();
+      }
+    },
+    forInvSubmit() {    // 新增，编辑---提交
+      this.$refs["dataForm"].validate(valid => {
+        if (valid) {
+          if(this.subData.id!=null){
+            uodateBasicHospType(this.subData).then((response) => {
+              if (response.code == 20000) {
+                this.subFormVisible = false;
+                this.getList();
+              } else {
+                this.$message.error(response.message);
+                this.subFormVisible = false;
+              }
+            }).catch(() => {
+              this.subFormVisible = false;
+            });
+          }else{
+            saveBasicHospType(this.subData).then((response) => {
+              if (response.code == 20000) {
+                this.subFormVisible = false;
+                this.getList();
+              } else {
+                this.$message.error(response.message);
+                this.subFormVisible = false;
+              }
+            }).catch(() => {
+              this.subFormVisible = false;
+            });
+          }
+        }
+      });
+      this.getList();
+    },
+
+    /** 查询菜单下拉树结构 */
+    getTreeselect() {
+      getListMenu().then(response => {
+        this.fromDeptOptions = [];
+        const menu = {id: 0, name: '主类目', children: []};
+        menu.children = this.handleTree(response.data,"code", "parentCode");
+        this.fromDeptOptions.push(menu);
+      });
+    },
+    /** 转换菜单数据结构 */
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
+      }
+      return {
+        id: node.code,
+        label: node.name,
+        children: node.children
+      };
+    },
+    handleDelInv(row) {
+      if (row.id) {
+        this.$confirm("确认删除该节点吗?", "提示", {
+          type: "warning",
+        })
+          .then(() => {
+            this.deleteLoading = true;
+            let para = {id: row.id,code:row.code};
+            deleteBasicHospType(para)
+              .then((response) => {
+                this.deleteLoading = false;
+                if (response.code !== 20000) {
+                  this.$message.error(response.message);
+                  return false;
+                }
+                this.getList();
+                this.$message.success("删除成功");
+              })
+              .catch(() => {
+                this.deleteLoading = false;
+              });
+          })
+          .catch(() => {
+            this.$message.info("取消删除");
+          });
+      }
+    },
+
+
+  },
+  mounted() {
+  },
+  components: {
+    Treeselect
+  },
+  created() {
+    this.getList();
+  }
+};
+</script>
+
+<style scoped>
+
+.vue-treeselect >>> .vue-treeselect__placeholder {
+  font-size: 12px;
+}
+
+.vue-treeselect >>> .vue-treeselect__value-container {
+  font-size: 12px;
+  height: 30px;
+}
+
+.vue-treeselect >>> .vue-treeselect__control {
+  height: 20px;
+}
+
+</style>
diff --git a/src/views/basic/product/unbindHospProduct.vue b/src/views/basic/product/unbindHospProduct.vue
new file mode 100644
index 00000000..142bd27a
--- /dev/null
+++ b/src/views/basic/product/unbindHospProduct.vue
@@ -0,0 +1,271 @@
+<template>
+  <div>
+    <el-card>
+      <el-form :model="filterQuery" size="mini" label-width="100px" v-show="showSearch">
+        <el-row>
+          <el-col :span="18">
+            <el-form-item class="query-form-item" label="UDI码:">
+              <el-input v-model="filterQuery.udiCode"
+                        style="width: 97%"
+                        placeholder="请扫描或输入UDI码"
+                        clearable="true"
+                        @keyup.enter.native="keyup_submit($event)"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="产品编码:">
+              <el-input v-model="filterQuery.unionCode" placeholder="DI/医保编码/商品条码"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="产品通用名:">
+              <el-input v-model="filterQuery.cpmctymc" placeholder="产品通用名" clearable="true"
+                        style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="规格型号:">
+              <el-input v-model="filterQuery.ggxh" placeholder="规格型号" clearable="true"
+                        style="width: 90%"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="对照条件:">
+              <el-select v-model="filterQuery.filterType" placeholder="请选择过滤对照条件"
+                         style="width: 90%">
+                <el-option
+                  v-for="item in filterList"
+                  :key="item.filterType"
+                  :label="item.sysName"
+                  :value="item.filterType">
+                  <span style="float: left">{{ item.sysName }}</span>
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="注册备案人:">
+              <el-input v-model="filterQuery.ylqxzcrbarmc" placeholder="生产企业/注册备案人"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item class="query-form-item" label="外部产品编码:">
+              <el-input v-model="filterQuery.thrPiId" placeholder="第三方产品编码"
+                        style="width: 90%"
+                        clearable="true"></el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="top-right-btn">
+        <el-button-group>
+          <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
+          <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="submit">查询</el-button>
+          <el-button type="primary" icon="el-icon-delect" @click="unBindProduct">解绑</el-button>
+        </el-button-group>
+      </div>
+      <el-divider style="margin: 15px"></el-divider>
+      <el-table v-loading="loading" :data="list" style="width: 100%;" @selection-change="handleSelectionChange"  border key="1">
+        <el-table-column type="selection" width="55" ></el-table-column>
+        <el-table-column label="最小销售产品标识" prop="nameCode" width="140" show-overflow-tooltip></el-table-column>
+        <el-table-column label="主系统产品编码" prop="mainId" show-overflow-tooltip></el-table-column>
+        <el-table-column label="生产企业" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="产品通用名" prop="cpmctymc" show-overflow-tooltip></el-table-column>
+        <el-table-column label="规格型号" prop="ggxh" show-overflow-tooltip></el-table-column>
+        <el-table-column label="注册/备案凭证" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
+        <el-table-column label="器械类别" prop="qxlb" show-overflow-tooltip></el-table-column>
+      </el-table>
+      <pagination
+        v-show="total>0"
+        :total="total"
+        :limit.sync="filterQuery.limit"
+        :page.sync="filterQuery.page"
+        @pagination="handleCurrentChange"
+      ></pagination>
+
+    </el-card>
+  </div>
+</template>
+
+<script>
+
+import {bindBasicHospProduct, saveBasicHospType,unbindBasicHospProduct,getBindList} from "@/api/basic/basicHospType";
+
+
+
+
+export default {
+  props: {
+    rId: {
+      type: Object,
+      required: true,
+    },
+    closeDialog: {
+      type: Function,
+      required: true,
+    },
+  },
+  data() {
+    return {
+      filterQuery: {
+        page: 1,
+        limit: 20,
+        addType: 1,
+        thrPiId: null,
+        filterType: null,
+        diType: 1
+      },
+      productList: [],
+      loading: false,
+      showSearch: true,
+      productType: null,
+      editQuery: null,
+      editFormat: {},
+      pId: 0,
+      productRemarkSet: {},
+      list: [],
+      detailList: [],
+      sysList: [],
+      filterList: [],
+      total: 0,
+      thirdNo: "",
+    };
+  },
+
+  methods: {
+    onReset() {
+      this.$router.push({
+        path: "",
+      });
+      this.filterQuery = {
+        lockStatus: null,
+        unionCode: null,
+        udiCode: null,
+        ylqxzcrbarmc: "",
+        cpmctymc: "", thrPiId: null,
+        nameCode: "",
+        ggxh: null,
+        page: 1,
+        limit: 20,
+        addType: 1,
+        diType: 1
+      };
+      this.getList();
+    },
+    submit() {
+      this.loading = true;
+      this.filterQuery.page = 1;
+      this.getList();
+    },
+    getList() {
+      getBindList(this.filterQuery)
+        .then((response) => {
+          this.loading = false;
+          this.list = response.data.list || [];
+          this.total = response.data.total || 0;
+        })
+        .catch(() => {
+          this.loading = false;
+          this.list = [];
+          this.total = 0;
+        });
+    },
+    hideSearch() {
+      this.showSearch = !this.showSearch;
+    },
+    handleCurrentChange(val) {
+      this.filterQuery.page = val.page;
+      this.getList();
+    },
+    handleSelectionChange(val) {
+      this.productList = val;
+    },
+    unBindProduct(){
+      if(this.productList.length<=0){
+        this.$message.error("请先选择解绑产品！");
+        return;
+      }
+      var ids=this.productList.map((item)=> item.id)
+      var data={code:this.rId,ids:ids}
+      unbindBasicHospProduct(data).then((response) => {
+        if (response.code == 20000) {
+            this.$message.success("解绑成功");
+            this.closeDialog();
+        } else {
+          this.$message.error(response.message);
+        }
+      }).catch(() => {
+
+      });
+    },
+  },
+  mounted() {
+  },
+  components: {
+
+  },
+  created() {
+    this.filterQuery.bindCode=this.rId
+    this.getList();
+  },
+};
+</script>
+<style scoped>
+.itemTag {
+  float: left;
+  text-align: right;
+  margin-top: 5px;
+  padding-right: 10px;
+  width: 35%;
+}
+
+.text {
+  font-size: 13px;
+  font-family: "Microsoft YaHei";
+}
+
+.query-form-item {
+  display: block !important;
+  margin-right: 10px;
+  margin-bottom: 5px;
+}
+
+.edit-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 0px;
+}
+
+.el-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 6px;
+}
+
+.el-col {
+  border-radius: 4px;
+  flex-wrap: wrap;
+}
+
+.el-table .cell.el-tooltip {
+  white-space: pre-wrap;
+}
+
+.form-title {
+  font-size: 16px;
+  font-family: Noto Sans SC;
+  font-weight: bold;
+  color: #303133;
+  padding-bottom: 17px;
+  padding-top: 17px;
+}
+</style>