suzhou-jichuang-lanhai
/
LiaoningYaopinIframe
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

merge into: suzhou-jichuang-lanhai:Lvtianfang
Branches Tags
suzhou-jichuang-lanhai:master
suzhou-jichuang-lanhai:Lvtianfang
suzhou-jichuang-lanhai:duhanyu
...
pull from: suzhou-jichuang-lanhai:duhanyu
Branches Tags
suzhou-jichuang-lanhai:master
suzhou-jichuang-lanhai:Lvtianfang
suzhou-jichuang-lanhai:duhanyu

3 Commits
Lvtianfang ... duhanyu

Author SHA1 Message Date
杜函宇 e98d558676 优化
1 year ago
杜函宇 e764c12f0e 优化
1 year ago
杜函宇 5905dc1d06 化妆品
1 year ago
16 changed files with 2340 additions and 1231 deletions
Show Stats

52
src/App.vue
Unescape View File

@ -5,6 +5,7 @@
</template>
<script>
import { Message } from "element-ui";
export default {
name: "App",
metaInfo() {
@ -20,31 +21,29 @@ export default {
};
},
mounted() {
setTimeout(async () => {
let Authentication = await this.$api.login.frimLogin();
localStorage.setItem(
"Authentication",
Authentication.data.result.userToken
);
}, 25200000);
//! 冒陈-permission request
/*
/static/
/usr/share/nginx/html/ggfw
sudo mv ggfw.zip /usr/share/nginx/html/ggfw 在 MSSM-Dev 文件夹下 移动压缩包到 ggfw文件夹下
cd /usr/share/nginx/html/ggfw 移动到文件夹下
unzip ggfw.zip -d . 解压
rm ./ggfw.zip 删除当前目录下的压缩包 弹出确定删除 打 y 并回车
*/
/*
*/
// 获取地址栏参数
var queryString = window.location.search;
// 创建 URLSearchParams 对象
var params = new URLSearchParams(queryString);
// 创建空的 JSON 对象
var obj = {};
// 遍历参数，并将其添加到 JSON 对象中
params.forEach(function (value, key) {
// 对地址栏参数进行解码
var decodedValue = decodeURIComponent(value);
obj[key] = decodedValue;
});
if (obj.token) {
localStorage.setItem("MSSM-LIAONING__TOKEN", obj.token);
} else {
this.$alert("暂无token",'提示', {
confirmButtonText: "返回",
callback: (action) => {
this.$router.go(-1);
},
});
}
this.$store.commit("app/URLChange", obj);
},
};
</script>
@ -53,6 +52,7 @@ export default {
width: 0 !important;
}
::-webkit-scrollbar {
width: 0 !important;height: 0;
width: 0 !important;
height: 0;
}
</style>

45
src/api/cosmetics/index.js
Unescape View File

@ -0,0 +1,45 @@
import request from "@/utils/request";
export default {
//根据备案号查询单条国产化妆品数据
getChina1(e) {
return request({
url: `/pharmaceuticals/gccp/${e}`,
method: "get",
})
},
//通过注册证号查询单条国产特殊化妆品
getChinaSpecial(e) {
return request({
url: `pharmaceuticals/gctshzp/${e}`,
method: "get",
})
},
//根据备案号查询进口化妆品数据
getInlet(e) {
return request({
url: `/pharmaceuticals/jkcp/${e}`,
method: "get",
})
},
//通过注册证号查询单条进口特殊化妆品数据
getInletSpecial(e) {
return request({
url: `/pharmaceuticals/jktshzp/${e}`,
method: "get",
})
},
//通过批准文号查询单条药品批件信息
getYaoPin(e){
return request({
url: `/pharmaceuticals/vRdgYpwhGxwz/${e}`,
method: "get",
})
},
//通过注册证编号查询单条器械品种数据
getQiXie(e){
return request({
url: `/pharmaceuticals/ylqxJnyelcp/${e}`,
method: "get",
})
}
}

5
src/api/index.js
Unescape View File

@ -1,6 +1,9 @@
// 召回
import frimCenter from "./Myapi/frimCenter/index.js";
import cosmetics from './cosmetics/index.js'
import yaoPin from './yaoPin/index.js'
export default {
frimCenter,
cosmetics,
yaoPin
};

26
src/api/yaoPin/index.js
Unescape View File

@ -0,0 +1,26 @@
import request from "@/utils/request";
export default {
//分页条件查询国家药品抽检数据-抽样信息表
getYPList(query) {
return request({
url: `/pharmaceuticals/gjypcjsjCyxxb`,
method: "get",
params:query
})
},
//通过主键查询单条国家药品抽检数据-抽样信息表
getSingle(id){
return request({
url: `/pharmaceuticals/gjypcjsjCyxxb/${id}`,
method: "get",
})
},
//分页条件查询国家药品抽检数据-检验项目表
jyList(query){
return request({
url: `/pharmaceuticals/gjypcjsjJyxmb`,
method: "get",
params:query
})
}
}

112
src/components/Pagination/index.vue
Unescape View File

@ -1,113 +1,127 @@
<template>
<div :class="{'hidden':hidden}" class="pagination-container">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:pager-count="pagerCount"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
<div :class="{ hidden: hidden }" class="paginBox">
<div class="leftBox">
总共{{ this.total }} 条:显示{{
this.currentPage == 1 ? "1" : (this.currentPage - 1) * this.pageSize
}}-{{
this.total <= this.pageSize
? this.total
: this.currentPage * this.pageSize > this.total
? this.total
: this.currentPage * this.pageSize
}}条
</div>
<div class="rightBox">
<el-pagination
:background="background"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
:layout="layout"
:page-sizes="pageSizes"
:total="total"
v-bind="$attrs"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
</div>
</template>
<script>
import { scrollTo } from '@/utils/scroll-to'
import { scrollTo } from "@/utils/scroll-to";
export default {
name: 'Pagination',
name: "Pagination",
props: {
total: {
required: true,
type: Number
type: Number,
},
page: {
type: Number,
default: 1
default: 1,
},
limit: {
type: Number,
default: 20
default: 20,
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50]
}
return [5,10,20];
},
},
// 移动端页码按钮的数量端默认值5
pagerCount: {
type: Number,
default: document.body.clientWidth < 992 ? 5 : 7
},
// pagerCount: {
// type: Number,
// default: document.body.clientWidth < 992 ? 5 : 7
// },
layout: {
type: String,
default: 'total, sizes, prev, pager, next, jumper'
default: " sizes, prev, pager, next, jumper",
},
background: {
type: Boolean,
default: true
default: true,
},
autoScroll: {
type: Boolean,
default: true
default: true,
},
hidden: {
type: Boolean,
default: false
}
default: false,
},
},
data() {
return {
};
return {};
},
computed: {
currentPage: {
get() {
return this.page
return this.page;
},
set(val) {
this.$emit('update:page', val)
}
this.$emit("update:page", val);
},
},
pageSize: {
get() {
return this.limit
return this.limit;
},
set(val) {
this.$emit('update:limit', val)
}
}
this.$emit("update:limit", val);
},
},
},
methods: {
handleSizeChange(val) {
if (this.currentPage * val > this.total) {
this.currentPage = 1
this.currentPage = 1;
}
this.$emit('pagination', { page: this.currentPage, limit: val })
this.$emit("pagination", { page: this.currentPage, limit: val });
if (this.autoScroll) {
scrollTo(0, 800)
scrollTo(0, 800);
}
},
handleCurrentChange(val) {
this.$emit('pagination', { page: val, limit: this.pageSize })
this.$emit("pagination", { page: val, limit: this.pageSize });
if (this.autoScroll) {
scrollTo(0, 800)
scrollTo(0, 800);
}
}
}
}
},
},
};
</script>
<style scoped>
.pagination-container {
background: #fff;
padding: 32px 16px;
.paginBox {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
}
.pagination-container.hidden {
display: none;
}

125
src/permission.js
Unescape View File

@ -13,125 +13,18 @@ NProgress.configure({ showSpinner: false });
const whiteList = ["/login", "/register"];
router.beforeEach(async (to, from, next) => {
if (to.name) NProgress.start();
// 这个判断是不行的，暂时先这样
// if(!localStorage.getItem("Authentication")) {
// let Authentication = await API.login.frimLogin();
// localStorage.setItem("Authentication", Authentication.data.result.userToken);
// let data = {
// "corpName": "",
// "uniscid": "", // 社会信用代码
// "location": "",
// "enterpriseStatusId": "",
// "licenseCode": "",
// "type": [],
// "startDate": "",
// "endDate": "",
// "pageNum": 5, //5
// "pageSize": 10
// }
// let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
// localStorage.setItem('frimCenterInfo',JSON.stringify(info.result.list[7])) //6
// }
let obj = {
entCode: "91320594MA1YXGLG8L", // 社会信用代码
// entCode: "91211000055695073L",
entName: "苏州极创澜海科技有限公司",
idsextcorpAuth: "1",
idsextcreditID: "+f9KOHgG8vZ3SWg63fqKieE/7WaZUYR1",
idsextcreditType: "",
idsextjbrCreditID: "4xZNBCCEs1hSmqymq7jfZuE/7WaZUYR1",
idsextjbrtel: "/7AvIbKF3hhrYDZYpevYTQ==",
idsextrelNameAuth: "",
mobile: "",
relPerson: "韩斌斌",
score: "2",
token: "sso_username:60800920",
trueName: "吴顺杰",
userId: "60800920",
userName: "suzhoujichuang",
};
localStorage.setItem("loginName", JSON.stringify(obj));
localStorage.setItem("Ls-Token", obj.token);
if (localStorage.getItem("loginName")) {
// TODO 这里是临时的登录
if (
!localStorage.getItem("Authentication") ||
!localStorage.getItem("Ls-Token")
) {
Cookies.set("logTime", Date.now());
// 现在token还没改，所以要登录一下那token
//
let Authentication = await API.login.frimLogin();
localStorage.setItem(
"Authentication",
Authentication.data.result.userToken
);
// localStorage.setItem(
// "Authentication",
// localStorage.getItem("MSSM-LIAONING__TOKEN")
// );
let data = {
corpName: "",
uniscid: JSON.parse(localStorage.getItem("loginName")).entCode, // 社会信用代码
location: "",
enterpriseStatusId: "",
licenseCode: "",
type: [],
startDate: "",
endDate: "",
pageNum: 1,
pageSize: 10,
};
let info = await API.frimCenter.getEnterpriseLicenseByPage(data);
localStorage.setItem(
"frimCenterInfo",
JSON.stringify(info.result.list[0])
); //6
// 请求头区分登录--不是正式token
localStorage.setItem(
"Ls-Token",
JSON.parse(localStorage.getItem("loginName")).token
);
}
next();
let token = localStorage.getItem('MSSM-LIAONING__TOKEN')
if (token) {
next()
} else {
localStorage.setItem("Login_index", "0");
const queryString = window.location.search; // 获取完整查询字符串，例如 "?name=John&age=30"
if (queryString == "" || queryString == undefined || queryString == null) {
// !本地使用
// let hrefa = process.env.VUE_APP_DAN_Dian;
// location.href = "https://dev-mssm-liaoning.imian.org.cn/ggfw-api/pharmaceuticals/singleSignOn/getSessionId";
// !外地使用
location.href = `${location.origin}${process.env.VUE_APP_URL}/pharmaceuticals/singleSignOn/getSessionId`;
}
const url = location.href;
const regex = /sessionId=([^#]+)/;
const matchResult = url.match(regex);
const queryStringtow = matchResult[1];
// router.history.pending.query["sessionId"],
let result = await API.Zhaohui.getUserIfo({
sessionId: queryStringtow,
this.$alert("暂无token",'提示', {
confirmButtonText: "返回",
callback: (action) => {
this.$router.go(-1);
},
});
if (result.code == 200) {
localStorage.setItem("loginName", JSON.stringify(result.data));
// let text = location.href;
// location.href = text.split("?")[0];
}
}
if (to.path.split("/")[1] == "dw") {
next();
}
if (to.path.split("/")[1] == "no-top") {
next();
}
});
})
router.afterEach(() => {
NProgress.done();
});

7
src/store/modules/app.js
Unescape View File

@ -7,10 +7,15 @@ const state = {
hide: false
},
device: 'desktop',
size: Cookies.get('size') || 'medium'
size: Cookies.get('size') || 'medium',
//存储的传递的数据
urlA:'',
}
const mutations = {
URLChange : (state, B) => {
state.urlA = B
},
TOGGLE_SIDEBAR: state => {
if (state.sidebar.hide) {
return false;

5
src/utils/request.js
Unescape View File

@ -34,8 +34,7 @@ service.interceptors.request.use(
// 是否需要防止数据重复提交
const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
if (isToken) {
config.headers["Authentication"] = localStorage.getItem("Authentication");
config.headers["token"] = localStorage.getItem("Ls-Token"); //企业端
config.headers["Authentication"] = localStorage.getItem("MSSM-LIAONING__TOKEN");
}
// get请求映射params参数
if (config.method === "get" && config.params) {
@ -84,7 +83,6 @@ service.interceptors.request.use(
return config;
},
(error) => {
console.log(error);
Promise.reject(error);
}
);
@ -104,7 +102,6 @@ service.interceptors.response.use(
) {
return res.data;
}
console.log("454545", code);
if (code === 401) {
if (!isRelogin.show) {
isRelogin.show = true;

6
src/views/firmContent/components/descriptions/index.vue
Unescape View File

@ -11,7 +11,7 @@
<template slot="label">
{{ item.label }}
</template>
{{ item.value }}
{{ item.value || '-' }}
</el-descriptions-item>
</el-descriptions>
</div>
@ -51,7 +51,11 @@ export default {
},
methods:{
},
created() {
},
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";

3
src/views/firmContent/components/dialogTitle/index.vue
Unescape View File

@ -59,6 +59,9 @@ export default {
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
::v-deep .el-dialog__body{
margin-bottom:10px;
}
.dialog-slot {
padding: 0;
.closeClick {

45
src/views/firmContent/components/table/index.vue
Unescape View File

@ -0,0 +1,45 @@
<template>
<div>
<el-table :data="list" style="width: 100%" v-loading="loading" border>
<el-table-column type="index" label="序号" width="50">
</el-table-column>
<el-table-column
v-for="(item,index) in labels"
:key="index"
:prop="item.value"
header-align="center"
:width="item.width"
:label="item.header"
>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data() {
return {
};
},
props:{
list:{
type:Array,
default:[]
},
labels:{
type:Array,
default:[]
},
loading:{
type:Boolean,
default:false
}
},
methods: {
},
};
</script>
<style lang="scss" scoped>
</style>

819
src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
Unescape View File

@ -1,5 +1,31 @@
<template>
<div class="pzChouyang">
<div class="drug-input">
<div class="inputs">
<div class="rank">
<div class="input--label">抽样级别：</div>
<el-select v-model="value" placeholder="请选择抽样级别">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</div>
<div class="number">
<div class="input--label">抽样编号：</div>
<div>
<el-input v-model="name" :placeholder="'请输入抽样编号'"></el-input>
</div>
</div>
</div>
<div class="search-btns">
<button class="reset" @click="reset">重置</button>
<button class="inquire" @click="inquire()">查询</button>
</div>
</div>
<block-header title="查询结果">
<div class="tables">
<el-table
@ -10,32 +36,27 @@
border
>
<el-table-column
prop="id"
type="index"
header-align="center"
label="序号"
width="80"
>
</el-table-column>
<el-table-column
prop="rank"
header-align="center"
label="抽样级别"
>
<el-table-column prop="cyrw" header-align="center" label="抽样级别">
<!-- <template slot-scope="scope">
{{ filterLevel(scope.row.cyjb ) }}
</template> -->
</el-table-column>
<el-table-column
prop="number"
label="抽样编号"
header-align="center"
>
<el-table-column prop="cybh" label="抽样编号" header-align="center">
</el-table-column>
<el-table-column
prop="name"
prop="yptymc"
label="药品通用名"
header-align="center"
>
</el-table-column>
<el-table-column
prop="unitName"
prop="bcydwmc"
label="被抽样单位名称"
header-align="center"
>
@ -52,17 +73,9 @@
header-align="center"
>
</el-table-column>
<el-table-column
prop="date"
label="抽样日期"
header-align="center"
>
<el-table-column prop="cyrq" label="抽样日期" header-align="center">
</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
@ -70,158 +83,442 @@
class="informant-btn"
plain
type="primary"
@click="handleEdit(scope.$index, scope.row)">详情
@click="handleEdit(scope.$index, scope.row)"
>详情
</el-button>
</div>
</template>
</el-table-column>
</el-table>
</div>
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo':''">
<!-- <span class="custom"
>共{{ total }}条，显示{{
total == 0
? "0"
: queryCondition.current == 1
? "1"
: queryCondition.size * (queryCondition.current - 1) + 1
}}-{{ numberMap() }}条</span
> -->
<span class="custom">
共100条，显示1-10条
</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"
>
</el-pagination>
</div>
<!-- <div
class="pagination"
:class="transinformation.b == '1' ? 'paginationTwo' : ''"
> -->
<pagination
v-show="total > 0"
:total="total"
:page="form1.current"
:limit="form1.size"
@pagination="getPagination"
></pagination>
<!-- </div> -->
</block-header>
<!-- 国抽 -->
<dialog-title title="详情" width="90%" ref="xiangqingDialog">
<div class="dialog-tabs">
<div class="tabs">
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab':''">
<img :class="action !== 1 ? 'actionImage' : ''" :src="action == 1 ? `${require('@/assets/images/home/icon1-1@2x.png')}`:`${require('@/assets/images/home/icon1-2@2x.png')}`" alt="">
<div
class="tab"
@click="actionTab(1)"
:class="action == 1 ? 'actionTab' : ''"
>
<span>基本信息</span>
</div>
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab':''">
<img :src="action == 2 ? `${require('@/assets/images/home/icon2-1@2x.png')}`:`${require('@/assets/images/home/icon2-2@2x.png')}`" alt="">
<span>品种抽样</span>
<div
class="tab"
@click="actionTab(2)"
:class="action == 2 ? 'actionTab' : ''"
>
<span>检验项目</span>
</div>
</div>
</div>
<component :is="currentComponent"></component>
<component
:is="currentComponent"
:descriptions="descriptions"
:loading="load1"
></component>
</dialog-title>
<!-- 省抽 -->
<dialog-title title="查看抽样详情" :width="transinformation.b == '1' ? '65%':'90%'" ref="chouyangDialog">
<dialog-title
title="查看抽样详情"
:width="transinformation.b == '1' ? '65%' : '90%'"
ref="chouyangDialog"
>
<chouyang-info></chouyang-info>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="medicalInfo">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="medicalInfo"
>
<medical-info></medical-info>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="drugDetail">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="drugDetail"
>
<drug-detail></drug-detail>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="drugProvince">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="drugProvince"
>
<drug-province></drug-province>
</dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%':'90%'" ref="samplingDetail">
<dialog-title
title="详情"
:width="transinformation.b == '1' ? '75%' : '90%'"
ref="samplingDetail"
>
<sampling-detail></sampling-detail>
</dialog-title>
</div>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import dialogTitle from "@/views/firmContent/components/dialogTitle/index.vue"
import basicInfo from "./basicInfo/basicInfo.vue"
import chouYang from "./chouYang/chouYang.vue"
import chouyangInfo from "./chouyangInfo/index.vue"
import medicalInfo from "./medical.vue"
import samplingDetail from "./samplingDetail.vue"
import drugDetail from "./drugDetail.vue"
import drugProvince from "./drugProvince.vue"
import blockHeader from "@/views/firmContent/components/blockHeader/index";
import dialogTitle from "@/views/firmContent/components/dialogTitle/index";
import basicInfo from "./basicInfo/basicInfo";
import chouYang from "./chouYang/chouYang";
import chouyangInfo from "./chouyangInfo/index";
import medicalInfo from "./medical";
import samplingDetail from "./samplingDetail";
import drugDetail from "./drugDetail";
import drugProvince from "./drugProvince";
import { mapState } from "vuex";
export default {
data() {
return {
tableData:[
{
id:1,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:2,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:3,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:4,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:5,
rank:'国抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
},{
id:6,
rank:'省抽',
number:'YC20230619',
name:'布洛芬胶囊',
unitName:'xxxxxxx制药有限公司',
unitAreaName:'沈阳',
productionName:'xxxxxxx制药有限公司',
date:'2023-06-19'
}
value: "",
name: "",
options: [
{
value: 0,
label: "国抽",
},
{
value: 1,
label: "省抽",
},
],
loading:false,
action:1,
currentComponent:'basicInfo',
tableData: [],
loading: false,
action: 1,
currentComponent: "basicInfo",
// pzChouyangStyle:{
// height:''
// }
currentPage:1,
pageSize:10,
total:100,
}
total: 0,
//药品的参数
form1: {
size: 10,
current: 1,
//抽样编号
cybh: "",
},
//主键
ids: "",
descriptions: [
{
span: 1,
label: "药品通用名称",
value: "",
data: "yptymc",
},
{
span: 1,
label: "药品商品名称",
value: "",
data: "ypspmc",
},
{
span: 1,
label: "药品批准文号",
value: "",
data: "yppzwh",
},
{
span: 1,
label: "药品类别",
value: "",
data: "yplb",
},
{
span: 1,
label: "药品上市许可持有人",
value: "",
data: "ypssxkcyr",
},
{
span: 1,
label: "药品上市许可持有人统一社会信用代码",
value: "",
data: "ypssxkcyrtyshxxdm",
},
{
span: 1,
label: "药品上市许可持有人地址",
value: "",
data: "ypssxkcyrdz",
},
{
span: 1,
label: "药品上市持有人所在省份",
value: "",
data: "ypssxkcyrszsf",
},
{
span: 1,
label: "剂型",
value: "",
data: "jx",
},
{
span: 1,
label: "制剂规格",
value: "",
data: "zjgg",
},
{
span: 1,
label: "包装规格",
value: "",
data: "bzgg",
},
{
span: 1,
label: "抽样编号",
value: "",
data: "cybh",
},
{
span: 1,
label: "抽样数量",
value: "",
data: "cysl",
},
{
span: 1,
label: "有效期",
value: "",
data: "xq",
},
{
span: 1,
label: "来源",
value: "",
data: "ly",
},
{
span: 1,
label: "抽样环节",
value: "",
data: "cyhj",
},
{
span: 1,
label: "批号",
value: "",
data: "ph",
},
{
span: 1,
label: "有效期截至日期",
value: "",
data: "yxqjzrq",
},
{
span: 1,
label: "被抽样单位统一社会信用代码",
value: "",
data: "bcydwshyxdm",
},
{
span: 1,
label: "被抽样单位名称",
value: "",
data: "bcydwmc",
},
{
span: 1,
label: "被抽样单位地址",
value: "",
data: "bcydwdz",
},
{
span: 1,
label: "抽样地点性质",
value: "",
data: "cyddxz",
},
{
span: 1,
label: "抽样单位名称全称",
value: "",
data: "cydwmc",
},
{
span: 1,
label: "抽样单位所在省份",
value: "",
data: "cydwszsf",
},
{
span: 1,
label: "药品单价",
value: "",
data: "ypdj",
},
{
span: 1,
label: "药品总价",
value: "",
data: "ypzj",
},
{
span: 1,
label: "生产日期",
value: "",
data: "scrq",
},
{
span: 1,
label: "样品存放现场温度",
value: "",
data: "ypcfxcwd",
},
{
span: 1,
label: "样品存放现场湿度",
value: "",
data: "ypcfxcsd",
},
{
span: 1,
label: "抽样日期",
value: "",
data: "cyrq",
},
{
span: 1,
label: "抽样级别",
value: "",
data: "cyjb",
},
{
span: 1,
label: "抽样单位经手人",
value: "",
data: "cydwjsr",
},
{
span: 1,
label: "承检机构",
value: "",
data: "cjjg",
},
{
span: 1,
label: "生产企业是否否认生产",
value: "",
data: "scqysffrsc",
},
{
span: 1,
label: "基本药物 ",
value: "",
data: "jbyw",
},
{
span: 1,
label: "抽样任务",
value: "",
data: "cyrw",
},
{
span: 1,
label: "最终检验结论",
value: "",
data: "zzjyjl",
},
{
span: 1,
label: "检验证书编号",
value: "",
data: "jybgsbh",
},
{
span: 1,
label: "报告签发日期",
value: "",
data: "bgqfrq",
},
{
span: 1,
label: "复检结论",
value: "",
data: "fjjl",
},
{
span: 1,
label: "复检检验依据",
value: "",
data: "fjjyyj",
},
{
span: 1,
label: "复检报告书编号",
value: "",
data: "fjbgsbh",
},
{
span: 1,
label: "复检报告签发日期",
value: "",
data: "fjbgqfrq",
},
{
span: 1,
label: "收样或退样日期",
value: "",
data: "syhtyrq",
},
{
span: 1,
label: "原检结论",
value: "",
data: "yjjl",
},
{
span: 1,
label: "补充检验结果",
value: "",
data: "bcjyjg",
},
{
span: 1,
label: "计划ID",
value: "",
data: "planId",
},
{
span: 1,
label: "计划名称",
value: "",
data: "planName",
},
{
span: 1,
label: "编辑时间",
value: "",
data: "bjsj",
},
{
span: 1,
label: "更新时间",
value: "",
data: "gxsj",
},
],
load1: true,
};
},
props:['transinformation'],
components:{
props: ["transinformation"],
components: {
blockHeader,
dialogTitle,
basicInfo,
@ -232,62 +529,154 @@ export default {
drugDetail,
drugProvince,
},
methods:{
computed: {
// // ...
...mapState({
urlA: (state) => state.app.urlA,
}),
},
created() {
this.getDAList();
},
methods: {
inquire() {
if (this.urlA.type == "1") {
} else if (this.urlA.type == "2") {
this.form1.cybh = this.name;
this.form1.size = 10;
this.form1.current = 1;
this.listyp()
} else if (this.urlA.type == "3") {
}
},
reset() {
this.name = "";
this.value = "";
},
getPagination(e) {
console.log(e);
this.form1.current = e.page;
this.form1.size = e.limit;
this.chinaCosmetics();
this.listyp();
},
filterLevel(e) {
if (e === "01") {
return "省抽";
} else if (e === "02") {
return "地级市";
} else if (e === "03") {
return "县级";
} else if (e === "04") {
return "乡、镇";
} else if (e === "05") {
return "其他";
}
},
//药品数据
async listyp() {
this.loading = true;
let msg1 = await this.$api.yaoPin.getYPList(this.form1);
this.tableData = msg1.data.records;
this.total = msg1.data.total;
this.form1.size = msg1.data.size;
this.form1.current = msg1.data.current;
this.loading = false;
},
//判断是哪一个档案传递过来的数据
getDAList() {
let AA = this.$store.state.app.urlA;
if (AA) {
// 化妆品
if (AA.type == "1") {
} else if (AA.type == "2") {
//药品
this.listyp();
} else if (AA.type == "3") {
}
}
},
// 详情弹出框的tabs切换事件
actionTab(id){
actionTab(id) {
this.action = id;
if(id == 1) {
this.currentComponent = 'basicInfo'
if (id == 1) {
this.currentComponent = "basicInfo";
} else {
this.currentComponent = 'chouYang'
this.currentComponent = "chouYang";
}
},
//药品详情
async idData() {
this.load1 = true;
let msg1 = await this.$api.yaoPin.getSingle(this.ids);
this.filter(msg1.data, this.descriptions);
this.load1 = false;
},
//处理数据
filter(A, B) {
for (let key in A) {
B.forEach((values, index) => {
if (values.data === key) {
B[index].value = A[key];
}
});
}
},
// 点击详情按钮
handleEdit(index,row){
if(index == 1) {
this.$refs.chouyangDialog.open(row);
} else if(index == 2){
handleEdit(index, row) {
this.ids = row.id;
console.log(this.ids);
// 化妆品
if (this.urlA.type == "1") {
} else if (this.urlA.type == "2") {
//药品要判断是国抽还是省抽
this.idData();
this.$refs.xiangqingDialog.open(row);
} else if( index == 3) {
this.$refs.medicalInfo.open(row)
} else if(index == 0) {
this.$refs.samplingDetail.open(row)
} else if(index == 4) {
this.$refs.drugProvince.open(row)
} else if(index == 5) {
this.$refs.drugDetail.open(row)
} else if (this.urlA.type == "3") {
}
// if (index == 1) {
// this.$refs.chouyangDialog.open(row);
// } else if (index == 2) {
// this.$refs.xiangqingDialog.open(row);
// } else if (index == 3) {
// this.$refs.medicalInfo.open(row);
// } else if (index == 0) {
// this.$refs.samplingDetail.open(row);
// } else if (index == 4) {
// this.$refs.drugProvince.open(row);
// } else if (index == 5) {
// this.$refs.drugDetail.open(row);
// }
},
// tabs某列的样式修改
columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 7 || columnIndex == 0) {
return "font-family: DIN;";
} else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) {
} else if (
columnIndex == 2 ||
columnIndex == 1 ||
columnIndex == 3 ||
columnIndex == 4
) {
return "font-family: Source Han Sans CN;";
} else if(columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
} else if (columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
return "font-family: Adobe Heiti Std;font-weight: normal;";
}
},
currentChange(index){
},
sizeChange(index){
},
currentChange(index) {},
sizeChange(index) {},
},
mounted(){
// this.$nextTick(()=>{
// let dom = document.getElementsByClassName('pzChouyang');
// let height = dom[0].getBoundingClientRect();
// let windowWidth = window.innerWidth;
// let windowHeight = window.innerHeight;
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
// this.pzChouyangStyle.height = relativeHeight + 'px'
// })
console.log(this.transinformation)
}
}
mounted() {
// this.$nextTick(()=>{
// let dom = document.getElementsByClassName('pzChouyang');
// let height = dom[0].getBoundingClientRect();
// let windowWidth = window.innerWidth;
// let windowHeight = window.innerHeight;
// let relativeHeight = windowHeight - height.top - (26 / 1920 * windowWidth)
// this.pzChouyangStyle.height = relativeHeight + 'px'
// })
},
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
@ -322,7 +711,7 @@ export default {
padding: 0;
font-size: vw(14);
font-weight: 400;
color: #292F38;
color: #292f38;
}
::v-deep .el-table th {
height: vh(40);
@ -379,9 +768,9 @@ export default {
.tabs {
width: 100%;
display: flex;
border-bottom: vw(1) solid #DBE0E8;
border-bottom: vw(1) solid #dbe0e8;
.tab {
border: vw(1) solid #DBE0E8;
border: vw(1) solid #dbe0e8;
padding: vh(7) vw(22);
display: flex;
align-items: center;
@ -389,7 +778,7 @@ export default {
margin-right: vw(9);
cursor: pointer;
&:last-child{
&:last-child {
margin-right: 0;
}
@ -410,16 +799,86 @@ export default {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #2F3742;
color: #2f3742;
}
}
.actionTab {
background-color: #1E80EB;
background-color: #1e80eb;
span {
color: #fff;
}
}
}
}
.drug-input {
background: #f5f9fc;
padding: vh(40) vw(22);
display: flex;
align-items: center;
.inputs {
display: flex;
align-items: center;
.rank,
.number {
display: flex;
align-items: center;
.input--label {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
}
::v-deep .el-input__inner {
width: vw(386);
height: vw(40);
border-radius: vw(2);
}
::v-deep .el-select__caret::before {
line-height: vw(40);
}
}
.number {
margin-left: vw(39);
}
}
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
}
</style>

597
src/views/firmContent/drugInfo/PZchouyang/basicInfo/basicInfo.vue
Unescape View File

@ -1,152 +1,473 @@
<template>
<block-header title="国家药品抽检信息">
<my-descriptions :descriptions="descriptions" width></my-descriptions>
<my-descriptions
:descriptions="descriptions"
width
v-loading="loading"
></my-descriptions>
</block-header>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue";
export default {
data() {
return {
descriptions:[
{
id:1,
label:'药品通用名称',
value:'注射用冷冻干燥用氯化丁基橡胶塞'
},{
id:2,
label:'药品商品名称',
value:'xxxxxxxxxxxxxxx'
},{
id:3,
label:'药品批准文号',
value:'药包材登记号B20190008023'
},{
id:4,
label:'药品类别',
value:'xxxxxxxxxxxxxxx'
},{
id:5,
label:'药品上市许可持有人',
value:'重庆市沛玲三海兰陵有限责任公司'
},{
id:6,
label:'药品上市许可持有人统一社会信用代码',
value:'xxxxxxxxxxxxxxx'
},{
id:7,
label:'药品上市许可持有人地址',
value:'xxxxxxxxxxxxx'
},{
id:8,
label:'药品上市许可持有人所在省份',
value:'xxxxxxxxxxxxxxx'
},{
id:9,
label:'剂型',
value:'xxxxxxxxxxxxxxx'
},{
id:10,
label:'制剂规格',
value:'xxxxxxxxxxxxxxx'
},{
id:11,
label:'包装规格',
value:'xxxxxxxxxxxxxxxxx'
},{
id:12,
label:'抽样编号',
value:'xxxxxxxxxxxxxxx'
},{
id:13,
label:'抽样数量',
value:'xxxxxxxxxxxxxxx'
},{
id:14,
label:'效期',
value:'xxxxxxxxxxxxxxx'
},{
id:15,
label:'来源',
value:'xxxxxxxxxxxxxxxxx'
},{
id:16,
label:'抽样环节',
value:'xxxxxxxxxxxxxxx'
},{
id:17,
label:'批号',
value:'xxxxxxxxxxxxxx'
},{
id:18,
label:'有效期截止日期',
value:'xxxxxxxxxxxxxxx'
},{
id:19,
label:'被抽样单位统一社会信用代码',
value:'xxxxxxxxxxxxxx'
},{
id:20,
label:'被抽样单位名称',
value:'xxxxxxxxxxxxxxx'
},{
id:21,
label:'被抽样单位地址',
value:'xxxxxxxxxxxxxxx'
},{
id:22,
label:'抽样地点性质',
value:'xxxxxxxxxxxxxxx'
},{
id:23,
label:'药品单价',
value:'xxxxxxxxxxxxxx'
},{
id:24,
label:'抽样单位所在省份',
value:'xxxxxxxxxxxxxxx'
},{
id:25,
label:'生产日期',
value:'xxxxxxxxxxxxxxxx'
},{
id:26,
label:'药品总价',
value:'xxxxxxxxxxxxxxx'
},{
id:27,
label:'药品存放现场湿度',
value:'xxxxxxxx'
},{
id:28,
label:'样品存放现场温度',
value:'xxxxxxxxxxxxxxx'
},{
id:29,
label:'抽样级别',
value:'xxxxxxx'
},{
id:30,
label:'抽样日期',
value:'xxxxxxxxxxxx'
},{
id:31,
label:'承检机构',
value:'xxxxxxxxx'
},{
id:32,
label:'抽样单位经手人',
value:'xxxxxxxxxxxxxx'
},
]
// descriptions:[
// {
// id:1,
// label:'药品通用名称',
// value:'注射用冷冻干燥用氯化丁基橡胶塞'
// },{
// id:2,
// label:'药品商品名称',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:3,
// label:'药品批准文号',
// value:'药包材登记号B20190008023'
// },{
// id:4,
// label:'药品类别',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:5,
// label:'药品上市许可持有人',
// value:'重庆市沛玲三海兰陵有限责任公司'
// },{
// id:6,
// label:'药品上市许可持有人统一社会信用代码',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:7,
// label:'药品上市许可持有人地址',
// value:'xxxxxxxxxxxxx'
// },{
// id:8,
// label:'药品上市许可持有人所在省份',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:9,
// label:'剂型',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:10,
// label:'制剂规格',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:11,
// label:'包装规格',
// value:'xxxxxxxxxxxxxxxxx'
// },{
// id:12,
// label:'抽样编号',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:13,
// label:'抽样数量',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:14,
// label:'效期',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:15,
// label:'来源',
// value:'xxxxxxxxxxxxxxxxx'
// },{
// id:16,
// label:'抽样环节',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:17,
// label:'批号',
// value:'xxxxxxxxxxxxxx'
// },{
// id:18,
// label:'有效期截止日期',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:19,
// label:'被抽样单位统一社会信用代码',
// value:'xxxxxxxxxxxxxx'
// },{
// id:20,
// label:'被抽样单位名称',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:21,
// label:'被抽样单位地址',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:22,
// label:'抽样地点性质',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:23,
// label:'药品单价',
// value:'xxxxxxxxxxxxxx'
// },{
// id:24,
// label:'抽样单位所在省份',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:25,
// label:'生产日期',
// value:'xxxxxxxxxxxxxxxx'
// },{
// id:26,
// label:'药品总价',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:27,
// label:'药品存放现场湿度',
// value:'xxxxxxxx'
// },{
// id:28,
// label:'样品存放现场温度',
// value:'xxxxxxxxxxxxxxx'
// },{
// id:29,
// label:'抽样级别',
// value:'xxxxxxx'
// },{
// id:30,
// label:'抽样日期',
// value:'xxxxxxxxxxxx'
// },{
// id:31,
// label:'承检机构',
// value:'xxxxxxxxx'
// },{
// id:32,
// label:'抽样单位经手人',
// value:'xxxxxxxxxxxxxx'
// },
// ],
// descriptions: [
// {
// span: 1,
// label: "药品通用名称",
// value: "",
// data: "yptymc",
// },
// {
// span: 1,
// label: "药品商品名称",
// value: "",
// data: "ypspmc",
// },
// {
// span: 1,
// label: "药品批准文号",
// value: "",
// data: "yppzwh",
// },
// {
// span: 1,
// label: "药品类别",
// value: "",
// data: "yplb",
// },
// {
// span: 1,
// label: "药品上市许可持有人",
// value: "",
// data: "ypssxkcyr",
// },
// {
// span: 1,
// label: "药品上市许可持有人统一社会信用代码",
// value: "",
// data: "ypssxkcyrtyshxxdm",
// },
// {
// span: 1,
// label: "药品上市许可持有人地址",
// value: "",
// data: "ypssxkcyrdz",
// },
// {
// span: 1,
// label: "药品上市持有人所在省份",
// value: "",
// data: "ypssxkcyrszsf",
// },
// {
// span: 1,
// label: "剂型",
// value: "",
// data: "jx",
// },
// {
// span: 1,
// label: "制剂规格",
// value: "",
// data: "zjgg",
// },
// {
// span: 1,
// label: "包装规格",
// value: "",
// data: "bzgg",
// },
// {
// span: 1,
// label: "抽样编号",
// value: "",
// data: "cybh",
// },
// {
// span: 1,
// label: "抽样数量",
// value: "",
// data: "cysl",
// },
// {
// span: 1,
// label: "有效期",
// value: "",
// data: "xq",
// },
// {
// span: 1,
// label: "来源",
// value: "",
// data: "ly",
// },
// {
// span: 1,
// label: "抽样环节",
// value: "",
// data: "cyhj",
// },
// {
// span: 1,
// label: "批号",
// value: "",
// data: "ph",
// },
// {
// span: 1,
// label: "有效期截至日期",
// value: "",
// data: "yxqjzrq",
// },
// {
// span: 1,
// label: "被抽样单位统一社会信用代码",
// value: "",
// data: "bcydwshyxdm",
// },
// {
// span: 1,
// label: "被抽样单位名称",
// value: "",
// data: "bcydwmc",
// },
// {
// span: 1,
// label: "被抽样单位地址",
// value: "",
// data: "bcydwdz",
// },
// {
// span: 1,
// label: "抽样地点性质",
// value: "",
// data: "cyddxz",
// },
// {
// span: 1,
// label: "抽样单位名称全称",
// value: "",
// data: "cydwmc",
// },
// {
// span: 1,
// label: "抽样单位所在省份",
// value: "",
// data: "cydwszsf",
// },
// {
// span: 1,
// label: "药品单价",
// value: "",
// data: "ypdj",
// },
// {
// span: 1,
// label: "药品总价",
// value: "",
// data: "ypzj",
// },
// {
// span: 1,
// label: "生产日期",
// value: "",
// data: "scrq",
// },
// {
// span: 1,
// label: "样品存放现场温度",
// value: "",
// data: "ypcfxcwd",
// },
// {
// span: 1,
// label: "样品存放现场湿度",
// value: "",
// data: "ypcfxcsd",
// },
// {
// span: 1,
// label: "抽样日期",
// value: "",
// data: "cyrq",
// },
// {
// span: 1,
// label: "抽样级别",
// value: "",
// data: "cyjb",
// },
// {
// span: 1,
// label: "抽样单位经手人",
// value: "",
// data: "cydwjsr",
// },
// {
// span: 1,
// label: "承检机构",
// value: "",
// data: "cjjg",
// },
// {
// span: 1,
// label: "生产企业是否否认生产",
// value: "",
// data: "scqysffrsc",
// },
// {
// span: 1,
// label: "基本药物 ",
// value: "",
// data: "jbyw",
// },
// {
// span: 1,
// label: "抽样任务",
// value: "",
// data: "cyrw",
// },
// {
// span: 1,
// label: "最终检验结论",
// value: "",
// data: "zzjyjl",
// },
// {
// span: 1,
// label: "检验证书编号",
// value: "",
// data: "jybgsbh",
// },
// {
// span: 1,
// label: "报告签发日期",
// value: "",
// data: "bgqfrq",
// },
// {
// span: 1,
// label: "复检结论",
// value: "",
// data: "fjjl",
// },
// {
// span: 1,
// label: "复检检验依据",
// value: "",
// data: "fjjyyj",
// },
// {
// span: 1,
// label: "复检报告书编号",
// value: "",
// data: "fjbgsbh",
// },
// {
// span: 1,
// label: "复检报告签发日期",
// value: "",
// data: "fjbgqfrq",
// },
// {
// span: 1,
// label: "收样或退样日期",
// value: "",
// data: "syhtyrq",
// },
// {
// span: 1,
// label: "原检结论",
// value: "",
// data: "yjjl",
// },
// {
// span: 1,
// label: "补充检验结果",
// value: "",
// data: "bcjyjg",
// },
// {
// span: 1,
// label: "计划ID",
// value: "",
// data: "planId",
// },
// {
// span: 1,
// label: "计划名称",
// value: "",
// data: "planName",
// },
// {
// span: 1,
// label: "编辑时间",
// value: "",
// data: "bjsj",
// },
// {
// span: 1,
// label: "更新时间",
// value: "",
// data: "gxsj",
// },
// ],
// loading: true,
};
},
props: {
descriptions:{
type:Array,
default:[]
},
loading:{
type:Boolean,
default:true
}
},
components:{blockHeader,myDescriptions},
methods:{
components: { blockHeader, myDescriptions },
created() {
},
mounted(){
},
}
methods: {
},
};
</script>
<style lang="scss" scoped>
</style>

365
src/views/firmContent/drugInfo/PZchouyang/chouYang/chouYang.vue
Unescape View File

@ -1,290 +1,121 @@
<template>
<block-header title="检验项目信息">
<div class="tables">
<el-table
:data="tableData"
style="width: 100%"
v-loading="loading"
border
>
<el-table-column
prop="id"
header-align="center"
label="序号"
width="50"
>
</el-table-column>
<el-table-column
prop="dalei"
header-align="center"
width="80"
label="检验大类"
>
</el-table-column>
<el-table-column
prop="project"
width="90"
header-align="center"
label="检验项目"
>
</el-table-column>
<el-table-column
prop="guiding"
header-align="center"
label="标准规定"
>
</el-table-column>
<el-table-column
prop="jieguo"
header-align="center"
width="105"
label="检验结果"
>
</el-table-column>
<el-table-column
prop="jielun"
header-align="center"
width="80"
label="检验结论"
>
</el-table-column>
<el-table-column
prop="yiju"
label="检验依据"
header-align="center"
>
</el-table-column>
<el-table-column
prop="xuhao"
label="检验序号"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="leibie"
label="报告类别"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="bianhao"
label="抽样编号"
width="135"
header-align="center"
>
</el-table-column>
<el-table-column
prop="name"
label="药品通用名"
header-align="center"
>
</el-table-column>
<el-table-column
prop="editdate"
label="编辑时间"
width="90"
header-align="center"
>
</el-table-column>
<el-table-column
prop="update"
label="更新时间"
width="90"
header-align="center"
>
</el-table-column>
</el-table>
</div>
<div class="pagination">
<span class="custom"
>共{{ tableData.length }}条，显示{{
0
}}-{{ tableData.length }}条</span
>
<el-pagination
background
small
@current-change="currentChange"
@size-change="sizeChange"
:current-page.sync="current"
:page-size.sync="size"
:page-sizes="[10, 15]"
layout=" prev, pager, next, sizes, jumper"
:total="tableData.length"
>
</el-pagination>
<tables :labels="labels" :list="tableData" :loading="loading"></tables>
</div>
<pagination
v-show="total > 0"
:total="total"
:page="form1.current"
:limit="form1.size"
@pagination="getPagination"
></pagination>
</block-header>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import tables from "@/views/firmContent/components/table/index.vue";
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue";
export default {
data() {
return {
tableData:[
tableData: [],
total: 1,
labels: [
{
header: "检验大类",
value: "jydl",
width: "",
},
{
header: "检验项目",
value: "jyxm",
width: "",
},
{
header: "标准规定",
value: "bzgd",
width: "",
},
{
id:1,
dalei:'其他',
project:'含量测定',
guiding:'按无水物计算，每 1mg的效应不得少 于610红霉素单位',
jieguo:'655单位',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'14',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:2,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'18',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:3,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'16',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:4,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'25',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:5,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'55',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:6,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'23',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:7,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'11',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:8,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'18',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:9,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'12',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
},{
id:10,
dalei:'检查',
project:'细菌内毒素',
guiding:'应小于1.0EU/mg',
jieguo:'小于1.0EU/mg',
jielun:'符合规定',
yiju:'《中国药典》 2015年版二部',
xuhao:'15',
leibie:'1',
bianhao:'1221030412300001',
name:'注射用乳糖酸 红霉素',
editdate:'2021-04-23',
update:'2021-04-23'
header: "检验结果",
value: "jyjg",
width: "",
},
{
header: "检验结论",
value: "jyjl",
width: "",
},
{
header: "检验依据",
value: "jyyj",
width: "",
},
{
header: "检验序号",
value: "jyxh",
width: "",
},
{
header: "报告类别",
value: "bglb",
width: "",
},
{
header: "抽样编号",
value: "cybh",
width: "",
},
{
header: "药品通用名字",
value: "yptym",
width: "",
},
{
header: "编辑时间",
value: "bjsj",
width: "",
},
{
header: "更新时间",
value: "gxsj",
width: "",
},
],
loading:false,
current:1,
size:10
}
loading: false,
form1: {
current: 1,
size: 10,
},
};
},
components:{blockHeader},
methods:{
currentChange(index){
components: { blockHeader, tables },
created() {
this.arrData();
},
methods: {
async arrData() {
this.loading = true;
let msg1 = await this.$api.yaoPin.jyList(this.form1);
this.tableData = msg1.data.records;
this.total = msg1.data.total;
this.form1.current = msg1.data.current;
this.form1.size = msg1.data.size;
this.loading = false;
},
sizeChange(index){
getPagination(e) {
console.log(e);
this.form1.current = e.page;
this.form1.size = e.limit;
this.arrData();
},
},
}
};
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
.tables {
min-height: 400px;
.button {
display: flex;
justify-content: center;
@ -313,7 +144,7 @@ export default {
font-size: vw(14);
font-weight: 400;
font-family: Source Han Sans CN;
color: #292F38;
color: #292f38;
}
::v-deep .el-table th {
height: vh(40);

1243
src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
View File

File diff suppressed because it is too large Load Diff

116
src/views/firmContent/drugInfo/index.vue
Unescape View File

@ -3,9 +3,9 @@
<div class="drugInfo-top">
<div class="top-left">
<div class="drug-name">
<span>药品通用名称：</span>
<span>{{ pruduct.key }} ：</span>
<!-- <span class="Name">{{ 暂无 }}</span> -->
<span class="Name">暂无</span>
<span class="Name">{{ pruduct.value || '暂无' }}</span>
</div>
<div class="drug-tag">
<span v-for="item in tags" :key="item.id">{{ item.name }}</span>
@ -33,7 +33,7 @@
</div>
</div>
</div>
<div class="drug-input" v-show="action == 2 || action == 3 ">
<!-- <div class="drug-input" v-show="action == 2 || action == 3 ">
<div class="inputs">
<div class="rank" v-show="action == 2">
<div class="input--label">抽样级别：</div>
@ -63,18 +63,18 @@
<button class="reset" @click="reset">重置</button>
<button class="inquire" @click="inquire(1)">查询</button>
</div>
</div>
</div> -->
<div class="drug-exit" :style="drugExitStyle">
<!-- <router-view></router-view> -->
<component :is="currentComponent" :transinformation="transinformation"></component>
<component :is="currentComponent" :transinformation="transinformation" @getCPName="getCPName"></component>
</div>
</div>
</div>
</template>
<script>
import basicInfo from "./drugBasicInfo/drugBasicInfo.vue"
import PZchouyang from "./PZchouyang/PZchouyang.vue"
import adverseReaction from "./adverseReaction/adverseReaction.vue"
import basicInfo from "./drugBasicInfo/drugBasicInfo"
import PZchouyang from "./PZchouyang/PZchouyang"
import adverseReaction from "./adverseReaction/adverseReaction"
export default {
data() {
return {
@ -88,21 +88,7 @@ export default {
name:'疗效显著'
},
],
options:[
{
value:0,
label:'国抽'
},{
value:1,
label:'省抽'
},
],
value:'',
action:1,
// action == 3 报告编号 ⌈ 输入框绑定的值 ⌋
number:'',
// action == 2抽样编号/action == 3患者姓名 ⌈ 输入框绑定的值 ⌋
name:'',
currentComponent:'basicInfo',
drugExitStyle:{
height:'',
@ -111,6 +97,11 @@ export default {
goback:true,
id:null,
token:null,
//产品名称
pruduct:{
key:'某某产品',
value:'-'
}
}
},
components:{
@ -119,6 +110,11 @@ export default {
adverseReaction
},
methods:{
//获取名称
getCPName(e){
this.pruduct.key = e.key
this.pruduct.value = e.value
},
goBack(){
this.$router.go(-1)
},
@ -145,12 +141,6 @@ export default {
// this.$router.push({ name:'adverseReaction' })
}
},
inquire(){
// this.isOne = true;
},
reset(){
// this.isOne = false;
},
getHeight(){
let dom = document.getElementsByClassName('drug-exit');
let height = dom[0].getBoundingClientRect();
@ -330,75 +320,7 @@ export default {
}
}
}
.drug-input {
background: #F5F9FC;
padding: vh(40) vw(22);
display: flex;
align-items: center;
.inputs {
display: flex;
align-items: center;
.rank , .number {
display: flex;
align-items: center;
.input--label {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6A6C6F;
}
::v-deep .el-input__inner {
width: vw(386);
height: vw(40);
border-radius: vw(2);
}
::v-deep .el-select__caret::before {
line-height: vw(40);
}
}
.number {
margin-left: vw(39);
}
}
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
}
.drug-exit {
margin-top: vh(25);
padding-bottom: vw(20);

Write Preview
Loading…
Cancel
Save