From 4977b1a80db993fc09f91e5d3d02635348d5b47a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=8A=B2=E9=BE=99?= <2860996570@qq.com>
Date: Thu, 2 Nov 2023 13:29:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/archives/cosmetics.js                 |   8 +
 src/api/archives/toLogin.js                   |   4 +-
 src/permission.js                             |   1 +
 src/router/index.js                           |   7 +
 .../productsMsg/components/productInfo.vue    |  18 +-
 src/views/productsMsg/index.vue               |   2 +-
 src/views/productsMsg/zyzj.vue                | 357 ++++++++++++++++++
 7 files changed, 382 insertions(+), 15 deletions(-)
 create mode 100644 src/views/productsMsg/zyzj.vue

diff --git a/src/api/archives/cosmetics.js b/src/api/archives/cosmetics.js
index 134562e..110475e 100644
--- a/src/api/archives/cosmetics.js
+++ b/src/api/archives/cosmetics.js
@@ -54,6 +54,14 @@ export default {
             params: query,
         });
     },
+        //分页条件查询药品批件数据
+        deasCorpTcmpFiling(query) {
+            return request({
+                url: "/pharmaceuticals/deasCorpTcmpFiling",
+                method: "GET",
+                params: query,
+            });
+        },
 
 
 }
diff --git a/src/api/archives/toLogin.js b/src/api/archives/toLogin.js
index 5449c5d..c74becf 100644
--- a/src/api/archives/toLogin.js
+++ b/src/api/archives/toLogin.js
@@ -3,8 +3,8 @@ export default {
     // 登录
     frimLogin() {
         return request({
-            // baseURL: process.env.VUE_APP_USER_LOGIN,
-            url: "/pharmaceuticals/login",
+            baseURL: process.env.VUE_APP_USER_LOGIN,
+            // url: "/pharmaceuticals/login",
             headers: {
                 "Content-Type": "application/json",
                 isToken: true,
diff --git a/src/permission.js b/src/permission.js
index 8c608de..31ede5c 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -18,6 +18,7 @@ const whiteList = [
   "/cosmeticsArchives",
   "/cosmeticsDetail",
   "/health",
+  "/zyzj",
 ];
 NProgress.configure({ showSpinner: false });
 router.beforeEach((to, from, next) => {
diff --git a/src/router/index.js b/src/router/index.js
index 56764ed..d1fc9eb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -95,6 +95,13 @@ export const constantRoutes = [
         component: () => import("@/views/productsMsg/components/health.vue"),
         meta: { title: "医疗器械档案", },
       },
+      {
+        path: "/zyzj",
+        name: "zyzj",
+        icon: require("@/assets/images/tree4.svg"),
+        component: () => import("@/views/productsMsg/zyzj.vue"),
+        meta: { title: "传统中药制剂档案", },
+      },
     ]
   },
   //可以按着若依的思路来写,把菜单全部都设置成一级路由，然后有下拉选择框的去进行区别判断设置成二级子路由
diff --git a/src/views/productsMsg/components/productInfo.vue b/src/views/productsMsg/components/productInfo.vue
index 1f52488..33f4967 100644
--- a/src/views/productsMsg/components/productInfo.vue
+++ b/src/views/productsMsg/components/productInfo.vue
@@ -2,12 +2,7 @@
   <div class="ifram-view" :style="iframViewStyle">
     <!-- <span>!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!</span> -->
     <!-- <iframe src="https://dev-mssm-liaoning.imian.org.cn/ggfw/#/firmContent/drugInfo" frameborder="0" style="width: 100%;height: 100%;"></iframe> -->
-    <iframe
-      :src="Url"
-      frameborder="0"
-      style="width: 100%; height: 100%"
-      ref="iframes"
-    ></iframe>
+    <iframe :src="Url" frameborder="0" style="width: 100%; height: 100%" ref="iframes"></iframe>
   </div>
 </template>
 <script>
@@ -17,11 +12,9 @@ export default {
       iframViewStyle: {
         height: "",
       },
-      Url: `${location.origin}/ggfw-iframe/#/productinformation?type=${
-        this.$route.query.type
-      }&flag=${this.$route.query.flag}&data=${
-        this.$route.query.data
-      }&token=${localStorage.getItem("MSSM-LIAONING__TOKEN")}`,
+      Url: `${location.origin}/ggfw-iframe/#/productinformation?type=${this.$route.query.type
+        }&flag=${this.$route.query.flag}&data=${this.$route.query.data
+        }&token=${localStorage.getItem("MSSM-LIAONING__TOKEN")}`,
       // url: `http://localhost:81?type=${this.$route.query.type}&flag=${
       //   this.$route.query.flagyppzwh
       // }&data=${this.$route.query.data}&token=${localStorage.getItem(
@@ -31,7 +24,7 @@ export default {
   },
   methods: {},
   created() {
-    this.$nextTick(() => {});
+    this.$nextTick(() => { });
   },
   methods: {},
   mounted() {
@@ -42,6 +35,7 @@ export default {
       let windowHeight = window.innerHeight;
       let relativeHeight = windowHeight - height.top;
       this.iframViewStyle.height = relativeHeight + "px";
+      console.log(this.Url);
     });
   },
 };
diff --git a/src/views/productsMsg/index.vue b/src/views/productsMsg/index.vue
index 7302162..96851b4 100644
--- a/src/views/productsMsg/index.vue
+++ b/src/views/productsMsg/index.vue
@@ -187,7 +187,7 @@ export default {
         current: 1,
       },
       //药品分类
-      ypType: ["中药", "辅料", "生物制品", "化学药品"],
+      ypType: ["中药", "生物制品", "化学药品"],
       //剂型
       jxType: [
         "散剂",
diff --git a/src/views/productsMsg/zyzj.vue b/src/views/productsMsg/zyzj.vue
new file mode 100644
index 0000000..7d362c2
--- /dev/null
+++ b/src/views/productsMsg/zyzj.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="container">
+    <div class="tabs">
+      <div class="headerText">
+        <div class="searchP">查询条件</div>
+      </div>
+      <el-form ref="form1" :model="form1" label-width="80px">
+        <div style="margin-top: 10px">
+          <el-row>
+            <el-col :span="11">
+              <el-form-item label="通用名称">
+                <el-input v-model="form1.tymc" placeholder="请输入通用名称"></el-input>
+              </el-form-item>
+            </el-col>
+            <el-col :span="11">
+              <el-form-item label="备案号">
+                <el-input v-model="form1.bah" placeholder="请输入备案号"></el-input>
+              </el-form-item>
+            </el-col>
+
+          </el-row>
+        </div>
+        <el-row>
+          <el-col :span="11">
+            <el-form-item label=" 剂型">
+              <el-select v-model="form1.jx" placeholder=" 请选择剂型">
+                <el-option v-for="item in ypType" :key="item" :label="item" :value="item">
+                </el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+
+          <el-col :span="11">
+            <el-form-item label="医疗机构名称">
+              <el-input v-model="form1.yljgmc" placeholder="请输入医疗机构名称"></el-input>
+            </el-form-item>
+          </el-col>
+
+        </el-row>
+      </el-form>
+      <div class="footBox">
+        <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
+        <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+      </div>
+    </div>
+    <div class="tabsBottom">
+      <div class="foot-main">
+        <div class="headerText">
+          <div class="searchP">传统中药制剂列表</div>
+        </div>
+        <div class="exportBtn">
+          <el-button type="primary" icon="el-icon-edit-outline" @click="exportList()">导出</el-button>
+        </div>
+        <section class="table-box">
+          <div class="table-item">
+            <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
+              <el-table-column type="index" label="序号" width="50" align="center" />
+              <el-table-column label="通用名称" align="center" >
+                <template slot-scope="scope">
+                  {{ scope.row.tymc }}
+                </template>
+              </el-table-column>
+              <el-table-column label="备案号" align="center">
+                <template slot-scope="scope">
+                  {{ scope.row.bah }}
+                </template>
+              </el-table-column>
+              <el-table-column label="剂型" align="center" >
+                <template slot-scope="scope">
+                  {{ scope.row.jx }}
+                </template>
+              </el-table-column>
+              <el-table-column label="医疗机构名称" align="center" >
+                <template slot-scope="scope">
+                  {{ scope.row.yljgmc }}
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" class-name="small-padding fixed-width" width="70"  align="center">
+                <template slot-scope="scope">
+                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">查看</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </section>
+        <pagination :total="total" :page="form.current" :limit="form.size" @pagination="getPagination"
+          :current-page.sync="form.current"></pagination>
+      </div>
+    </div>
+    <el-dialog title="提示" :visible.sync="showCK" width="30%">
+      <span>{{ src }}</span>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="closeDC()">取 消</el-button>
+        <el-button type="primary" @click="openDC()">确 定</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { download, dcyp } from "../../api/archives/updata";
+import { Notification, MessageBox, Message, Loading } from "element-ui";
+export default {
+  components: {},
+  data() {
+    return {
+      //===========
+      loading: false,
+      tableData: [],
+      total: 0,
+      form1: {
+       //通用名称
+       tymc: "",
+        //备案号
+        bah: "",
+        //剂型
+        jx: "",
+        //生产企业
+        scqy: "",
+        //医疗机构名称
+        yljgmc: "",
+      },
+      form: {
+        size: 10,
+        current: 1,
+      },
+      //药品分类
+      ypType: ["中药", "生物制品", "化学药品"],
+      //剂型
+      jxType: [
+        "散剂",
+        "片剂",
+        "颗粒剂",
+        "胶囊剂",
+        "溶液剂",
+        "乳剂",
+        "混悬剂",
+        "注射剂",
+        "喷雾剂",
+        "气雾剂",
+      ],
+      jieliuShow: true,
+
+      loadA: null,
+      showCK: false,
+      src: "",
+    };
+  },
+  mounted() { },
+  created() {
+    this.chinaCosmetics(1);
+  },
+  methods: {
+    openDC() {
+      this.showCK = false;
+      this.loadA = Loading.service({
+        text: "正在下载数据，请稍候",
+        spinner: "el-icon-loading",
+        background: "rgba(0, 0, 0, 0.7)",
+      });
+      dcyp(this.form1).then((res) => {
+        const blob = new Blob([res], { type: res.type });
+        const link = document.createElement("a");
+        link.href = window.URL.createObjectURL(blob);
+        link.style.display = "none";
+        link.download = "药品" + ".xlsx";
+        link.click();
+        this.loadA.close();
+        this.$message({
+          type: "success",
+          message: "导出成功",
+        }).catch((err) => {
+          this.$message({
+            type: "info",
+            message: "导出失败",
+          });
+        });
+      });
+    },
+    closeDC() {
+      this.showCK = false;
+      this.$message({
+        type: "info",
+        message: "已取消导出",
+      });
+    },
+    exportList() {
+      this.src = `确定导出${this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
+        }${this.form1.ypfl ? `药品分类为${this.form1.ypfl}、` : ""}${this.form1.pzwh ? `批准文号为${this.form1.pzwh}、` : ""
+        }${this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""}${this.form1.jx ? `剂型为${this.form1.jx}、` : ""
+        }数据吗?`;
+      this.showCK = true;
+    },
+    jieliuFunc() {
+      if (this.jieliuShow) {
+        this.chinaCosmetics();
+        this.jieliuShow = false;
+        setTimeout(() => {
+          this.jieliuShow = true;
+        }, 3000);
+      } else {
+        this.$message("点击过快");
+      }
+    },
+    //去内嵌页面
+    toDetail(e) {
+      this.$router.push({
+        path: `/cosmeticsDetail`,
+        query: { type: "4", data: e.id },
+        
+      });
+    },
+    //搜索
+    searchList() {
+      this.form.current = 1;
+      for (let i in this.form1) {
+        this.form[i] = this.form1[i];
+      }
+      console.log(this.form);
+      this.jieliuFunc();
+    },
+    getPagination(e) {
+      console.log(e);
+      this.form.current = e.page;
+      this.form.size = e.limit;
+      this.chinaCosmetics(1);
+    },
+    //重置
+    reset() {
+      this.form1 = {
+        //通用名称
+        tymc: "",
+        //备案号
+        bah: "",
+        //剂型
+        jx: "",
+        //生产企业
+        scqy: "",
+        //医疗机构名称
+        yljgmc: "",
+      };
+      this.form = {
+        size: 10,
+        current: 1,
+      };
+      this.jieliuFunc();
+    },
+    //国产化妆品
+    async chinaCosmetics() {
+      this.loading = true;
+      let msg1 = await this.$api.cosmetics.deasCorpTcmpFiling(this.form);
+      console.log(msg1);
+      this.tableData = msg1.data.records;
+      this.total = msg1.data.total;
+      this.form.size = msg1.data.size;
+      this.form.current = msg1.data.current;
+      this.loading = false;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+::v-deep .el-dialog:not(.is-fullscreen) {
+  margin-top: 30vh !important;
+}
+
+::v-deep .el-dialog__body {
+  padding: 15px;
+}
+
+::v-deep .el-select {
+  width: 100% !important;
+}
+
+.container {
+  height: 100%;
+  // overflow: auto;
+  background: #f2f2f2;
+
+  .headerText {
+    width: 100%;
+    padding: 10px 20px;
+    border-bottom: 1px solid #f2f3f5;
+    color: #323233;
+    font-size: 20px;
+    font-weight: bold;
+
+    .searchP {
+      position: relative;
+      cursor: pointer;
+
+      &::before {
+        content: "";
+        width: 78px;
+        height: 3px;
+        background: #1349c5;
+        position: absolute;
+        bottom: -10px;
+      }
+    }
+  }
+
+  .tabs {
+    width: 100%;
+    height: 30%;
+    background: #fff;
+  }
+}
+
+//===================
+::v-deep .el-button--medium {
+  padding: 8px;
+}
+
+.footBox {
+  width: 100%;
+  text-align: center;
+}
+
+.tabsBottom {
+  // height: 70%;
+  padding-top: 10px;
+
+  .foot-main {
+    height: 100%;
+    // min-height: 600px;
+    width: 100%;
+    background: white;
+  }
+}
+
+.exportBtn {
+  padding: 10px 20px;
+}
+
+.table-box {
+  overflow-y: auto;
+  padding: 0 20px;
+
+  .table-item {}
+}
+
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  padding: 15px 20px;
+}
+
+::v-deep.el-table--medium .el-table__cell {
+  padding: 7px 0;
+}
+
+::v-deep .el-table {
+  overflow: auto;
+}
+</style>