新增接口

src/api/Myapi/frimCenter/index.js

@@ -111,6 +111,33 @@ export default {
       data
     })
   },
+  //药品不良反应
+  portraitDrugsReport(data) {
+    return request({
+      baseURL: api,
+      url: `/api/arms/drugAdverse/portraitDrugsReport`,
+      method: "post",
+      data
+    })
+  },
+  //医疗器械不良反应
+  portraitYlqxReport(data) {
+    return request({
+      baseURL: api,
+      url: `/api/arms/ylqxAdverse/portraitYlqxReport`,
+      method: "post",
+      data
+    })
+  },
+   //化妆品不良反应
+   portraitHzpReport(data) {
+    return request({
+      baseURL: api,
+      url: `/api/arms/hzpAdverse/portraitHzpReport`,
+      method: "post",
+      data
+    })
+  },
   //药品详情查询--省抽
   productDrugInspectDetail(query) {
     return request({

src/views/firmContent/drugInfo/adverseReaction/adverseReaction.vue

@@ -37,11 +37,12 @@
     <block-header title="查询结果">
       <div class="tables">
         <el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
-          <el-table-column prop="id" header-align="center" label="序号" width="80">
+          <!-- <el-table-column prop="index" header-align="center" label="序号" width="80">
+          </el-table-column> -->
+          <el-table-column v-for="(item, index) in tableList" :prop="item.prop" header-align="center" :label="item.name"
+            :width="item.width">
           </el-table-column>
-          <el-table-column prop="durgName" header-align="center" label="药品通用名称">
+          <!-- <el-table-column prop="wenhao" label="批准文号" header-align="center">
-          </el-table-column>
-          <el-table-column prop="wenhao" label="批准文号" header-align="center">
           </el-table-column>
           <el-table-column prop="bianhao" label="报告编号" header-align="center">
           </el-table-column>
@@ -50,8 +51,8 @@
           <el-table-column prop="hospitalName" label="医院名称" header-align="center">
           </el-table-column>
           <el-table-column prop="addresName" label="报告地区名称" header-align="center">
-          </el-table-column>
+          </el-table-column> -->
-          <el-table-column label="操作" header-align="center" width="100">
+          <!-- <el-table-column label="操作" header-align="center" width="100">
             <template slot-scope="scope">
               <div class="button">
                 <el-button size="mini" class="informant-btn" plain type="primary"
@@ -59,7 +60,7 @@
                 </el-button>
               </div>
             </template>
-          </el-table-column>
+</el-table-column> -->
         </el-table>
       </div>
       <div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
@@ -73,11 +74,11 @@
           }}-{{ numberMap() }}条</span
         > -->
         <span class="custom">
-          共0条，显示0条
+          共{{ this.total }}条，显示{{ this.tableData.length }}条
         </span>
         <el-pagination background :small="transinformation.b == '1'" :page-sizes="[10, 15]" :total="total"
           layout=" prev, pager, next, sizes, jumper" @current-change="currentChange" @size-change="sizeChange"
-          :current-page.sync="currentPage" :page-size.sync="pageSize">
+          :current-page.sync="form1.pageNum" :page-size.sync="form1.pageSize">
         </el-pagination>
       </div>
     </block-header>
@@ -100,15 +101,11 @@ export default {
         //   addresName:'沈阳',
         // }
       ],
+      tableList: [],
       form1: {
-        size: 10,
+        pageSize: 10,
-        current: 1,
+        pageNum: 1,
-        //抽样编号
+        drugApprovalNo: "",
-        cybh: "",
-        //批准文号
-        yppzwh: '',
-        zzjyjl: "",
-        fsnf:""
       },
       options1: [
         {
@@ -124,7 +121,7 @@ export default {
       // adverseReactionStyle:{
       //   height:''
       // }
-      currentPage: 1,
+      pageNum: 1,
       pageSize: 10,
       total: 0,
     }
@@ -132,6 +129,251 @@ export default {
   props: ['transinformation'],
   components: { blockHeader },
   methods: {
+    getlist() {
+      this.loading = true;
+      if (this.urlA.type == 2) {
+        // 药品
+        this.tableList = [
+          {
+            name: "序号",
+            prop: "index",
+            width: "80"
+          },
+          {
+            name: "患者姓名",
+            prop: "name",
+            width: "100"
+          },
+          {
+            name: "不良反应名称",
+            prop: "untowardReactionName",
+          }, {
+            name: "不良反应结果",
+            prop: "untowardReactionResult",
+            width: "160"
+          },
+          {
+            name: "不良反应发生时间",
+            prop: "happenDate",
+            width: "160"
+          },
+          {
+            name: "严重程度",
+            prop: "reportType",
+            width: "180"
+          }, {
+            name: "通用名称",
+            prop: "commonName",
+          },
+          {
+            name: "报告单位类别",
+            prop: "reportUnitType",
+            width: "180"
+          },
+          // {
+          //   name: "合并用药通用名称",
+          //   prop: "mergeCommonName",
+          //   width: "180"
+          // }, {
+          //   name: "怀疑用药通用名称	",
+          //   prop: "suspectedCommonName",
+          //   width: "180"
+          // },
+        ]
+        this.$api.frimCenter.portraitDrugsReport(this.form1).then(res => {
+          console.log(888, this.urlA);
+          console.log(777, res);
+          if (res.status == 200) {
+            this.tableData = res.result.list;
+            this.tableData.forEach((element, index) => {
+              element.index = index + 1;
+            });
+            this.total = res.result.total;
+            this.loading = false;
+
+          }
+
+        })
+      } else if (this.urlA.type == 3) {
+        // 器械
+        this.tableList = [
+          {
+            name: "序号",
+            prop: "index",
+            width: "80"
+          },
+          {
+            name: "单位名称",
+            prop: "company",
+          },
+          {
+            name: "持有人名称",
+            prop: "holder",
+            width: "130"
+          },
+          {
+            name: "持有人所属监测机构",
+            prop: "cyrJcjg",
+          }, {
+            name: "事发地所属监测机构",
+            prop: "userOperateEnterpriseJcjg",
+          },
+          {
+            name: "故障表现",
+            prop: "faultPerformance",
+            width: "130"
+          },
+          {
+            name: "伤害程度",
+            prop: "harm",
+            width: "100"
+          }, {
+            name: "伤害表现",
+            prop: "behavior",
+            width: "100"
+
+          },
+          {
+            name: "报告状态",
+            prop: "cyrReportStatus",
+            width: "100"
+          },
+
+          // {
+          //   name: "合并用药通用名称",
+          //   prop: "mergeCommonName",
+          //   width: "180"
+          // }, {
+          //   name: "怀疑用药通用名称	",
+          //   prop: "suspectedCommonName",
+          //   width: "180"
+          // },
+        ]
+        this.$api.frimCenter.portraitYlqxReport(this.form1).then(res => {
+          this.tableList = [
+            {
+              name: "序号",
+              prop: "index",
+              width: "80"
+            },
+            {
+              name: "单位名称",
+              prop: "company",
+            },
+            {
+              name: "故障表现",
+              prop: "faultPerformance",
+              width: "130"
+            },
+            {
+              name: "伤害程度",
+              prop: "harm",
+              width: "100"
+            }, {
+              name: "伤害表现",
+              prop: "behavior",
+              width: "100"
+
+            },
+            {
+              name: "持有人名称",
+              prop: "holder",
+              width: "130"
+            },
+            {
+              name: "持有人所属监测机构",
+              prop: "cyrJcjg",
+            }, {
+              name: "事发地所属监测机构",
+              prop: "userOperateEnterpriseJcjg",
+            },
+
+            {
+              name: "报告状态",
+              prop: "cyrReportStatus",
+              width: "100"
+            },
+
+            // {
+            //   name: "合并用药通用名称",
+            //   prop: "mergeCommonName",
+            //   width: "180"
+            // }, {
+            //   name: "怀疑用药通用名称	",
+            //   prop: "suspectedCommonName",
+            //   width: "180"
+            // },
+          ]
+          console.log(888, this.urlA);
+          console.log(777, res);
+          if (res.status == 200) {
+            this.tableData = res.result.list;
+            this.tableData.forEach((element, index) => {
+              element.index = index + 1;
+            });
+            this.total = res.result.total;
+            this.loading = false;
+
+          }
+        })
+      } else if (this.urlA.type == 1) {
+        this.tableList = [
+          {
+            name: "序号",
+            prop: "index",
+            width: "80"
+          },
+          {
+            name: "化妆品名称",
+            prop: "hzpName",
+          },
+          {
+            name: "报告单位",
+            prop: "reportUnit",
+          },
+          {
+            name: "报告来源",
+            prop: "reportSource",
+            width: "130"
+          },
+          {
+            name: "报告类型",
+            prop: "reportType",
+            width: "100"
+          }, {
+            name: "初步判断",
+            prop: "initialJudgement",
+
+          },
+          {
+            name: "报告区域",
+            prop: "reportArea",
+            width: "130"
+          },
+          {
+            name: "报告日期",
+            prop: "reportDate",
+            width: "100"
+          },
+
+
+        ]
+        this.$api.frimCenter.portraitHzpReport(this.form1).then(res => {
+          console.log(888, this.urlA);
+          console.log(777, res);
+          if (res.status == 200) {
+            this.tableData = res.result.list;
+            this.tableData.forEach((element, index) => {
+              element.index = index + 1;
+            });
+            this.total = res.result.total;
+            this.loading = false;
+          }
+        })
+        // 化妆品
+      }
+
+    },
     // tabs某列的样式修改
     columnStyle({ row, column, rowIndex, columnIndex }) {
       if (columnIndex == 7 || columnIndex == 0) {
@@ -146,20 +388,20 @@ export default {
 
     },
     currentChange(index) {
+      console.log(77, index);
+      this.form1.pageNum = index;
+      this.getlist()
 
     },
     sizeChange(index) {
-
+      this.form1.pageSize = index;
+      this.getlist()
     },
     reset() {
       this.form1 = {
-        size: 10,
+        pageSize: 10,
-        current: 1,
+        pageNum: 1,
-        //抽样编号
+        drugApprovalNo: "",
-        cybh: "",
-        //批准文号
-        yppzwh: '',
-        zzjyjl: ""
       }
     },
     inquire() { }
@@ -168,8 +410,10 @@ export default {
     ...mapState({
       urlA: (state) => state.app.urlA,
     }),
-  }
+  },
-  // mounted(){
+  mounted() {
+    this.form1.drugApprovalNo = this.urlA.data
+    this.getlist()
     // this.$nextTick(() => {
     //   let dom = document.getElementsByClassName('adverseReaction');
     //   let height = dom[0].getBoundingClientRect();
@@ -178,7 +422,7 @@ export default {
     //   let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
     //   this.adverseReactionStyle.height = relativeHeight + 'px'
     // })
-  // }
+  }
 }
 </script>
 <style lang="scss" scoped>
@@ -217,8 +461,8 @@ export default {
 
   ::v-deep .el-table td {
     height: vh(40);
-    padding: 0;
+    padding: vh(10) 0;
-    font-size: vb(14);
+    font-size: vb(16);
     font-weight: 400;
     color: #292F38;
   }
@@ -226,7 +470,7 @@ export default {
   ::v-deep .el-table th {
     height: vh(40);
     padding: 0;
-    font-size: vb(14);
+    font-size: vb(16);
     font-family: Source Han Sans CN;
     font-weight: bold;
     color: #292f38;