From 64294be217889d3fed2887cfde4ce2a4516bbc18 Mon Sep 17 00:00:00 2001
From: schry <2433098676@qq.com>
Date: Wed, 31 May 2023 11:34:52 +0800
Subject: [PATCH] =?UTF-8?q?UDI=E6=9F=A5=E8=AF=A2=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/udi/udiTrace.js                  |   4 +-
 src/views/udi/trace/search/index.vue     |  66 +++--
 src/views/udi/trace/searchLive/index.vue | 324 ++++++++++++++++++-----
 3 files changed, 294 insertions(+), 100 deletions(-)

diff --git a/src/api/udi/udiTrace.js b/src/api/udi/udiTrace.js
index 9820cb6..4f72005 100644
--- a/src/api/udi/udiTrace.js
+++ b/src/api/udi/udiTrace.js
@@ -56,9 +56,9 @@ export function filterCompanyName(query) {
   });
 }
 
-export function filterBatchNo(query) {
+export function filterNameCode(query) {
   return axios({
-    url: "/udi/trace/order/filterBatchNo",
+    url: "/udi/basic/dict/filterNameCode",
     method: "get",
     params: query
   });
diff --git a/src/views/udi/trace/search/index.vue b/src/views/udi/trace/search/index.vue
index ef3409e..4f6b32f 100644
--- a/src/views/udi/trace/search/index.vue
+++ b/src/views/udi/trace/search/index.vue
@@ -1,8 +1,6 @@
 <template>
   <div>
     <el-card>
-      <el-form size="mini">
-        <el-form-item prop="child">
           <el-form v-show="showSearch" label-width="125px" size="mini">
             <el-row type="flex">
               <el-col :span="18">
@@ -88,25 +86,31 @@
                     >
                     </el-option>
                   </el-select>
-                  <!--                    <el-input
-                                        v-model="filterQuery.ggxh"
-                                        placeholder="请输入规格型号"
-                                        style="width: 200px"
-                                        clearable="true"
-                                        :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc==''"
-                                      ></el-input>-->
                 </el-form-item>
               </el-col>
             </el-row>
             <el-row>
               <el-col :span="6">
                 <el-form-item label="DI标识:" class="query-form-item">
-                  <el-input
-                    style="width: 100%"
+                  <el-select
                     v-model="filterQuery.nameCode"
-                    placeholder="请输入DI标识"
+                    filterable
+                    remote
+                    style="width: 100%"
                     clearable="true"
-                  ></el-input>
+                    reserve-keyword
+                    placeholder="请输入DI"
+                    :remote-method="getNameCodeList"
+                    :loading="loading"
+                  >
+                    <el-option
+                      v-for="item in nameCodeList"
+                      :key="item.nameCode"
+                      :label="item.nameCode"
+                      :value="item.nameCode"
+                    >
+                    </el-option>
+                  </el-select>
                 </el-form-item>
               </el-col>
               <el-col :span="6">
@@ -116,7 +120,9 @@
                     placeholder="请输入批次号"
                     style="width: 100%"
                     clearable="true"
-                    :disabled="filterQuery.ggxh==null || filterQuery.ggxh==''"
+                    :disabled="filterQuery.ggxh==null || filterQuery.ggxh=='' ||
+                                filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' ||
+                                  filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''"
                   ></el-input>
                 </el-form-item>
               </el-col>
@@ -124,7 +130,7 @@
               </el-col>
             </el-row>
           </el-form>
-          <el-divider style="margin: 15px"></el-divider>
+
           <div class="top-right-btn" style="display:flex;">
             <el-button-group>
               <el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏
@@ -136,8 +142,7 @@
               >
             </el-button-group>
           </div>
-        </el-form-item>
-      </el-form>
+      <el-divider style="margin: 15px"></el-divider>
       <el-table v-loading="loading" :data="list"
                 style="width: 100%"
                 border highlight-current-row>
@@ -338,9 +343,8 @@
 
 <script>
 
-import {getTraceOrderList, filterCpmctymc, filterGgxh, filterBatchNo, sourceSearch} from "@/api/udi/udiTrace";
+import {filterCpmctymc, filterGgxh, filterNameCode, sourceSearch} from "@/api/udi/udiTrace";
 import {filterCompany} from "@/api/basic/udiInfo";
-import {isBlank} from "@/utils/strUtil";
 
 export default {
   data() {
@@ -356,14 +360,6 @@ export default {
         page: 1,
         limit: 10,
       },
-      options: [
-        {value: 'A', label: 'UDI码查询(源头查询)'},
-        {value: 'B', label: '按产品信息组合查询'},
-      ],
-      form: {
-        parent: '',
-        child: '',
-      },
       total: 0,
       loading: false,
       list: [],
@@ -373,25 +369,25 @@ export default {
       fromOptions: [],
       cpmctymcList: [],
       ggxhList: [],
-      batchNoList: []
+      nameCodeList: []
     }
   },
   methods: {
     ggxhChange() {
-      this.getBatchNoList()
+      this.getNameCodeList()
     },
-    getBatchNoList(query) {
+    getNameCodeList(query) {
       let params = {
         ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc,
         cpmctymc: this.filterQuery.cpmctymc,
         ggxh: this.filterQuery.ggxh,
-        batchNo: query,
+        nameCode: query,
         page: 1,
         limit: 10,
       };
-      filterBatchNo(params).then((res) => {
-        this.batchNoList = res.data.list || [];
-        console.log(this.batchNoList)
+      filterNameCode(params).then((res) => {
+        this.nameCodeList = res.data.list || [];
+        console.log(this.nameCodeList)
       })
     },
     cpmctymcChange() {
@@ -480,7 +476,7 @@ export default {
       sourceSearch(this.filterQuery).then((res) => {
         this.loading = false;
         if (res.code === 20000) {
-          this.list = res.data.list || [];
+          this.list = res.data || [];
           this.total = res.data.total || 0;
           console.log(this.list)
         } else {
diff --git a/src/views/udi/trace/searchLive/index.vue b/src/views/udi/trace/searchLive/index.vue
index a3440a1..e272a1a 100644
--- a/src/views/udi/trace/searchLive/index.vue
+++ b/src/views/udi/trace/searchLive/index.vue
@@ -1,54 +1,171 @@
 <template>
   <div>
     <el-card>
-      <el-form>
-        <el-row type="flex">
-          <el-col type="flex" :span="8">
-            <el-form-item label="当前所在企业:">
-              <el-select
-                v-model="filterQuery.companyName"
-                filterable
-                remote
-                style="width: 200px"
-                clearable="true"
-                reserve-keyword
-                placeholder="请输入产品名称"
-                :remote-method="geCompanyNameList"
-                :loading="loading"
-              >
-                <el-option
-                  v-for="item in companyNameList"
-                  :key="item.companyName"
-                  :label="item.companyName"
-                  :value="item.companyName"
-                >
-                </el-option>
-              </el-select>
-<!--              <el-input v-model="filterQuery.companyName"
-                        style="width: 200px;"
-                        placeholder="请输入当前所在企业"
-                        @keyup.native="onSubmit"></el-input>-->
-            </el-form-item>
-          </el-col>
-          <el-col type="flex" :span="16">
-            <el-form-item label="UDI码查询:">
-              <el-input v-model="filterQuery.udiCode" placeholder="UDI码查询(源头查询)"
-                        style="width: 600px;" clearable></el-input>
-            </el-form-item>
-          </el-col>
-          <el-col type="flex" :span="8">
-            <el-form-item>
-              <el-button-group style="display:flex;">
-                <el-button type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button>
-                <el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
-              </el-button-group>
-            </el-form-item>
-          </el-col>
-        </el-row>
+          <el-form v-show="showSearch" label-width="125px" size="mini">
+            <el-row type="flex">
+              <el-col :span="18">
+                <el-form-item label="UDI码:" class="query-form-item">
+                  <el-input v-model="filterQuery.udiCode" placeholder="UDI码查询"
+                            clearable></el-input>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row type="flex">
+              <el-col type="flex" :span="6">
+                <el-form-item label="当前所在企业:" class="query-form-item">
+                  <el-select
+                    v-model="filterQuery.companyName"
+                    filterable
+                    remote
+                    style="width: 100%"
+                    clearable="true"
+                    reserve-keyword
+                    placeholder="请输入产品名称"
+                    :remote-method="geCompanyNameList"
+                    :loading="loading"
+                  >
+                    <el-option
+                      v-for="item in companyNameList"
+                      :key="item.companyName"
+                      :label="item.companyName"
+                      :value="item.companyName"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="医疗器械注册人:" class="query-form-item">
+                  <el-select
+                    v-model="filterQuery.ylqxzcrbarmc"
+                    filterable
+                    remote
+                    clearable="true"
+                    style="width: 100%"
+                    reserve-keyword
+                    placeholder="医疗器械注册人"
+                    :remote-method="getYlqxzcrbarmcList"
+                    :loading="loading"
+                    @change="ylqxzcrbarmcChange"
+                  >
+                    <el-option
+                      v-for="item in fromOptions"
+                      :key="item.ylqxzcrbarmc"
+                      :label="item.ylqxzcrbarmc"
+                      :value="item.ylqxzcrbarmc"
+                    >
 
-      </el-form>
-      <el-divider style="margin: 15px"></el-divider>
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="产品名称:" class="query-form-item">
+                  <el-select
+                    v-model="filterQuery.cpmctymc"
+                    filterable
+                    remote
+                    clearable="true"
+                    :disabled="filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''"
+                    reserve-keyword
+                    placeholder="请输入产品名称"
+                    :remote-method="getCpmctymcList"
+                    :loading="loading"
+                    style="width: 100%"
+                    @change="cpmctymcChange"
+                  >
+                    <el-option
+                      v-for="item in cpmctymcList"
+                      :key="item.cpmctymc"
+                      :label="item.cpmctymc"
+                      :value="item.cpmctymc"
+                    >
 
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="6">
+                <el-form-item label="规格型号:" class="query-form-item">
+                  <el-select
+                    v-model="filterQuery.ggxh"
+                    filterable
+                    remote
+                    style="width: 100%"
+                    clearable="true"
+                    :disabled="filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' ||
+                                  filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''"
+                    reserve-keyword
+                    placeholder="请输入产品名称"
+                    :remote-method="getGgxhList"
+                    :loading="loading"
+                    @change="ggxhChange"
+                  >
+                    <el-option
+                      v-for="item in ggxhList"
+                      :key="item.ggxh"
+                      :label="item.ggxh"
+                      :value="item.ggxh"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="DI标识:" class="query-form-item">
+                  <el-select
+                    v-model="filterQuery.nameCode"
+                    filterable
+                    remote
+                    style="width: 100%"
+                    clearable="true"
+                    reserve-keyword
+                    placeholder="请输入DI"
+                    :remote-method="getNameCodeList"
+                    :loading="loading"
+                  >
+                    <el-option
+                      v-for="item in nameCodeList"
+                      :key="item.nameCode"
+                      :label="item.nameCode"
+                      :value="item.nameCode"
+                    >
+                    </el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item label="批次号:" class="query-form-item">
+                  <el-input
+                    v-model="filterQuery.batchNo"
+                    placeholder="请输入批次号"
+                    style="width: 100%"
+                    clearable="true"
+                    :disabled="filterQuery.ggxh==null || filterQuery.ggxh=='' ||
+                                filterQuery.cpmctymc==null || filterQuery.cpmctymc=='' ||
+                                  filterQuery.ylqxzcrbarmc==null || filterQuery.ylqxzcrbarmc==''"
+                  ></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col type="flex">
+              </el-col>
+            </el-row>
+          </el-form>
+
+          <div class="top-right-btn" style="display:flex;">
+            <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="onSubmit" size="mini"
+              >查询
+              </el-button
+              >
+            </el-button-group>
+          </div>
+      <el-divider style="margin: 15px"></el-divider>
       <el-table v-loading="loading" :data="list"
                 style="width: 100%"
                 border highlight-current-row>
@@ -249,7 +366,8 @@
 
 <script>
 
-import {getTraceOrderList,filterCompanyName} from "@/api/udi/udiTrace";
+import {filterCpmctymc, filterGgxh, filterNameCode, sourceSearch,filterCompanyName} from "@/api/udi/udiTrace";
+import {filterCompany} from "@/api/basic/udiInfo";
 
 export default {
   data() {
@@ -261,7 +379,7 @@ export default {
         ggxh: null,
         nameCode: null,
         batchNo: null,
-        companyName: null,
+        companyName: "",
         page: 1,
         limit: 10,
       },
@@ -271,6 +389,10 @@ export default {
       open: false,
       formView: {},
       showSearch: true,
+      fromOptions: [],
+      cpmctymcList: [],
+      ggxhList: [],
+      nameCodeList: [],
       companyNameList: []
     }
   },
@@ -291,10 +413,74 @@ export default {
           this.loading = false;
         });
     },
+    ggxhChange() {
+      this.getNameCodeList()
+    },
+    getNameCodeList(query) {
+      let params = {
+        ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc,
+        cpmctymc: this.filterQuery.cpmctymc,
+        ggxh: this.filterQuery.ggxh,
+        nameCode: query,
+        page: 1,
+        limit: 10,
+      };
+      filterNameCode(params).then((res) => {
+        this.nameCodeList = res.data.list || [];
+        console.log(this.nameCodeList)
+      })
+    },
+    cpmctymcChange() {
+      this.getGgxhList()
+    },
+    getGgxhList(query) {
+      let params = {
+        ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc,
+        cpmctymc: this.filterQuery.cpmctymc,
+        ggxh: query,
+        page: 1,
+        limit: 10,
+      };
+      filterGgxh(params).then((res) => {
+        this.ggxhList = res.data.list || [];
+        console.log(this.ggxhList)
+      })
+    },
+    ylqxzcrbarmcChange() {
+      this.getCpmctymcList()
+    },
+    getCpmctymcList(query) {
+      let params = {
+        ylqxzcrbarmc: this.filterQuery.ylqxzcrbarmc,
+        cpmctymc: query,
+        page: 1,
+        limit: 10,
+      };
+      filterCpmctymc(params).then((res) => {
+        this.cpmctymcList = res.data.list || [];
+        console.log(this.cpmctymcList)
+      })
+    },
+    getYlqxzcrbarmcList(query) {
+      let cQuery = {
+        ylqxzcrbarmc: query,
+        page: 1,
+        limit: 10,
+      };
+      filterCompany(cQuery)
+        .then((response) => {
+          this.loading = false;
+          this.fromOptions = response.data || [];
+          console.log(this.fromOptions)
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
     hideSearch() {
       this.showSearch = !this.showSearch;
     },
-    handleView(row){
+    handleView(row) {
       this.list.forEach(obj => {
         if (row.id == obj.id) {
           this.formView = obj
@@ -303,7 +489,7 @@ export default {
       console.log(this.formView)
       this.open = true
     },
-    onReset(){
+    onReset() {
       this.$router.push({
         path: "",
       });
@@ -314,24 +500,23 @@ export default {
         ggxh: null,
         nameCode: null,
         batchNo: null,
-        companyName: null,
+        companyName: "",
         page: 1,
         limit: 10,
       };
       //this.list = null
       //this.total = 0
-      this.getList()
     },
-    onSubmit(){
-        this.filterQuery.page = 1;
-        this.getList()
+    onSubmit() {
+      this.filterQuery.page = 1;
+      this.getList()
     },
     getList() {
       this.loading = true;
-      getTraceOrderList(this.filterQuery).then((res) => {
+      sourceSearch(this.filterQuery).then((res) => {
         this.loading = false;
         if (res.code === 20000) {
-          this.list = res.data.list || [];
+          this.list = res.data || [];
           this.total = res.data.total || 0;
           console.log(this.list)
         } else {
@@ -348,20 +533,33 @@ export default {
     },
   },
   created() {
-    this.getList()
   }
 }
 </script>
 
 <style scoped>
-.el-col {
-  border-radius: 4px;
-  flex-wrap: wrap;
+.checkitemTag {
+  float: left;
+  text-align: left;
+  margin-top: 5px;
+  width: 100%;
+}
+
+div /deep/ .el-table .warning-row {
+  background: #bebebe;
 }
+
+div /deep/ .el-table .success-row {
+  background: #ffffff;
+}
+
+.el-card {
+  margin-right: 20px;
+  /*transition: all .5s;*/
+}
+
 .query-form-item {
   display: block !important;
-  margin-right: 10px;
   margin-bottom: 5px;
 }
-
 </style>