Merge branch 'duhanyu' of http://39.101.188.84:8000/suzhou-jichuang-lanhai/LiaoningChanpinHuaxiang
commit
93f3a9340c
@ -0,0 +1,50 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
// 根据批准文号或备案编号查询召回信息
|
||||
export function getRecall(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/findRecallByName',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据批准文号或备案编号查询自然年一年根据报告类型化妆品报告数量统计
|
||||
export function getCosmeticsBL(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/getHZPReportCountByType',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据批准文号或备案编号查询自然年一年根据报告类型医疗器械数量统计
|
||||
export function getMedicalDevicesBL(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/getYLQXReportCountByType',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据批准文号或备案编号查询自然年一年根据报告类型药品报告数量统计
|
||||
export function getDrugBL(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/getYPReportCountByType',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据批准文号或备案编号查询药品变更信息
|
||||
export function getDrugChange(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/pageAlterByReq',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
//根据批准文号或备案编号查询产品档案抽检信息
|
||||
export function getCPCJ(query) {
|
||||
return request({
|
||||
url: '/ggfw-api/pharmaceuticals/largeScreen/productFileInspect',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
@ -1,100 +1,138 @@
|
||||
|
||||
<template>
|
||||
<div class="Basic-box">
|
||||
<el-table :data="tableData" stripe style="width: 100%;background-color: transparent;">
|
||||
<el-table-column prop="data" label="变更项目" width="100" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="变更事项" width="180" show-overflow-tooltip>
|
||||
</el-table-column>
|
||||
<el-table-column prop="address" label="变更时间" show-overflow-tooltip>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
v-loading="load1"
|
||||
element-loading-text="加载中..."
|
||||
element-loading-spinner="el-icon-loading"
|
||||
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||
stripe
|
||||
style="width: 100%; background-color: transparent"
|
||||
>
|
||||
<el-table-column
|
||||
v-for="(item, index) in tableHeader1"
|
||||
:key="index"
|
||||
:prop="item.prop"
|
||||
:label="item.label"
|
||||
:width="item.width || ''"
|
||||
show-overflow-tooltip
|
||||
align="center"
|
||||
>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<Pagination></Pagination>
|
||||
|
||||
<Pagination
|
||||
:total="total"
|
||||
:page="query.current"
|
||||
:limit="query.size"
|
||||
@pagination="changeList"
|
||||
></Pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Pagination from "@/views/components/Pagination"
|
||||
import { getDrugChange } from "@/api/largeScreen";
|
||||
import Pagination from "@/views/components/Pagination";
|
||||
export default {
|
||||
name: 'Basicbox',
|
||||
components: {Pagination},
|
||||
name: "Basicbox",
|
||||
components: { Pagination },
|
||||
data() {
|
||||
return {
|
||||
tableData: [{
|
||||
data: "审批类变更概述",
|
||||
name: "原料对乙酰胺基供应商的公司名称由河北嘉恒（集团）药业有限公司变更为河北一恒药业股份有公司，生产地址未发生变更。",
|
||||
address: "2022-06-08"
|
||||
}, {
|
||||
data: "审批类变更概述",
|
||||
name: "-",
|
||||
address: "2022-06-08"
|
||||
}, {
|
||||
data: "审批类变更概述",
|
||||
name: "-",
|
||||
address: "2022-06-08"
|
||||
tableHeader1: [
|
||||
{
|
||||
prop: "bgxm",
|
||||
label: "变更项目",
|
||||
// width: "100",
|
||||
},
|
||||
{
|
||||
data: "审批类变更概述",
|
||||
name: "-",
|
||||
address: "2022-06-08"
|
||||
prop: "bgsx",
|
||||
label: "变更事项",
|
||||
},
|
||||
{
|
||||
data: "审批类变更概述",
|
||||
name: "-",
|
||||
address: "2022-06-08"
|
||||
prop: "bgsj",
|
||||
label: "变更时间",
|
||||
// width: "100",
|
||||
},
|
||||
]
|
||||
}
|
||||
],
|
||||
// tableHeader2: [
|
||||
// {
|
||||
// prop: "bgxm",
|
||||
// label: "变更内容",
|
||||
// },
|
||||
// {
|
||||
// prop: "bgsj",
|
||||
// label: "变更时间",
|
||||
// },
|
||||
// ],
|
||||
tableData: [],
|
||||
query: {
|
||||
current: 1,
|
||||
size: 5,
|
||||
name: "",
|
||||
},
|
||||
created() { },
|
||||
mounted() { },
|
||||
methods: {},
|
||||
computed: {}
|
||||
}
|
||||
total: 0,
|
||||
load1: false,
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
mounted() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
this.load1 = true;
|
||||
getDrugChange(this.query).then((res) => {
|
||||
this.tableData = res.data.records;
|
||||
this.total = res.data.total;
|
||||
this.load1 = false;
|
||||
});
|
||||
},
|
||||
changeList(e) {
|
||||
this.query.current = e.page;
|
||||
this.query.size = e.limit;
|
||||
this.getList();
|
||||
},
|
||||
},
|
||||
computed: {},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.Basic-box {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
padding: 0 11px 11px 11px;
|
||||
// padding: 0 11px 11px 11px;
|
||||
overflow-y: auto;
|
||||
background-color: transparent ;
|
||||
background-color: transparent;
|
||||
}
|
||||
::v-deep .el-table, .el-table__expanded-cell {
|
||||
::v-deep .el-table,
|
||||
.el-table__expanded-cell {
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
::v-deep .el-table th {
|
||||
background-color: rgba(0,100,255,0.2) !important;
|
||||
color: #2492FF ;
|
||||
background-color: rgba(0, 100, 255, 0.2) !important;
|
||||
color: #2492ff;
|
||||
border: none;
|
||||
|
||||
}
|
||||
::v-deep .el-table td {
|
||||
border: none;
|
||||
|
||||
}
|
||||
::v-deep .el-table::before {
|
||||
height: 0px;
|
||||
}
|
||||
::v-deep .el-table tr {
|
||||
background-color: transparent !important;
|
||||
color: #B7D4F5 ;
|
||||
|
||||
color: #b7d4f5;
|
||||
}
|
||||
::v-deep .el-table tbody tr:hover td {
|
||||
background-color: transparent !important
|
||||
background-color: transparent !important;
|
||||
}
|
||||
::v-deep .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell{
|
||||
::v-deep .el-table th.el-table__cell.is-leaf,
|
||||
.el-table td.el-table__cell {
|
||||
border: none;
|
||||
}
|
||||
// 显示的颜色
|
||||
::v-deep .el-table .el-table__body tr.el-table__row--striped td {
|
||||
background-color: rgba(0,50,150,0.1) !important;
|
||||
}
|
||||
|
||||
|
||||
::v-deep .el-table .el-table__body tr.el-table__row--striped td {
|
||||
background-color: rgba(0, 50, 150, 0.1) !important;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -1,87 +1,154 @@
|
||||
|
||||
<template>
|
||||
<div class="box">
|
||||
<div class="box">
|
||||
<el-pagination
|
||||
background
|
||||
:current-page.sync="currentPage"
|
||||
:page-size.sync="pageSize"
|
||||
layout="->,prev, total,pager, next,jumper"
|
||||
:total="1000"
|
||||
:page-size="3"
|
||||
:pager-count="5"
|
||||
:page-sizes="pageSizes"
|
||||
:pager-count="pagerCount"
|
||||
:total="total"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
small
|
||||
>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</el-pagination>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { scrollTo } from "@/utils/scroll-to";
|
||||
|
||||
export default {
|
||||
name: '',
|
||||
components: {},
|
||||
data () {
|
||||
return {
|
||||
name: "Pagination",
|
||||
props: {
|
||||
total: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
page: {
|
||||
type: Number,
|
||||
default: 1,
|
||||
},
|
||||
limit: {
|
||||
type: Number,
|
||||
default: 20,
|
||||
},
|
||||
pageSizes: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [10, 20, 30, 50];
|
||||
},
|
||||
},
|
||||
// 移动端页码按钮的数量端默认值5
|
||||
pagerCount: {
|
||||
type: Number,
|
||||
default: document.body.clientWidth < 992 ? 5 : 7,
|
||||
},
|
||||
layout: {
|
||||
type: String,
|
||||
default: "total, sizes, prev, pager, next, jumper",
|
||||
},
|
||||
background: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
autoScroll: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
hidden: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
computed: {
|
||||
currentPage: {
|
||||
get() {
|
||||
return this.page;
|
||||
},
|
||||
set(val) {
|
||||
this.$emit("update:page", val);
|
||||
},
|
||||
},
|
||||
pageSize: {
|
||||
get() {
|
||||
return this.limit;
|
||||
},
|
||||
set(val) {
|
||||
this.$emit("update:limit", val);
|
||||
},
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleSizeChange(val) {
|
||||
if (this.currentPage * val > this.total) {
|
||||
this.currentPage = 1;
|
||||
}
|
||||
this.$emit("pagination", { page: this.currentPage, limit: val });
|
||||
if (this.autoScroll) {
|
||||
scrollTo(0, 800);
|
||||
}
|
||||
},
|
||||
created () { },
|
||||
mounted () { },
|
||||
methods: { },
|
||||
computed: {}
|
||||
}
|
||||
handleCurrentChange(val) {
|
||||
this.$emit("pagination", { page: val, limit: this.pageSize });
|
||||
if (this.autoScroll) {
|
||||
scrollTo(0, 800);
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped lang='scss'>
|
||||
.box{
|
||||
.box {
|
||||
background-color: transparent !important;
|
||||
|
||||
}
|
||||
|
||||
::v-deep .el-pagination.is-background .btn-prev{
|
||||
::v-deep .el-pagination.is-background .btn-prev {
|
||||
background-color: transparent !important;
|
||||
border: 1px solid #123864;
|
||||
color: #579ACF;
|
||||
color: #579acf;
|
||||
}
|
||||
::v-deep .el-pagination.is-background .btn-next{
|
||||
::v-deep .el-pagination.is-background .btn-next {
|
||||
background-color: transparent !important;
|
||||
border: 1px solid #123864;
|
||||
color: #579ACF;
|
||||
color: #579acf;
|
||||
}
|
||||
::v-deep .el-pagination.is-background .el-pager li{
|
||||
::v-deep .el-pagination.is-background .el-pager li {
|
||||
background-color: transparent !important;
|
||||
border: 1px solid #123864;
|
||||
color: #579ACF;
|
||||
color: #579acf;
|
||||
}
|
||||
|
||||
::v-deep .el-pagination.is-background.el-pager li:not(.disabled).active{
|
||||
background: rgba(20,131,242,0.2) !important;
|
||||
border: 1px solid #1483F2;
|
||||
::v-deep .el-pagination.is-background.el-pager li:not(.disabled).active {
|
||||
background: rgba(20, 131, 242, 0.2) !important;
|
||||
border: 1px solid #1483f2;
|
||||
border-radius: 4px;
|
||||
color:#fff;
|
||||
color: #fff;
|
||||
}
|
||||
::v-deep .el-pagination__jump{
|
||||
::v-deep .el-pagination__jump {
|
||||
margin: 0;
|
||||
color: #2668D6;
|
||||
.el-input__inner{
|
||||
color: #2668d6;
|
||||
.el-input__inner {
|
||||
background-color: transparent !important;
|
||||
border: 1px solid #123864;
|
||||
color: #2668D6;
|
||||
|
||||
color: #2668d6;
|
||||
}
|
||||
}
|
||||
::v-deep .el-pagination__total{
|
||||
color: #2668D6;
|
||||
|
||||
::v-deep .el-pagination__total {
|
||||
color: #2668d6;
|
||||
}
|
||||
::v-deep .el-pagination.is-background .el-pager li:hover{
|
||||
background: rgba(20,131,242,0.2) !important;
|
||||
border: 1px solid #1483F2;
|
||||
::v-deep .el-pagination.is-background .el-pager li:hover {
|
||||
background: rgba(20, 131, 242, 0.2) !important;
|
||||
border: 1px solid #1483f2;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
::v-deep .el-pager li.active{
|
||||
background: rgba(20,131,242,0.2) !important;
|
||||
border: 1px solid #1483F2;
|
||||
}
|
||||
::v-deep .el-pager li.active {
|
||||
background: rgba(20, 131, 242, 0.2) !important;
|
||||
border: 1px solid #1483f2;
|
||||
border-radius: 4px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in new issue