From 5f66b56e7763867dacca4728c7cfca5f6940c17f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=83=91=E6=98=8E=E6=A2=81?= <2429105222@qq.com>
Date: Mon, 12 Jun 2023 16:19:59 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=A9=E8=B5=84=E7=B1=BB=E5=88=AB=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/basic/product/productCategory.vue | 522 ++++++++++++++++++++
 1 file changed, 522 insertions(+)
 create mode 100644 src/views/basic/product/productCategory.vue

diff --git a/src/views/basic/product/productCategory.vue b/src/views/basic/product/productCategory.vue
new file mode 100644
index 00000000..95ca225b
--- /dev/null
+++ b/src/views/basic/product/productCategory.vue
@@ -0,0 +1,522 @@
+<template>
+  <div>
+    <el-card>
+      <el-row type="flex">
+        <el-col style="flex: 1" v-show="Dictionary">
+          <el-col v-show="showSearch" style="min-width: 200px; max-width: 100%">
+            <el-tree
+              :data="treeList"
+              class="tree"
+              :default-expand-all="true"
+              @node-click="handleNodeClick"
+              :expand-on-click-node="false"
+            >
+              <span class="custom-tree-node" slot-scope="{ node, data }">
+                <span style="font-size: 14px; font-weight: 500">{{
+                    node.label
+                  }}</span></span
+              >
+            </el-tree>
+          </el-col>
+        </el-col>
+        <el-button
+          type="success"
+          @click="Dictionary = !Dictionary"
+          icon="el-icon-arrow-left"
+          v-show="Dictionary"
+          class="iconButton"
+        >
+        </el-button>
+        <el-button
+          type="success"
+          @click="Dictionary = !Dictionary"
+          icon="el-icon-arrow-right"
+          v-show="!Dictionary"
+          class="iconButton"
+        >
+        </el-button>
+        <el-col style="border-left: 3px solid #dddddd; overflow-y: hidden">
+          <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="请输入最小销售标识"
+                    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-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-row>
+            <el-row>
+              <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-col :span="6">
+                <el-form-item class="query-form-item" label="集采状态:">
+                  <el-select
+                    v-model="filterQuery.groupBuy"
+                    placeholder="请选择集采状态"
+                    clearable
+                    style="width: 90%"
+                  >
+                    <el-option label="全部" value=""></el-option>
+                    <el-option label="集采" value="true"></el-option>
+                    <el-option label="非集采" value="false"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item class="query-form-item" label="可配送状态:">
+                  <el-select
+                    v-model="filterQuery.dispatch"
+                    placeholder="请选择可配送状态"
+                    clearable
+                    style="width: 90%"
+                  >
+                    <el-option label="全部" value=""></el-option>
+                    <el-option label="可配送" value="true"></el-option>
+                    <el-option label="不可配送" value="false"></el-option>
+                  </el-select>
+                </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.zczbhhzbapzbh"
+                    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.manufactory"
+                    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-select
+                      v-model="filterQuery.isDisable"
+                      placeholder="请选择是否在用"
+                      clearable
+                      style="width: 90%"
+                  >
+                    <el-option label="在用" value="false"></el-option>
+                    <el-option label="停用" value="true"></el-option>
+                  </el-select>
+                </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-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"
+              width="120"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="物资名称"
+              prop="cpmctymc"
+              width="160"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="规格型号"
+              prop="ggxh"
+              width="160"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="注册/备案号"
+              prop="zczbhhzbapzbh"
+              width="160"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+              label="注册/备案人"
+              prop="ylqxzcrbarmc"
+              width="180"
+              show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column
+                label="是否在用"
+                prop="isDisable"
+                width="180"
+                show-overflow-tooltip
+            >
+              <template slot-scope="scope">
+                <el-tag :type="scope.row.isDisable | isDisableFilterType">
+                  {{ isDisableMap[scope.row.isDisable] }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="集采状态"
+              prop="groupBuy"
+              width="120"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">
+                <el-tag :type="scope.row.groupBuy | statusFilterType">
+                  {{ groupBuyMap[scope.row.groupBuy] }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="可配送状态"
+              prop="dispatch"
+              width="120"
+              show-overflow-tooltip
+            >
+              <template slot-scope="scope">
+                <el-tag :type="scope.row.dispatch | statusFilterType">
+                  {{ dispatchMap[scope.row.dispatch] }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column width="180" label="操作" fixed="right">
+              <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-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 {
+      Dictionary: false, //物资字典分类显示、隐藏
+      filterQuery: {
+        lockStatus: null,
+        unionCode: null,
+        udiCode: null,
+        ylqxzcrbarmc: "",
+        cpmctymc: "",
+        nameCode: "",
+        ggxh: null,
+        page: 1,
+        limit: 20,
+        addType: 1,
+        thrPiId: null,
+        filterType: null,
+        dispatch: null,
+        groupBuy: null,
+        zczbhhzbapzbh: null,
+      },
+    };
+  },
+  filters: {},
+  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,
+      };
+      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 = [];
+        });
+    },
+  },
+  mounted() {
+  },
+  components: {
+
+  },
+  created() {
+    this.getList();
+  },
+};
+</script>
+<style scoped lang="scss">
+.iconButton {
+  margin-left: 0px;
+  height: 30px;
+}
+
+.tree {
+  ::v-deep .el-tree-node {
+    white-space: normal;
+
+    .el-tree-node__content {
+      height: 100%;
+      align-items: start;
+    }
+  }
+}
+
+.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: nowrap;
+}
+
+/* .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>